:root {
  --f300: "Light";
  --f400: "Regular";
  --f500: "Medium";
  --f600: "Bold";
  --vicolor: #004AD5;
  --vibg: linear-gradient(90deg, #70AFFD 0%, #5B8CF2 36.54%, #8F77E3 100%);
  --vibg2: linear-gradient(180deg, #70AFFD 0%, #5B8CF2 36.54%, #8F77E3 100%);
  --header: 0.8rem;
}
.ticolor {
  width: fit-content;
  background: var(--vibg);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
header {
  position: fixed;
  z-index: 999;
  top: 0.3rem;
  left: 50%;
  transform: translateX(-50%);
  width: 17.6rem;
  height: 0.74rem;
  border-radius: 0.28rem;
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(10px);
  transition: all 0.4s ease;
  padding: 0 0.4rem;
}

header.nd{box-shadow: 0 0 0.2rem rgba(0,0,0,0.1);}

header.sroll {
  padding: 0 1.5rem;
  width: 100%;
  border-radius: 0;
  top: 0;
  height: 1rem;
  background: #fff;
}
header .header_container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header .header_container .logo {
      width: 3.25rem;
    height: 0.77rem;
    /*margin-top: .03rem;*/
}
header .header_container .logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
header .header_container .nav {
  height: 100%;
  display: flex;
  align-items: center;
  column-gap: 1rem;
}
header .header_container .nav li {
  width: fit-content;
  height: 100%;
}
header .header_container .nav li .h1 {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

header .header_container .nav li:hover .h1 {
  background: linear-gradient(90deg, #70AFFD 0%, #5B8CF2 36.54%, #8F77E3 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

header .header_container .nav li.on .h1{
  background: linear-gradient(90deg, #70AFFD 0%, #5B8CF2 36.54%, #8F77E3 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

header .header_container .header_right {
  width: fit-content;
  height: 100%;
  display: flex;
  align-items: center;
  column-gap: 0.36rem;
}
header .header_container .header_right .search {
  width: 0.24rem;
  height: 0.24rem;
}
header .header_container .header_right .search .ico {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
header .header_container .header_right .language {
  position: relative;
  width: fit-content;
  border-radius: 0.4rem;
  height: 0.4rem;
  border-radius: 0.2rem;
  border: 1.5px solid rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
header .header_container .header_right .language.active {
  border: none;
  background: #fff;
  border-radius: 0.2rem 0.2rem 0 0;
}
header .header_container .header_right .language .language_item {
  display: flex;
  align-items: center;
  column-gap: 0.1rem;
  height: 100%;
  padding: 0 0.2rem;
}
header .header_container .header_right .language .language_item .icon {
  width: 0.2rem;
  height: 20px;
  object-fit: contain;
}
header .header_container .header_right .language .language_item .ico {
  width: 0.1rem;
  height: auto;
}
header .header_container .header_right .language .language_list {
  position: absolute;
  top: 100%;
  right: 0;
  width: 100%;
  background: #fff;
  border-radius: 0 0 0.2rem 0.2rem;
  padding: 0.08rem 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-0.1rem);
  transition: all 0.3s ease;
  z-index: 1000;
}
header .header_container .header_right .language.active .language_list {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
header .header_container .header_right .language .language_separator {
  height: 0;
  border-top: 1px dashed rgba(0, 0, 0, 0.2);
  margin: 0.08rem 0;
}
header .header_container .header_right .language .language_list .language_item {
  padding: 0.12rem 0.2rem;
  height: auto;
  border-radius: 0;
}
header .header_container .header_right .language .language_list .language_item a {
  display: block;
  color: #333;
  text-decoration: none;
  font-size: 0.16rem;
  transition: color 0.2s ease;
  margin: 0 auto;
}
header .header_container .header_right .language .language_list .language_item:first-of-type a {
  color: #5B8CF2;
}
header .header_container .header_right .language .language_list .language_item:hover a {
  color: #5B8CF2;
}
footer {
  background: linear-gradient(90deg, #70AFFD 0%, #5B8CF2 36.54%, #8F77E3 100%);
  padding: 0.2rem 1.5rem 0;
}
footer .footer_top {
  padding: 0.4rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
footer .footer_top .logo {
  /*width: 2.4rem;*/
  /*  height: 0.65rem;*/
  width: 3.25rem;
  height: 0.77rem;
}
footer .footer_top .logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
footer .footer_center .left .list {
    display: none;
}
footer .footer_top .list {
  display: flex;
  align-items: center;
  column-gap: 0.16rem;
}
footer .footer_top .list .li {
  width: 0.44rem;
  height: 0.44rem;
  position: relative;
  cursor: pointer;
}
footer .footer_top .list .li img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: absolute;
  inset: 0;
  transition: all 0.4s ease;
}
footer .footer_top .list .li img.img2 {
  opacity: 0;
}

footer .footer_top .list .li:hover img.img1{opacity: 0;}
footer .footer_top .list .li:hover img.img2{opacity: 1;}

footer .footer_center {
  padding: 0.56rem 0 0.54rem;
  display: flex;
  column-gap: .6rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  flex-flow: row-reverse;
}
footer .footer_center .left {
  width: 3.08rem;
  width: fit-content;
}
footer .footer_center .left .item_cot {
  margin-bottom: 0.86rem;
}
footer .footer_center .left .item_cot .li {
  margin-bottom: 0.16rem;
  display: flex;
  column-gap: 0.2rem;
}
footer .footer_center .left .item_cot .li .span {
  flex: 1;
}
footer .footer_center .left .item_cot .li .span_f {
  width: 2.4rem;
  line-height: 1.5;
}
footer .footer_center .left .item_cot .li:last-child {
  margin-bottom: 0;
}
footer .footer_center .left .ewm {
  width: 0.92rem;
  height: 0.92rem;
}
footer .footer_center .left .ewm img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
footer .footer_center .right {
  /*flex: 1;*/
  display: flex;
  gap: .45rem;
  width: 100%;
  justify-content: space-between;
}
footer .footer_center .right ul {
  width: fit-content;
  max-width:2.8rem;
}
footer .footer_center .right ul li a {
  display: block;
  line-height: 1.5;
}
footer .footer_center .right ul li.h1 {
  margin-bottom: 0.28rem;
}
footer .footer_center .right ul li.h1 .li_item {
    margin:  0 0 .28rem 0;
}
footer .footer_center .right ul li.h1 .li_item .icon {
    display: none;
}
footer .footer_center .right ul li.h1 .drop_box {
    margin: 0 0 .16rem 0;
}
footer .footer_center .right ul li.h1 .drop_box a {
    color: rgba(255, 255, 255, 0.8);
}
footer .footer_center .right ul li.h1 .drop_box:hover a {
    color: rgba(255, 255, 255, 1);
}
footer .footer_center .right ul li.h2 {
  margin-bottom: 0.16rem;
}
footer .footer_center .right ul li.h2 a {
  color: rgba(255, 255, 255, 0.8);
}
footer .footer_center .right ul li.h2:last-child {
  margin-bottom: 0;
}
footer .footer_bot {
  padding: 0.36rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
footer .footer_bot .t {
  line-height: calc(16 / 14);
}
footer .footer_bot .right {
  display: flex;
  align-items: center;
  column-gap: 0.3rem;
}

.banners{position: relative;overflow: hidden;}
.banners .swiper-pagination{position: absolute;bottom: 1.34rem;left: 0.94rem;width: fit-content;z-index:5;}
.banners .swiper-pagination .swiper-pagination-bullet{width: 4px;height:4px;background-color:#fff;border-radius:50%;position:relative;opacity:1;margin-right:0.8rem;}
.banners .swiper-pagination .swiper-pagination-bullet:after{content:"";position:absolute;top:50%;left:50%; width:0.32rem;height: 0.32rem;border: 1px solid #00BEFF;border-radius: 50%;transform: translate(-50%,-50%);opacity: 0;transition: all 0.5s;}
.banners .swiper-pagination .swiper-pagination-bullet-active:after{opacity:1;}
.banners .scroll-down {
  position: absolute;
  bottom: 0.24rem;
  left: 50%;
  transform: translateX(-50%);
  width: fit-content;
  z-index:5;
  display: flex;
  flex-direction: column;
  align-items: center;
  opacity: 0.6;
}
.banners .scroll-down .icon {
  position: relative;
  margin-bottom: 0.32rem;
}
.banners .scroll-down .circle {
  width: 0.32rem;
  height: 0.48rem;
  border-radius: 0.16rem;
  border: 1px solid #fff;
}
.banners .scroll-down .arrow {
  position: absolute;
  bottom: 0%;
  left: 50%;
  transform: translate(-50%);
  width: auto;
  height: 0.32rem;
  object-fit: contain;
  filter: brightness(0) invert(1);
  animation: arrowBounce 3s ease-in-out infinite;
}
@keyframes arrowBounce {
  0%, 100% {
    transform: translate(-50%, 0%);
  }
  50% {
    transform: translate(-50%, 70%);
  }
}

.index_banner {
  height: 100vh;
  position: relative;
  overflow: hidden;
}
.index_banner .bgimg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index_banner .banner_cont {
  position: relative;
  z-index: 4;
  height: 100%;
  padding: 3.2rem 0.8rem;
}
.index_banner .banner_cont .title {
  line-height: calc(84 / 62);
  font-size: .6rem !important;
  letter-spacing: 1px;
}
.index_banner .banner_cont .subtitle {
    width: 6.6rem;
    font-family: 'Poppin';
  line-height: 1.4;
  letter-spacing: 2px;
  margin-top: 0.3rem;
}
.index_banner .s-control {
  position: absolute;
  bottom: 1.14rem;
  right: 0.82rem;
  width: 0.3rem;
  height: 0.3rem;
  object-fit: contain;
  cursor: pointer;
  z-index: 5;
}
.index_banner .banner-mask {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 3;
}

.news_container .about_banner form.banner_cont{
  width: fit-content;
  margin: 0 auto;
  display: flex;
  padding-top: 3rem;
}
.news_container .about_banner form.banner_cont .form{background-color: #ffffff;border-radius: 0.3rem;overflow: hidden;box-shadow: 0 0 0.3rem rgba(0,0,0,0.05);display: flex;}
.news_container .about_banner form.banner_cont .form input{background-color: transparent;line-height: 0.6rem;width: 5.2rem;padding: 0 0.16rem;}
.news_container .about_banner form.banner_cont .form button{width: 1rem;display: flex;align-items: center;justify-content: center;background: var(--vibg);height: 0.6rem;border: none;cursor: pointer;}


.index1 {
  padding: 1.2rem 0 0;
}
.index1 .text {
  padding: 0 0.8rem;
  color: #000;
  line-height: 0.56rem;
}
.index1 .am_img {
  display: block;
  width: 85%;
  margin: 0 auto;
}
.index2 {
  padding: 1.6rem 0.8rem 0;
}
.index2 .tit1 {
  margin: 0 auto;
  margin-bottom: 0.8rem;
}
.index2 .cont {
  display: flex;
  border-radius: 0.1rem;
  overflow: hidden;
}
.index2 .cont .left {
  width: 11.86rem;
  height: 7.68rem;
  position: relative;
}
.index2 .cont .left .card {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  transition: all 0.4s ease;
  opacity: 0;
  pointer-events: none;
  z-index: -1;
  display: flex;
  flex-direction: column;
  justify-content: end;
}
.index2 .cont .left .card.on {
  opacity: 1;
  pointer-events: all;
  z-index: 1;
}
.index2 .cont .left .card .bgimg {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index2 .cont .left .card .card_cont {
  width: 100%;
  height: fit-content;
  position: relative;
  z-index: 2;
  padding: 0.6rem 0.8rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background: linear-gradient(180deg, rgba(1, 49, 109, 0) 0%, rgba(1, 49, 109, 0.3) 100%);
}
.index2 .cont .left .card .card_cont .h1 {
  margin-bottom: 0.2rem;
  line-height: 1.111;
}
.index2 .cont .left .card .card_cont .h2 {
  margin-bottom: 0.4rem;
  line-height: 1.333;
}
.index2 .cont .left .card .card_cont .more {
  display: flex;
  align-items: center;
  column-gap: 0.16rem;
  line-height: 1.25;
}
.index2 .cont .left .card .card_cont .more span {
  color: #fff;
}
.index2 .cont .right {
  width: calc(100% - 11.86rem);
  height: 7.68rem;
  display: flex;
  flex-direction: column;
  background-color: #f2f8fd;
}
.index2 .cont .right .item {
  position: relative;
  width: 100%;
  height: calc(100% / 3);
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
  padding: 0.4rem 0.32rem 0.6rem 0.5rem;
  cursor: pointer;
}
.index2 .cont .right .item.on::after {
  opacity: 1;
}
.index2 .cont .right .item.on .item_top .page_cont .page1 {
  color: #fff;
}
.index2 .cont .right .item.on .item_top .page_cont .page2 {
  color: #fff;
}
.index2 .cont .right .item.on .item_bot .tit {
  color: #fff;
}
.index2 .cont .right .item.on .item_bot svg path {
  stroke: #fff;
  fill: #fff;
}
.index2 .cont .right .item::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  background: var(--vibg);
  opacity: 0;
  transition: all 0.4s ease;
}
.index2 .cont .right .item .item_top {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
}
.index2 .cont .right .item .item_top .ico_cont {
  width: 0.7rem;
  height: 0.7rem;
  position: relative;
}
.index2 .cont .right .item .item_top .ico_cont .bg1 {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: relative;
  z-index: 1;
}
.index2 .cont .right .item .item_top .ico_cont .bg2 {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: url(../img/09.png) no-repeat center / contain;
  top: 0.1rem;
  right: 0.1rem;
  padding: 0.16rem;
}
.index2 .cont .right .item .item_top .ico_cont .bg2 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.index2 .cont .right .item .item_top .page_cont {
  display: flex;
  align-items: center;
  column-gap: 0.08rem;
  line-height: 1.25;
}
.index2 .cont .right .item .item_top .page_cont .page1 {
  color: #000;
  transition: all 0.4s ease;
}
.index2 .cont .right .item .item_top .page_cont .page2 {
  color: rgba(0, 0, 0, 0.6);
  transition: all 0.4s ease;
}
.index2 .cont .right .item .item_bot {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.index2 .cont .right .item .item_bot .tit {
  padding: 1px 0;
  flex: 1;
  line-height: 1.2;
  transition: all 0.4s ease;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
    margin-right: .2rem;
}
.index2 .cont .right .item .item_bot svg {
  width: 0.18rem;
  height: auto;
  margin-left: 0.2rem;
}
.index2 .cont .right .item .item_bot svg path {
  transition: all 0.4s ease;
}
.index3 {
  padding: 2rem 0.8rem;
}
.index3 .tit1 {
  position: sticky;
  z-index: 1;
  margin: 0 auto;
  margin-bottom: 0.8rem;
  top: 1rem;
}
.index3 .cont{
  position: relative;
  z-index: 2;
}
.index3 .cont .card {
  position: sticky;
  z-index: 2;
  top: calc(1rem + 1.36rem);
  width: 100%;
  height: 5.8rem;
  background-color: #f2f8fd;
  border-radius: 0.4rem;
  margin-bottom: 0.4rem;
  padding: 0.4rem;
  display: flex;
}
.index3 .cont .card .left {
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 1.2rem;
}
.index3 .cont .card .left .text .h1 {
  line-height: 1.55;
  margin-bottom: 0.2rem;
}
.index3 .cont .card .left .text .p1 {
  line-height: 1.83;
}
.index3 .cont .card .left .btn {
  width: fit-content;
  height: 0.5rem;
  border-radius: 0.5rem;
  background: var(--vibg);
  display: flex;
  align-items: center;
  column-gap: 0.2rem;
  padding: 0 0.45rem;
  min-width: 1.8rem;
}
.index3 .cont .card .left .btn span {
  color: #fff;
}
.index3 .cont .card .left .btn svg {
  width: 0.08rem;
  height: auto;
}
.index3 .cont .card:last-child {
  margin-bottom: 0;
}
.index3 .cont .card .pic {
  width: 8.6rem;
  height: 100%;
  overflow: hidden;
  border-radius: 0.4rem;
}
.index3 .cont .card .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.4s ease;
}
.index4 {
  padding-bottom: 1.2rem;
}
.index4 .tit1 {
  margin: 0 auto;
  padding: 0 0.8rem;
}
.index4 .swiper1 {
  overflow: hidden;
  padding: 0.8rem 0;
  width: 100%;
}
.index4 .swiper1 .swiper-slide {
  width: 13.3rem;
  height: 6.14rem;
  position: relative;
  border-radius: 0.2rem;
  overflow: hidden;
}
.index4 .swiper1 .swiper-slide .bgimg {
  position: absolute;
  z-index: 1;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index4 .swiper1 .swiper-slide .slide_cont {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  padding: 0.8rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.index4 .swiper1 .swiper-slide .slide_cont .page_cont {
  line-height: 1;
  margin-bottom: 0.41rem;
}
.index4 .swiper1 .swiper-slide .slide_cont .t1 {
  color: #fff;
  line-height: 1.55;
  margin-bottom: 0.2rem;
}
.index4 .swiper1 .swiper-slide .slide_cont .p1 {
  line-height: 1.87;
  color: #fff;
}
.index4 .swiper1 .swiper-slide .slide_cont .btn {
  width: fit-content;
  height: 0.5rem;
  border-radius: 0.5rem;
  background: var(--vibg);
  display: flex;
  align-items: center;
  column-gap: 0.2rem;
  padding: 0 0.45rem;
  min-width: 1.8rem;
}
.index4 .swiper1 .swiper-slide .slide_cont .btn span {
  color: #fff;
}
.index4 .swiper1 .swiper-slide .slide_cont .btn svg {
  width: 0.08rem;
  height: auto;
}

.index4 .btns .btn {
    display: none;
}
.index5 {
  padding: 1.2rem 0.54rem 1.17rem;
  background: url('../img/in_bj.png') no-repeat center / cover;
}
.index5 .top {
  margin-bottom: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.index5 .top .tit {
  padding: 0.08rem 0;
}
.index5 .top .btn {
  width: fit-content;
  height: 0.5rem;
  border-radius: 0.5rem;
  background: var(--vibg);
  display: flex;
  align-items: center;
  column-gap: 0.2rem;
  padding: 0 0.45rem;
  min-width: 1.8rem;
}
.index5 .top .btn span {
  color: #fff;
}
.index5 .top .btn svg {
  width: 0.08rem;
  height: auto;
}
.index5 .list .item {
  padding: 0.23rem 0.26rem;
  background: transparent;
  transition: all 0.4s ease;
  border-radius: 0.2rem;
  margin-bottom: 0.1rem;
}

.index5 .list .item:hover {
    background-color: #fff;
}
.index5 .list .item:last-child {
  margin-bottom: 0;
}
.index5 .list .item .item_cont {
  width: 100%;
  display: flex;
  height: 3.2rem;
}
.index5 .list .item .item_cont .text {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0.2rem .8rem 0.2rem 0;
}
.index5 .list .item .item_cont .text .text_top .h1 {
  margin-bottom: 0.2rem;
  line-height: calc(33 / 20);
  color: #000;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.index5 .list .item .item_cont .text .text_top .p1 {
  line-height: 1.8;
  color: #000;
  display: -webkit-box; /* 使用 WebKit 的弹性盒子模型 */
    -webkit-box-orient: vertical; /* 设置为垂直排列 */
    -webkit-line-clamp: 2; /* 限制显示两行 */
    overflow: hidden; /* 隐藏超出内容 */
    text-overflow: ellipsis; /* 使用省略号表示溢出部分 */
}
.index5 .list .item .item_cont .text .more {
  display: flex;
  align-items: center;
  column-gap: 0.16rem;
}
.index5 .list .item .item_cont .pic {
  width: 6.1rem;
  height: 3.2rem;
  border-radius: 0.2rem;
  overflow: hidden;
}
.index5 .list .item .item_cont .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.4s ease;
}
.about_banner {
  width: 100%;
  position: relative;
}
.about_banner .bgimg {
  position: absolute;
  z-index: 1;
  inset: 0;
  width: 100%;
  height: auto;
}
.about_banner .banner_cont {
  position: relative;
  display: flex;
  flex-direction: column;
  z-index: 2;
  padding: 5.63rem 0.8rem 0;
  /* width: fit-content; */
}
.about_banner .banner_cont .h1 {
  line-height: 1.41;
  margin-bottom: 0.4rem;
  /* width: 100%; */
}
.about_banner .banner_cont .h2 {
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.63);
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  line-height: calc(29 / 20);
  letter-spacing: 5.8px;
  /* width: 90%; */
}
.about1 {
  margin-top: 3.75rem;
  padding: 0 1.63rem 0.84rem;
  position: relative;
  z-index: 2;
}
.about1 .top {
  margin-bottom: 1.29rem;
  position: relative;
}
.about1 .top::before {
  content: "";
  width: 1.83rem;
  height: 1.17rem;
  position: absolute;
  z-index: 1;
  left: 0;
  top: -0.57rem;
  background: url(../img/15.png) no-repeat center / contain;
}
.about1 .top .t1 {
  position: relative;
  z-index: 2;
  line-height: calc();
  padding-left: .5rem;
  margin-bottom: 0.11rem;
  line-height: calc(47 / 40);
  letter-spacing: 2px;
}
.about1 .top .t2 {
  padding-left: 2.3rem;
  margin-bottom: 0.61rem;
}
.about1 .top .h1 {
  position: relative;
  z-index: 2;
  padding-left: .5rem;
  line-height: calc(28 / 24);
  letter-spacing: 1.2px;
  width: fit-content;
}
.about1 .top .h1::after {
  content: "";
  width: 1.83rem;
  height: 1.17rem;
  position: absolute;
  z-index: 1;
  left: calc(98% + 0.5rem);
  top: 50%;
  transform: translateY(-50%);
  background: url(../img/16.png) no-repeat center / contain;
}
.about1 .cont {
  display: flex;
  justify-content: space-between;
}
.about1 .cont .pic {
  width: 8.18rem;
  height: 5.09rem;
  border-radius: 0.1rem;
  overflow: hidden;
}
.about1 .cont .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.4s ease;
}
.about1 .cont .cont_text {
  /*padding-top: 0.22rem;*/
  width: calc(100% - 8.18rem - 0.72rem);
}
.about1 .cont .cont_text .h1 {
  line-height: 1.87;
  letter-spacing: 1px;
  margin-bottom: .07rem;
}
.about1 .cont .cont_text .h2 {
  line-height: 1.87;
  margin-bottom: 0.3rem;
}
.about1 .cont .cont_text .list .item {
  width: 100%;
  padding: 0.2rem 0.53rem;
  border-radius: 0.1rem;
  background: #FFF;
  box-shadow: 0 19px 31.1px 0 rgba(86, 146, 235, 0.17);
  margin-bottom: 0.17rem;
}
.about1 .cont .cont_text .list .item:last-child {
  margin-bottom: 0;
}
.about1 .cont .cont_text .list .item .t1 {
  letter-spacing: 1px;
  margin-bottom: 0.14rem;
}
.about1 .cont .cont_text .list .item .t2 {
  line-height: 1.68;
  letter-spacing: 0.8px;
}
.about2 {
  padding: 0.84rem 0 ;
}
.about2 .top {
  padding: 0 1.65rem;
  margin-bottom: 0.66rem;
}
.about2 .top .h1 {
  line-height: calc(47 / 40);
  margin-bottom: 0.12rem;
}
.about2 .top .h2 {
  line-height: calc(30 / 20);
  color: rgba(162, 162, 162, 0.69);
  font-style: italic;
}
.about2 .cont {
  padding: 0.87rem 1.65rem .82rem;
  background-color: #f3f8fc;
}
.about2 .cont .swiper1 {
  width: 100%;
  margin-bottom: 0.8rem;
}
.about2 .cont .swiper1 .swiper-slide {
  height: 3.76rem;
  border-radius: 0.2rem;
  overflow: hidden;
  background-color: #fff;
  transition: all 0.4s ease;
  position: relative;
  cursor: pointer;
}
.about2 .cont .swiper1 .swiper-slide.on::after {
  opacity: 1;
}
.about2 .cont .swiper1 .swiper-slide.on .slide_cont .name {
  color: #fff;
}
.about2 .cont .swiper1 .swiper-slide.on .slide_cont .post {
  color: #fff;
}
.about2 .cont .swiper1 .swiper-slide::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  width: 100%;
  height: 100%;
  background: var(--vibg);
  opacity: 0;
  transition: all 0.4s ease;
}
.about2 .cont .swiper1 .swiper-slide .slide_cont {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.about2 .cont .swiper1 .swiper-slide .slide_cont .zk{
    position: absolute;
    top: 0.2rem;
    right: 0.5rem;
    width: 0.35rem;
    height: 0.35rem;
}
.about2 .cont .swiper1 .swiper-slide .slide_cont .zk img{width: 100%;}
.about2 .cont .swiper1 .swiper-slide .slide_cont .zk img.img2{display: none;}
.about2 .cont .swiper1 .swiper-slide.on .slide_cont .zk img.img1{display: none;}
.about2 .cont .swiper1 .swiper-slide.on .slide_cont .zk img.img2{display: block;}

.about2 .cont .swiper1 .swiper-slide .slide_cont .pic {
  width: 2.05rem;
  height: 2.05rem;
  border-radius: 50%;
  border: 1px solid #dee9f1;
  overflow: hidden;
  padding: 0.07rem;
  margin-bottom: 0.29rem;
}
.about2 .cont .swiper1 .swiper-slide .slide_cont .pic img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  transition: all 0.4s ease;
}
.about2 .cont .swiper1 .swiper-slide .slide_cont .name {
  margin-bottom: 0.18rem;
  line-height: calc(23 / 20);
  transition: all 0.4s ease;
  font-weight: 700;
}
.about2 .cont .swiper1 .swiper-slide .slide_cont .post {
  color: #666;
  transition: all 0.4s ease;
  line-height: calc(19 / 16);
}
.about2 .cont .card_cont {
  width: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  position: relative;
}
.about2 .cont .card_cont .card {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: -1;
  pointer-events: none;
  display: flex;
  padding-top: 0.65rem;
  column-gap: 0.7rem;
  transition: all 0.4s ease;
}
.about2 .cont .card_cont .card .left {
  width: 3rem;
}
.about2 .cont .card_cont .card .left .name {
  margin-bottom: 0.08rem;
  line-height: 1.64;
  color: #000;
}
.about2 .cont .card_cont .card .left .post {
  line-height: 1.64;
  letter-spacing: 1.4px;
}
.about2 .cont .card_cont .card .text {
  flex: 1;
  display: flex;
  gap: 0.8rem;
}
.about2 .cont .card_cont .card .text ul {
  width: calc(100% / 3);
  list-style-type: disc;
}
.about2 .cont .card_cont .card .text ul li {
  list-style-type: disc;
  line-height: 1.87;
  font-size: 0.16rem;
  font-family: var(--f300);
  font-weight: 300;
}
.about2 .cont .card_cont .card.on {
  position: relative;
  z-index: 1;
  opacity: 1;
  pointer-events: all;
}
.about3 {
  padding: .84rem 0;
}
.about3 .top {
  padding: 0 1.65rem;
  margin-bottom: 0.576rem;
}
.about3 .top .h1 {
  line-height: calc(47 / 40);
  margin-bottom: 0.12rem;
}
.about3 .top .h2 {
  line-height: calc(30 / 20);
  color: rgba(162, 162, 162, 0.69);
  font-style: italic;
}
.about3 .tabber {
  overflow: hidden;
  width: fit-content;
  margin: 0 auto;
  display: flex;
  align-items: center;
  column-gap: 0.64rem;
  border-bottom: 1px solid #E0E0E0;
}
.about3 .tabber .item {
  padding: 0.2rem 0.4rem;
  position: relative;
  cursor: pointer;
}
.about3 .tabber .item::after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  transform: translateY(50%);
  width: 100%;
  height: 1px;
  background: var(--vibg);
  opacity: 0;
}
.about3 .tabber .item.on {
  background: linear-gradient(90deg, #70AFFD 0%, #5B8CF2 36.54%, #8F77E3 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.about3 .tabber .item.on::after {
  opacity: 1;
}
.about3 .cont .card {
  display: none;
}
.about3 .cont .card.on {
  display: block;
}
.about3 .swiper1 {
  width: 100%;
  padding: 0.4rem 0;
  overflow: hidden;
  position: relative;
}

.about3 .swiper1 .btns{position: absolute;width: fit-content;display:flex; bottom: 0.97rem;right: 3.07rem;z-index:5;}
.about3 .swiper1 .btns>div{width: 0.48rem;height: 0.48rem;cursor:pointer}
.about3 .swiper1 .btns>div.next{margin-left: 0.18rem;}
.about3 .swiper1 .btns>div img{width: 100%;}
.about3 .swiper1 .btns>div img.img2{display: none;}
.about3 .swiper1 .btns>div:hover img.img1{display: none;}
.about3 .swiper1 .btns>div:hover img.img2{display: block;}

.about3 .swiper1 .swiper-slide {
  width: 14.27rem;
  height: 5.5rem;
  display: flex;
  border-radius: 0.2rem;
  background: #FFF;
  box-shadow: 0 0.19rem 0.31rem 0 rgba(86, 146, 235, 0.17);
  overflow: hidden;
}
.about3 .swiper1 .swiper-slide .pic {
  width: 9.02rem;
  height: 100%;
  overflow: hidden;
}
.about3 .swiper1 .swiper-slide .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}

.about3 .swiper1 .swiper-slide .pic:hover img{
    transform: scale(1.05);
}

.about3 .swiper1 .swiper-slide .right {
  position: relative;
  flex: 1;
  padding: 0.94rem 0.63rem 0.7rem 0.57rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.about3 .swiper1 .swiper-slide .right .text .h1 {
  line-height: calc(28 / 24);
  margin-bottom: 0.36rem;
}
.about3 .swiper1 .swiper-slide .right .text .p1 {
  width: 100%;
  aspect-ratio: 405 / 256;
  padding-right: 0.1rem;
  overflow: auto;
}
.about3 .swiper1 .swiper-slide .right .text .p1::-webkit-scrollbar {
  width: 0.03rem;
  height: 0.03rem;
}
.about3 .swiper1 .swiper-slide .right .text .p1::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.about3 .swiper1 .swiper-slide .right .text .p1::-webkit-scrollbar-thumb {
  background: var(--vibg2);
}
.about3 .swiper1 .swiper-slide .right .page {
  display: flex;
  align-items: flex-end;
  column-gap: 0.08rem;
}
.about3 .swiper1 .swiper-slide .right .page .active {
  line-height: 1.3;
}
.about3 .swiper1 .swiper-slide .right .page .af {
  line-height: 1.7;
}
.about4 {
  padding: 0.85rem 1.64rem 1.73rem;
}
.about4 .top {
  padding: 0 1.65rem;
  margin-bottom: 0.46rem;
}
.about4 .top .h1 {
  line-height: calc(47 / 40);
  margin-bottom: 0.12rem;
}
.about4 .top .h2 {
  line-height: calc(30 / 20);
  color: rgba(162, 162, 162, 0.69);
  font-style: italic;
}
.about4 .cont {
  display: flex;
  padding: 0.6rem;
  border-radius: 0.2rem;
  background: #FFF;
  box-shadow: 0 0 31.1px 0 rgba(86, 146, 235, 0.17);
  column-gap: 0.73rem;
}
.about4 .cont .pic {
  width: 7.48rem;
  height: auto;
  border-radius: 0.2rem;
  overflow: hidden;
}
.about4 .cont .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.4s ease;
}
.about4 .cont form {
  position: relative;
  flex: 1;
}
.about4 .cont form .item {
  margin-bottom: 0.27rem;
}
.about4 .cont form .item .input_name {
  line-height: 0.0127rem;
  position: relative;
  line-height: 2;
  color: #333;
}
.about4 .cont form .item .input_name::before {
  content: "*";
  color: #cc0000;
}
.about4 .cont form .item .input_cont {
  width: 100%;
  position: relative;
  
}
.about4 .cont form .item .input_cont .parsley-errors-list {
  position: absolute;
  top: 100%;
  color: red;
  line-height: 1.75;
}
.about4 .cont form .item .input_cont input {
  width: 100%;
  height: 0.66rem;
  border-radius: 0.1rem;
  border: 1px solid rgba(96, 96, 96, 0.2);
  background: #F6FAFF;
  padding: 0 0.23rem;
  font-size: 0.16rem;
}
.about4 .cont form .item .input_cont input::placeholder {
  color: #999;
}
.about4 .cont form .item .input_cont textarea {
  width: 100%;
  height: 1.43rem;
  border-radius: 0.1rem;
  border: 1px solid rgba(96, 96, 96, 0.2);
  background: #F6FAFF;
  padding: 0.26rem 0.23rem;
  font-size: 0.16rem;
}
.about4 .cont form .item .input_cont textarea::placeholder {
  color: #999;
}
.about4 .cont form .item .input_select {
  position: relative;
}



.about4 .cont form .item .input_select::before {
  position: absolute;
  top: 50%;
  left: 0.23rem;
  content: "Please select your inquiry type";
  transform: translateY(-50%);
  width: calc(100% - 0.46rem);
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #999;
  font-size: 0.16rem;
  z-index: 1;
  pointer-events: none;
}
.about4 .cont form .item .input_select.has-value::before {
  display: none;
}
.about4 .cont form .item .input_cont .select2 {
  width: 100% !important;
}
.about4 .cont form .item .input_cont .select2 .select2-selection {
  width: 100%;
  border-radius: 0.1rem;
  height: 0.66rem;
  border: 1px solid rgba(96, 96, 96, 0.2);
  background: #F6FAFF;
  padding: 0 0.23rem;
  color: #999;
  font-size: 0.16rem;
}
.about4 .cont form .item .input_cont .select2 .select2-selection .select2-selection__rendered {
  color: #333;
}
.about4 .cont form .item .input_cont .select2 .select2-selection span {
  height: 100%;
  display: flex;
  padding: 0;
  align-items: center;
  font-size: 0.16rem;
  color: #999;
}
.about4 .cont form .item:last-child {
  margin-bottom: 0;
}
.about4 .cont form .btn {
  position: absolute;
  bottom: 0;
  left: 0;
  border: 0;
  cursor: pointer;
  width: fit-content;
  height: 0.5rem;
  border-radius: 0.5rem;
  background: var(--vibg);
  display: flex;
  align-items: center;
  column-gap: 0.2rem;
  padding: 0 0.45rem;
  min-width: 1.8rem;
  margin-top: 0.9rem;
}
.about4 .cont form .btn span {
  color: #fff;
}
.about4 .cont form .btn svg {
  width: 0.08rem;
  height: auto;
}
.about5 {
  width: 100%;
  position: relative;
  overflow: hidden;
  background: #98A4DD url(../img/18.png) no-repeat center right / contain;
}
.about5 .cont {
  width: 100%;
  min-height: 7.43rem;
  padding: 1.56rem 1.62rem 1.46rem;
}
.about5 .cont .h1 {
  line-height: calc(57 / 40);
  color: #fff;
  margin-bottom: 1.5rem;
}
.about5 .cont .p1 {
  line-height: calc(30 / 20);
  font-style: italic;
  margin-bottom: 0.98rem;
}
.about5 .cont .emil {
  margin-bottom: 0.68rem;
}
.about5 .cont .emil .name {
  line-height: 1.5;
  color: #fff;
}
.about5 .cont .emil .adres {
  line-height: 1.25;
  color: #fff;
  font-style: italic;
}
.about5 .cont .btn {
  width: fit-content;
  padding: 0 0.45rem;
  height: 0.5rem;
  border-radius: 0.5rem;
  border: 2px solid #fff;
  display: flex;
  align-items: center;
  column-gap: 0.12rem;
}
.about5 .cont .btn span {
  color: #fff;
}
.about5 .cont .btn svg {
  width: 0.1rem;
  height: auto;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  width: fit-content;
  right: 0.23rem;
}
.newsdetails_container {
  padding-top: 1rem;
}
.newsdetails_container .newsdetails1 {
  padding: 0.69rem 1.3rem 1.2rem;
  display: flex;
  align-items: flex-start;
  column-gap: 0.56rem;
}
.newsdetails_container .newsdetails1 .left {
  width: 12.12rem;
  background-color: #f3f8ff;
  padding: 0.7rem 0.8rem 1.7rem;
}
.newsdetails_container .newsdetails1 .left .h1 {
  line-height: calc(42 / 36);
  margin-bottom: 0.3rem;
  letter-spacing: 1.8px;
}
.newsdetails_container .newsdetails1 .left .left_list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 0.75rem;
  margin-bottom: 0.3rem;
}
.newsdetails_container .newsdetails1 .left .left_list .data {
  color: #666;
}
.newsdetails_container .newsdetails1 .left .left_list .share {
  display: flex;
  align-items: center;
  column-gap: 0.2rem;
}
.newsdetails_container .newsdetails1 .left .left_list .share .share_name {
  color: #666;
}
.newsdetails_container .newsdetails1 .left .left_list .share .list {
  display: flex;
  align-items: center;
  column-gap: 0.13rem;
}
.newsdetails_container .newsdetails1 .left .left_list .share .list .social-share-icon:hover {
    background: linear-gradient(90deg, #FF8AD5 0%, #4CB8FF 100%);
}
.newsdetails_container .newsdetails1 .left .left_list .share .list .social-share-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 50%;
  padding: 0.07rem;
  background: #cdcdcd;
  cursor: pointer;
  border: none;
}
.newsdetails_container .newsdetails1 .left .left_list .share .list .social-share-icon::before {
  content: "";
  width: 0.15rem;
  height: 0.15rem;
  object-fit: contain;
}
.newsdetails_container .newsdetails1 .left .left_list .share .list .icon-weibo::before {
  background: url(../img/weibo.svg) no-repeat center / contain;
}
.newsdetails_container .newsdetails1 .left .left_list .share .list .icon-wechat::before {
  background: url(../img/wechat.svg) no-repeat center / contain;
}
.social-share .icon-wechat .wechat-qrcode .qrcode {
  width: 0.82rem;
}
.newsdetails_container .newsdetails1 .left .left_list .share .list .item svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.newsdetails_container .newsdetails1 .left .left_cont {
  padding-top: 0.3rem;
  line-height: 1.87;
  border-top: 0.02rem solid #D9D9D9;
}
.newsdetails_container .newsdetails1 .left .left_cont img,
/*.newsdetails_container .newsdetails1 .left .left_cont p {*/
  /*margin: 0 0 0.3rem;*/
/*  font-size: 0.16rem !important;*/
/*}*/
/*.newsdetails_container .newsdetails1 .left .left_cont p span {*/
/*  font-size: 0.12rem !important;*/
/*}*/

.newsdetails_container .newsdetails1 .left .left_cont img {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
}
.newsdetails_container .newsdetails1 .right {
  width: calc(100% - 12.12rem - 0.56rem);
  position: sticky;
  top: 1.69rem;
}
.newsdetails_container .newsdetails1 .right .card {
  margin-bottom: 0.2rem;
  background-color: #f8fafe;
  padding-top: 0.7rem;
  border-radius: 0 0 0.2rem 0.2rem;
}
.newsdetails_container .newsdetails1 .right .card.pd {
  padding-bottom: 0.7rem;
}
.newsdetails_container .newsdetails1 .right .card .card_name {
  padding: 0 0.4rem;
  margin-bottom: 0.4rem;
  line-height: calc(26 / 22);
  position: relative;
}
.newsdetails_container .newsdetails1 .right .card .card_name::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  background: var(--vibg);
}
.newsdetails_container .newsdetails1 .right .card .list {
  display: flex;
  flex-direction: column;
}
.newsdetails_container .newsdetails1 .right .card .list .item {
  margin-bottom: 0.2rem;
}
.newsdetails_container .newsdetails1 .right .card .list .item .h1 {
  padding: 0 0.38rem 0 0.4rem;
  margin-bottom: 0.1rem;
  line-height: 1.68;
}
.newsdetails_container .newsdetails1 .right .card .list .item .h2 {
  padding: 0 0.38rem 0 0.4rem;
}
.newsdetails_container .newsdetails1 .right .card .list .item:last-child {
  margin-bottom: 0;
}
.newsdetails_container .newsdetails1 .right .card .btn {
  height: 0.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--vibg);
  color: #fff;
  border-radius: 0 0 0.2rem 0.2rem;
  margin-top: 0.64rem;
}
.newsdetails_container .newsdetails1 .right .card:last-child {
  margin-bottom: 0;
}
.service1 {
  margin-top: 3rem;
  position: relative;
  z-index: 2;
}
.service1 .cont {
  width: 100%;
  padding: 1.2rem 1.64rem 1.2rem;
}
.service1 .cont:nth-child(2n) {
  background: #f2f8fd;
}
.service1 .cont:nth-child(2n) .card {
  justify-content: flex-end;
}
.service1 .cont:nth-child(2n) .card .text {
  right: auto;
  left: 0;
}
.service1 .cont .card {
  /*background-color: #f2f8fd;*/
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.service1 .cont .card .pic {
  width: 10.67rem;
  height: 6.76rem;
  border-radius: 0.2rem;
  overflow: hidden;
}
.service1 .cont .card .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.4s ease;
}
.service1 .cont .card .text {
  position: absolute;
  height: 5.86rem;
  display: flex;
  flex-direction: column;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 8.32rem;
  border-radius: 0.2rem;
  background: var(--vibg);
  padding: 0.65rem 0.84rem 0.84rem 0.98rem;
}
.service1 .cont .card .text .text_top {
  display: flex;
  column-gap: 0.46rem;
  position: relative;
  margin-bottom: 0.5rem;
}
.service1 .cont .card .text .text_top::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 0.95rem;
  height: 0.6rem;
  background: url(../img/21.png) no-repeat center / contain;
}
.service1 .cont .card .text .text_top .ico_cont {
  width: 0.57rem;
  height: 0.57rem;
  position: relative;
}
.service1 .cont .card .text .text_top .ico_cont .bg1 {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: relative;
  z-index: 1;
}
.service1 .cont .card .text .text_top .ico_cont .bg2 {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: url(../img/09.png) no-repeat center / contain;
  top: 0.1rem;
  right: 0.1rem;
  padding: 0.16rem;
}
.service1 .cont .card .text .text_top .h1 {
  flex: 1;
  padding-right: 0.95rem;
  color: #fff;
  line-height: 1.55;
}
.service1 .cont .card .text .text_bottom {
  flex: 1;
  overflow-y: auto;
}
.service1 .cont .card .text .text_bottom::-webkit-scrollbar {
  width: 0.03rem;
  height: 0.03rem;
}
.service1 .cont .card .text .text_bottom::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.4);
}
.service1 .cont .card .text .text_bottom::-webkit-scrollbar-thumb {
  background-color: #fff;
}
.service1 .cont .card .text .text_bottom .item {
  margin-bottom: 0.2rem;
}
.service1 .cont .card .text .text_bottom .item .h1 {
  margin-bottom: 0.2rem;
  line-height: calc(28 / 20);
}
.service1 .cont .card .text .text_bottom .item .p1 {
  color: rgba(255, 255, 255, 0.7);
  letter-spacing: 1px;
  line-height: calc(28 / 20);
}
.service1 .cont .card .text .text_bottom .item:last-child {
  margin-bottom: 0;
}
.product1 {
  padding-bottom: 1.4rem;
  position: relative;
  z-index: 2;
  margin-top: 2.37rem;
}
.product1 .cont .list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.58rem;
}
.product1 .cont .list .item {
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: calc((100% - 0.58rem * 2) / 3);
  border-radius: 0.2rem;
  border: 1px solid rgba(189, 189, 189, 0.6);
  background: rgba(242, 248, 253, 0.2);
  backdrop-filter: blur(13.75px);
  padding: 0.72rem 0.3rem;
  transition: all 0.4s ease;
}
.product1 .cont .list .item .h1 {
  line-height: calc(33 / 28);
  margin-bottom: 0.36rem;
}
.product1 .cont .list .item .p1 {
  line-height: 1.6;
  color: #000;
  padding-right: 0.2rem;
  margin-bottom: 0.38rem;
  height: 1.8rem;
  overflow-y: auto;
  padding-right: .2rem;
}
.product1 .cont .list .item .p1::-webkit-scrollbar {
  width: 1px; /* 垂直滚动条宽度（水平滚动条用 height） */
  background: #f5f5f5; /* 轨道底色 */
  border-radius: 4px; /* 轨道圆角，和滑块对应更美观 */
  background-color: transparent; /* 滑块默认颜色 */
  border-radius: 4px; /* 滑块圆角，避免直角生硬 */
  transition: background-color 0.2s ease; /* 鼠标悬浮过渡效果 */
}
.product1 .cont .list .item .p1::-webkit-scrollbar-thumb{
      background-color:#70AFFD; /* 滑块默认颜色 */
}
.product1 .cont .list .item .pic {
  width: 100%;
  height: 2.8rem;
  border-radius: 0.2rem;
  overflow: hidden;
}
.product1 .cont .list .item .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.4s ease;
}
.technology_container .about_banner .banner_cont {
  padding-top: 2.94rem;
}
.technology1 {
  position: relative;
  z-index: 2;
  width: 100%;
  margin-top: 1.25rem;
}
.technology1 .cont {
  padding: 0 0 0.76rem;
}
.technology1 .cont .list {
  display: flex;
  column-gap: 0.4rem;
  flex-wrap: wrap;
}
.technology1 .cont .list .item {
  width: calc((100% - 0.4rem * 2) / 3);
  min-height: 6.12rem;
  border-radius: 0.1rem;
  background-color: #fff;
  padding: 0.62rem 0.63rem 0.76rem;
  cursor: pointer;
  margin-bottom: 0.4rem;
}
.technology1 .cont .list .item .ico_cont {
  width: 3.06rem;
  height: 3.06rem;
  margin: 0 auto 0.31rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.technology1 .cont .list .item .ico_cont .bgimg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: all 0.4s ease;
}
.technology1 .cont .list .item .ico_cont .ico {
  width: 0.57rem;
  height: 0.57rem;
  position: relative;
}
.technology1 .cont .list .item .ico_cont .ico .bg1 {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.technology1 .cont .list .item .ico_cont .ico .bg2 {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: url(../img/09.png) no-repeat center / contain;
  top: 0.1rem;
  right: 0.1rem;
  padding: 0.16rem;
}
.technology1 .cont .list .item .ico_cont .ico .bg2 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.technology1 .cont .list .item .h1 {
  position: relative;
  max-width: 100%;
  line-height: calc(28 / 24);
  margin-bottom: 0.43rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  column-gap: 0.32rem;
}
.technology1 .cont .list .item .h1 span {
  display: block;
  width: fit-content;
  max-width: 80%;
  text-align: center;
}
.technology1 .cont .list .item .h1::before {
  content: "";
  width: 0.08rem;
  display: block;
  border-radius: 50%;
  height: 0.08rem;
  background-color: #007EC5;
  opacity: 0.2;
}
.technology1 .cont .list .item .h1::after {
  content: "";
  width: 0.08rem;
  display: block;
  border-radius: 50%;
  height: 0.08rem;
  background-color: #007EC5;
  opacity: 0.2;
}
.technology1 .cont .list .item .p1 {
  line-height: 1.84;
  letter-spacing: 0.9px;
}
.news_container .about_banner .banner_cont {
  padding-top: 4.99rem;
}

.news_container .about_banner .banner_cont form{
    display: flex;
    background: #ffffff;
    height: 0.6rem;
    border-radius: 0.3rem;
    overflow: hidden;
    width: fit-content;
    box-shadow: 0 0 0.2rem rgba(0,0,0,0.1);
}

.news_container .about_banner .banner_cont form input{width: 4rem;line-height: 0.6rem;padding: 0 0.2rem;background-color: transparent;}
.news_container .about_banner .banner_cont form button{width: 1.6rem;height: 0.6rem;border-radius: 0.3rem;display: flex;align-items: center;
justify-content: center;border:none;background: linear-gradient(90deg, #70AFFD 0%, #5B8CF2 36.54%, #8F77E3 100%);cursor:pointer}


.news_container .about_banner .banner_cont .h2 {
  color: rgba(109, 109, 109, 0.64);
  text-shadow: none;
}
.news1 {
  margin-top: 1.21rem;
  padding: 0 0.8rem;
  position: relative;
  z-index: 2;
}
.news1 .tit {
  margin-bottom: 0.39rem;
  padding: 0.08rem 0;
}
.news1 .cont {
  display: flex;
  column-gap: 0.38rem;
}
.news1 .cont .swiper1 {
  width: 8.76rem;
  height: 8.36rem;
  border-radius: 0.2rem;
  overflow: hidden;
  box-shadow: 0 35px 77px 0 rgba(68, 47, 141, 0.07);
  position: relative;
  padding-bottom: 0.9rem;
}
.news1 .cont .swiper1 .swiper-slide {
  position: relative;
  z-index: 1;
  display: flex;
  height: auto;
  flex-direction: column;
  overflow: hidden;
  border-radius: 0.2rem;
}
.news1 .cont .swiper1 .swiper-slide .pic {
  width: 100%;
  height: 5rem;
  overflow: hidden;
}
.news1 .cont .swiper1 .swiper-slide .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.4s ease;
}
.news1 .cont .swiper1 .swiper-slide .text {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0.39rem 0.4rem 0rem;
}
.news1 .cont .swiper1 .swiper-slide .text .data {
  display: flex;
  align-items: center;
  column-gap: 0.1rem;
  margin-bottom: 0.28rem;
}
.news1 .cont .swiper1 .swiper-slide .text .data svg {
  width: 0.16rem;
  height: 0.16rem;
  object-fit: contain;
}
.news1 .cont .swiper1 .swiper-slide .text .data span {
  color: #666666;
}
.news1 .cont .swiper1 .swiper-slide .text .h1 {
  margin-bottom: 0.17rem;
  line-height: calc(28 / 24);
  display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news1 .cont .swiper1 .swiper-slide .text .p1 {
  line-height: 1.66;
  letter-spacing: 0.9px;
}
.news1 .cont .swiper1 .swiper-slide .text .more {
  display: flex;
  width: fit-content;
  align-items: center;
  column-gap: 0.17rem;
}
.news1 .cont .swiper1 .swiper-slide .text .more svg {
  width: 0.08rem;
  height: auto;
}
.news1 .cont .swiper1 .btn_cont {
  position: absolute;
  z-index: 2;
  bottom: 0.24rem;
  /*width: fit-content;*/
  width: 90%;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  /*column-gap: 0.18rem;*/
  justify-content: space-between;
}
.news1 .cont .swiper1 .btn_cont .btn {
  position: absolute;
  bottom: 0;
  cursor: pointer;
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 50%;
  padding: 0.18rem;
  background-color: rgba(217, 217, 217, 0.62);
}
.news1 .cont .swiper1 .btn_cont .btn.prev {
  left: 42%;
}
.news1 .cont .swiper1 .btn_cont .btn.next {
  right: 42%;
}
.news1 .cont .swiper1 .btn_cont .btn::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: var(--vibg);
  opacity: 0;
  transition: all 0.4s ease;
}
.news1 .cont .swiper1 .btn_cont .btn svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: relative;
  z-index: 2;
}
.news1 .cont .swiper1 .btn_cont .btn.next svg {
  transform: rotate(180deg);
}
.news1 .cont .swiper1 .btn_cont .btn.disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.5;
}
.news1 .cont .right {
  width: calc(100% - 8.67rem - 0.38rem);
  height: 8.36rem;
  border-radius: 0.2rem;
  background: #FFF;
  box-shadow: 0 35px 77px 0 rgba(68, 47, 141, 0.07);
  padding: 0.4rem 0 0.22rem;
}
.news1 .cont .right .right_cont {
  width: 100%;
  height: 100%;
  padding: 0 0.65rem 0 0.24rem;
  overflow-y: auto;
}
.news1 .cont .right .right_cont .item {
  margin-bottom: 0.5rem;
  display: flex;
  height: 1.47rem;
}
.news1 .cont .right .right_cont .item .pic {
  height: 100%;
  width: 2.31rem;
  border-radius: 0.1rem;
  overflow: hidden;
}
.news1 .cont .right .right_cont .item .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.4s ease;
}
.news1 .cont .right .right_cont .item .item_text {
  height: 100%;
  flex: 1;
  padding-left: 0.3rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.news1 .cont .right .right_cont .item .item_text .item_text_top .h1 {
  margin-bottom: 0.2rem;
  line-height: calc(23 / 20);
}
.news1 .cont .right .right_cont .item .item_text .item_text_top .p1 {
  line-height: 1.87;
  color: #000;
  letter-spacing: 0.8px;
}
.news1 .cont .right .right_cont .item .item_text .item_text_bot {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.news1 .cont .right .right_cont .item .item_text .item_text_bot .more {
  display: flex;
  width: fit-content;
  align-items: center;
  column-gap: 0.17rem;
}
.news1 .cont .right .right_cont .item .item_text .item_text_bot .more svg {
  width: 0.07rem;
  height: auto;
}
.news1 .cont .right .right_cont .item .item_text .item_text_bot .data {
  display: flex;
  align-items: center;
  column-gap: 0.1rem;
}
.news1 .cont .right .right_cont .item .item_text .item_text_bot .data svg {
  width: 0.16rem;
  height: 0.16rem;
  object-fit: contain;
  opacity: 0.5;
}
.news1 .cont .right .right_cont .item .item_text .item_text_bot .data span {
  color: #666666;
}
.news1 .cont .right .right_cont .item:last-child {
  margin-bottom: 0;
}
.news1 .cont .right .right_cont::-webkit-scrollbar {
  width: 0.03rem;
  height: 0.03rem;
}
.news1 .cont .right .right_cont::-webkit-scrollbar-track {
  background-color: transparent;
}
.news1 .cont .right .right_cont::-webkit-scrollbar-thumb {
  background-color: #004ADE;
}
.news2 {
  padding: 0.84rem 0.84rem 1.4rem;
  position: relative;
  z-index: 2;
}
.news2 .tit {
  margin-bottom: 0.43rem;
  padding: 0.08rem 0;
}
.news2 .cont .list {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.7rem;
  row-gap: 1.39rem;
}
.news2 .cont .list .item {
  width: calc((100% - 0.7rem * 2) / 3);
  height: 5.88rem;
  border-radius: 0.2rem;
  overflow: hidden;
  background-color: #fafafa;
  display: flex;
  flex-direction: column;
}
.news2 .cont .list .item .pic {
  width: 100%;
  height: 3.03rem;
  overflow: hidden;
}
.news2 .cont .list .item .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.4s ease;
}
.news2 .cont .list .item .text {
  flex: 1;
  padding: 0.38rem 0.36rem 0.68rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.news2 .cont .list .item .text .text_top .data {
  display: flex;
  align-items: center;
  color: #666;
  transition: all 0.4s ease;
  margin-bottom: 0.26rem;
  column-gap: 0.1rem;
}
.news2 .cont .list .item .text .text_top .data svg {
  width: 0.16rem;
  height: 0.16rem;
  object-fit: contain;
}
.news2 .cont .list .item .text .text_top .data svg path {
  transition: all 0.4s ease;
}
.news2 .cont .list .item .text .text_top .h1 {
  transition: all 0.4s ease;
}
.news2 .cont .list .item .text .more {
  display: flex;
  align-items: center;
  column-gap: 0.08rem;
  color: #666;
  transition: all 0.4s ease;
}
.news2 .cont .list .item .text .more svg {
  width: 0.06rem;
  height: auto;
}
.news2 .cont .list .item .text .more svg path {
  transition: all 0.4s ease;
}
.news2 .cont .page {
  width: fit-content;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 0.2rem;
  padding-top: 1.4rem;
}
.news2 .cont .page .page_num {
  display: flex;
  align-items: center;
  column-gap: 0.2rem;
}
.news2 .cont .page .page_num .num {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.4s ease;
}
.news2 .cont .page .page_num .num.on {
  color: #fff;
}
.news2 .cont .page .page_num .num.on::after {
  opacity: 1;
}
.news2 .cont .page .page_num .num::after {
  position: absolute;
  content: "";
  inset: 0;
  width: 100%;
  height: 100%;
  background: var(--vibg);
  opacity: 0;
  transition: all 0.4s ease;
}
.news2 .cont .page .page_num .num.prev svg {
  transform: rotate(180deg);
}
.news2 .cont .page .page_num .num span {
  position: relative;
  z-index: 2;
}
.news2 .cont .page .btn {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  padding: 0.18rem;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}
.news2 .cont .page .btn::after {
  position: absolute;
  content: "";
  inset: 0;
  width: 100%;
  height: 100%;
  background: var(--vibg);
  opacity: 0;
  transition: all 0.4s ease;
}
.news2 .cont .page .btn.prev svg {
  transform: rotate(180deg);
}
.news2 .cont .page .btn svg {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.news2 .cont .page .btn svg path {
  transition: all 0.4s ease;
}
.mask {
  position: fixed;
  inset: 0;
  display: none;
  justify-content: center;
  align-items: center;
  background: #0000005E;
  z-index: 9999;
}
.mask_cont {
  position: relative;
  width: 6.4rem;
  height: 4.8rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #FFFFFF;
  border-radius: 0.2rem;
  z-index: 9999;
}
.mask_cont .pic {
  width: 4.08rem;
  aspect-ratio: 408 / 227;
  margin-bottom: 0.3rem;
}
.mask_cont .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mask_cont .con {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.mask_cont .con .tit {
  margin-bottom: 0.1rem;
}
.aos-animate{
    line-height: 1.5;
}
.mask_cont .close {
  position: absolute;
  top: 0.3rem;
  right: 0.3rem;
  width: 0.2rem;
  height: 0.2rem;
  object-fit: contain;
  cursor: pointer;
}

/** SweetAlert2 自定义样式 - 缩小弹窗和字体 **/
.swal2-popup {
  width: 3.2rem !important;
  font-size: 0.14rem !important;
  border-radius: 0.12rem !important;
  padding-bottom: 2.5em !important;
}
.swal2-title {
  font-size: 0.18rem !important;
  padding: 0.12rem 0.16rem 0 !important;
}
.swal2-html-container {
  font-size: 0.14rem !important;
  padding: 0.12rem 0.2rem 0.04rem !important;
}
.swal2-actions {
  margin: 0.16rem auto 0 !important;
}
.swal2-confirm {
  font-size: 0.14rem !important;
  padding: 0.08rem 0.16rem !important;
}