.homeBan {
  width: 100%;
  height: 10.08rem;
}

.homeBan::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3.42rem;
  background: linear-gradient(180deg, #006BFF 0%, rgba(110, 192, 255, 0) 100%);
  z-index: 1;
}

.homeBan .text {
  position: absolute;
  top: 50%;
  left: 1.6rem;
  transform: translateY(-50%);
}

.homeBan .text p:first-child {
  font-family: Source Han Sans SC, Source Han Sans SC;
  font-weight: 800;
  font-size: 0.82rem;
  color: #FFFFFF;
  line-height: 1;
  margin-bottom: .2rem;
}

.homeBan .text p:last-child {
  font-family: Source Han Sans SC, Source Han Sans SC;
  font-weight: 500;
  font-size: 0.71rem;
  color: #FFFFFF;
  line-height: 1;
}

.swiper-pagination.homeBanPage1 {
  display: flex;
  gap: .2rem;
  width: fit-content;
  bottom: .84rem;
  left: auto;
  right: 1.6rem;
}

.swiper-pagination.homeBanPage1 span {
  width: .2rem;
  height: .26rem;
  margin: 0 !important;
  background-color: transparent;
  background-image: url(../img/homePage.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  color: transparent;
}

.homeBanBtn {
  position: absolute;
  bottom: .83rem;
  left: 1.6rem;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: .15rem;
}

.swiper-pagination.homeBanPage2 {
  display: flex;
  width: fit-content;
  position: static;
  gap: .15rem;
}

.swiper-pagination.homeBanPage2 span {
  width: fit-content;
  height: .26rem;
  margin: 0 !important;
  background-color: transparent;
  font-family: Poppins, Poppins;
  font-weight: 400;
  font-size: 0.16rem;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  gap: .15rem;
}

.swiper-pagination.homeBanPage2 span::after {
  content: '';
  width: 0.52rem;
  height: .01rem;
  background: #FFFFFF;
}

.swiper-pagination.homeBanPage2 span:last-child::after {
  display: none;
}

.swiper-button-next.homeBanNext {
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 50%;
  margin: 0;
  position: relative;
  opacity: 1;
  border: 0.01rem solid rgba(255, 255, 255, .3);
  right: 0;
}

.swiper-button-next.homeBanNext::after {
  display: none;
}

.homeBanL,
.homeBanR {
  width: .21rem;
  height: .42rem;
  position: absolute;
  overflow: hidden;
  top: -.01rem;
}

.homeBanL {
  left: -.01rem;
}

.homeBanR {
  right: -.01rem;
}

.homeBanL::after,
.homeBanR::after {
  box-sizing: border-box;
  content: '';
  position: absolute;
  width: 0.42rem;
  height: 100%;
  border-radius: 50%;
  top: 0;
  transform: rotate(-45deg);
}

.homeBanL::after {
  border-bottom: .01rem solid #fff;
  border-right: .01rem solid #fff;
  left: 0;
}

.homeBanR::after {
  border-top: .01rem solid #fff;
  border-left: .01rem solid #fff;
  right: 0;
}

.homeBanL.act::after {
  animation: d2 1.5s 1.5s linear forwards;
}

.homeBanR.act::after {
  animation: d2 1.5s linear forwards;
}

.swiper-button-next.homeBanNext img {
  width: .14rem;
  height: .12rem;
  object-fit: contain;
}

.homeTech {
  width: 100%;
  min-height: 7.6rem;
  background-image: url(../img/homeTech.png);
  padding: 1.2rem 0 1.34rem;
}

.homeTech .head {
  display: flex;
  justify-content: space-between;
  margin-bottom: .26rem;
}

.techSwiper {
  /* width: 7.61rem; */
  height: 3.92rem;
  padding-top: .64rem;
}

.techSwiper .swiper-slide {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 1.15rem;
  filter: grayscale(1);
  opacity: .5;
}

.techSwiper .swiper-slide-active {
  background-image: url(../img/techSwiper.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
  filter: grayscale(0);
  opacity: 1;
}

.techSwiper .imgBox {
  width: 1.44rem;
  height: 1.44rem;
  border-radius: 50%;
  background-image: url(../img/imgBox.png);
  margin-top: -.64rem;
  margin-bottom: .36rem;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
}

.techSwiper .swiper-slide-active .imgBox{
  opacity: 1;
}

.techSwiper .imgBox img {
  width: .82rem;
  height: .82rem;
}

.techSwiper .tit {
  font-family: Source Han Sans SC, Source Han Sans SC;
  font-weight: bold;
  font-size: 0.48rem;
  color: #3EB6FF;
  margin-bottom: .32rem;
}

.techSwiper .txt {
  font-family: Source Han Sans SC, Source Han Sans SC;
  font-weight: 400;
  font-size: 0.18rem;
  color: #555555;
  line-height: 0.3rem;
  text-align: center;
}

.techPrev,
.techNext {
  width: .37rem;
  height: .32rem;
  bottom: 1.47rem;
  top: auto;
  margin: 0;
  opacity: .3;
  transition: all .3s;
}

.techPrev::after,
.techNext::after {
  display: none
}

.techPrev:hover,
.techNext:hover {
  opacity: 1;
}

.techPrev {
  left: 6.28rem;
}

.techNext {
  right: 6.28rem;
}

.techNext img {
  transform: rotate(180deg);
}

.homeProcess {
  width: 100%;
  min-height: 8rem;
  display: flex;
}

.homeProcess .item {
  flex: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.homeProcess .item::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #3EB6FF;
  opacity: 0;
  transition: all .3s;
}

.homeProcess .item:hover::after {
  opacity: .9;
}

.homeProcess .itemBack {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.homeProcess .icon {
  width: .93rem;
  height: .93rem;
  object-fit: contain;
  margin-bottom: .4rem;
  transition: all .3s;
  position: relative;
  z-index: 1;
}

.homeProcess .item:hover .icon {
  transform: translateY(-.3rem);
}

.homeProcess .tit {
  font-family: Source Han Sans SC, Source Han Sans SC;
  font-weight: 400;
  font-size: 0.35rem;
  color: #FFFFFF;
  margin-bottom: 1.32rem;
  position: relative;
  z-index: 1;
}

.homeProcess .more {
  width: .44rem;
  height: .44rem;
  border-radius: 50%;
  border: 0.01rem solid #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}

.homeProcess .more::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: .02rem solid #fff;
  border-radius: 50%;
  opacity: 0;
  transition: all 0.5s ease;
}

.homeProcess .item:hover .more::before {
  animation: d5 1.5s ease infinite;
}

.homeProcess .more img {
  transition: all .3s;
}

.homeProcess .item:hover .more img {
  transform: rotate(45deg);
}

.homeAbout {
  width: 100%;
  min-height: 10.39rem;
  padding: 1.2rem 0;
  background-image: url(../img/aboutBack.png);
}

.homeAbout .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.2rem;
}

.homeAbout .left {
  width: 7.09rem;
}

.homeAbout .right {
  width: 7.8rem;
  height: 5.5rem;
  border-radius: 1rem 0.2rem 1rem 0.2rem;
  overflow: hidden;
  position: relative;
}

.homeAbout .right .play::after,
.homeAbout .right .play::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    width: 0.58rem;
    height: 0.58rem;
    background-color: #FFFFFF;
    transform: translate(-50%, -50%);
}

.homeAbout .right .play::before{
    animation: dot 3s .75s infinite;
}

.homeAbout .right .play::after{
    animation: dot 3s infinite;
}

.homeAbout .right .play{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
    pointer-events: none;
}

.homeAbout .right video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.homeAbout .txt {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.2rem;
  color: #000000;
  color: #333;
  line-height: 0.35rem;
  margin: .55rem 0 .72rem;
}

.homeHonor {
  width: 100%;
  min-height: 10.24rem;
  background-image: url(../img/honorBack.png);
  padding: 1.2rem 0;
}

.homeHonor .top {
  display: flex;
  margin-bottom: .68rem;
  justify-content: space-between;
}

.homeHonor .right {
  width: 5.43rem;
  height: 1.16rem;
  position: relative;
}

.homeHonor .right>img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.honorPrev,
.honorNext {
  width: 0.51rem;
  height: 0.51rem;
  background: #FFFFFF;
  box-shadow: 0rem 0rem 0.15rem 0.01rem rgba(0, 81, 160, 0.11);
  border-radius: 50%;
  /*top: auto;*/
  /*margin: 0;*/
  /*bottom: .12rem;*/
  transition: all .3s;
  top: 40%;
}

.honorPrev::after,
.honorNext::after {
  display: none;
}

/*.honorPrev {*/
/*  left: auto;*/
/*  right: .59rem;*/
/*}*/

.honorPrev img {
  transform: rotate(-180deg);
}

/*.honorNext {*/
/*  right: 0;*/
/*}*/

.honorPrev img,
.honorNext img {
  width: .14rem;
  height: .12rem;
}

.honorPrev:hover,
.honorNext:hover {
  background: #6CC7FF;
}

.honorPrev:hover img,
.honorNext:hover img {
  filter: brightness(0) invert(1);
}


.honorSwiper {
  padding-bottom: .67rem;
}

.honorSwiper .swiper-slide {
  width: 6.3rem;
}

.honorSwiper .swiper-slide img {
  height: 5.08rem;
  object-fit: contain;
}

.honorSwiper .tit {
  font-family: Source Han Sans SC, Source Han Sans SC;
  font-weight: 400;
  font-size: 0.25rem;
  color: #000000;
  text-align: center;
  opacity: 0;
  transition: all .3s;
}

.honorSwiper .swiper-slide-active .tit {
  opacity: 1;
}

.honorPage {
  display: flex;
  bottom: 0;
  justify-content: center;
  gap: .23rem;
}

.honorPage span {
  opacity: 1;
  background: #6CC7FF;
  margin: 0 !important;
}

.honorPage .swiper-pagination-bullet-active {
  background: #689ABC;
}

.homeNew {
  width: 100%;
  padding: 1.2rem 0;
}

.homeNew .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: .7rem;
}

.homeNew .bottom {
  display: flex;
  gap: .17rem;
}

.newSwiper {
  width: 6.87rem !important;
  height: 5.54rem;
  margin: 0;
  flex-shrink: 0;
}

.newSwiper .mask {
  position: absolute;
  top: 0;
  left: 0;
}

.newSwiper .text {
  position: absolute;
  width: 100%;
  bottom: .41rem;
  padding: 0 .37rem;
}

.newSwiper .tit {
  font-family: Source Han Sans SC, Source Han Sans SC;
  font-weight: bold;
  font-size: 0.2rem;
  color: #FFFFFF;
  margin-bottom: .5rem;
}

.newSwiper .time {
  display: flex;
  align-items: center;
  gap: .06rem;
  font-family: MiSans, MiSans;
  font-weight: 500;
  font-size: 0.18rem;
  color: #FFFFFF;
}

.newSwiper .time img {
  filter: brightness(0) invert(1);
}

.swiper-pagination.newPage {
  width: fit-content;
  display: flex;
  justify-content: flex-end;
  bottom: .5rem;
  left: auto;
  right: .37rem;
  gap: .07rem;
}

.swiper-pagination.newPage span {
  background: #FFFFFF;
  margin: 0 !important;
  width: .07rem;
  height: .07rem;
  transition: all .3s;
  flex-shrink: 0;
}

.swiper-pagination.newPage span.swiper-pagination-bullet-active {
  width: .24rem;
  border-radius: .07rem;
}

.newR {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: .18rem;
}

.newR .item {
  width: 100%;
  height: 2.68rem;
  display: flex;
  gap: .18rem;
}

.newR .item:nth-child(2n) {
  flex-direction: row-reverse;
}

.newR .item a {
  padding: .42rem .37rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 0rem 0rem 0.2rem 0.01rem rgba(0, 0, 0, 0.1);
  transition: all .3s;
}

.newR .item a:hover {
  background: #6CC7FF;
}

.newR .item .tit {
  font-family: Source Han Sans SC, Source Han Sans SC;
  font-weight: bold;
  font-size: 0.2rem;
  color: #000000;
  line-height: 0.3rem;
}

.newR .item .txt {
  font-family: Source Han Sans SC, Source Han Sans SC;
  font-weight: 400;
  font-size: 0.18rem;
  color: #000000;
  color: #333;
  line-height: 0.3rem;
}

.newR .item .time {
  display: flex;
  align-items: center;
  gap: .06rem;
  font-family: MiSans, MiSans;
  font-weight: 500;
  font-size: 0.18rem;
  color: #919191;
}

.newR .item .time img {
  width: .18rem;
  height: .18rem;
  opacity: contain;
}

.newR .item a:hover .tit,
.newR .item a:hover .txt,
.newR .item a:hover .time {
  color: #fff;
}

.newR .item a:hover .time img {
  filter: brightness(0) invert(1);
}

.homeFirend {
  width: 100%;
  min-height: 8.8rem;
  background-image: url(../img/firendBack.png);
  padding: 1.2rem 0 2.2rem;
  /*margin-bottom: 1rem;*/
}

.homeFirend .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: .88rem;
}

.homeFirend .right {
  width: 5.87rem;
  height: .89rem;
}

.homeFirend .right img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.homeFirend .bottom {
  display: flex;
  height: 4.64rem;
}

.homeFirend .box {
  position: relative;
}

.homeFirend .box1,
.homeFirend .box3 {
  width: 6.07rem;
  flex-shrink: 0;
}

.homeFirend .box2 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.homeFirend .item {
  position: absolute;
  width: 2.4rem;
  height: .8rem;
  padding: .1rem;
  background: #FFFFFF;
  box-shadow: 0rem 0rem 0.2rem 0.01rem rgba(0, 0, 0, 0.03);
  border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
  border: 0.01rem solid #EAEAEA;
}

.homeFirend .item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.homeFirend .item:nth-child(1) {
  top: .53rem;
}

.homeFirend .box1 .item:nth-child(1) {
  left: 0;
}

.homeFirend .box3 .item:nth-child(1) {
  right: 0;
}

.homeFirend .item:nth-child(2) {
  top: 0;
}

.homeFirend .box1 .item:nth-child(2) {
  left: 3.67rem;
}

.homeFirend .box3 .item:nth-child(2) {
  right: 3.67rem;
}

.homeFirend .item:nth-child(3) {
  top: 1.92rem;
}

.homeFirend .box1 .item:nth-child(3) {
  left: 2.13rem;
}

.homeFirend .box3 .item:nth-child(3) {
  right: 2.13rem;
}

.homeFirend .item:nth-child(4) {
  top: 3.09rem;
}

.homeFirend .box1 .item:nth-child(4) {
  left: 0;
}

.homeFirend .box3 .item:nth-child(4) {
  right: 0;
}

.homeFirend .item:nth-child(5) {
  top: 3.84rem;
}

.homeFirend .box1 .item:nth-child(5) {
  left: 3.67rem;
}

.homeFirend .box3 .item:nth-child(5) {
  right: 3.67rem;
}

.homeFirend .round {
  width: 1.98rem;
  height: 1.98rem;
  background: #6CC7FF;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  box-shadow: 0 .02rem .12rem 0 rgba(0, 0, 0, 0.1)
}

.homeFirend .round img {
  width: 1.09rem;
  height: 1.09rem;
  object-fit: contain;
  position: relative;
  z-index: 2;
}

.homeFirend .round::before {
  content: '';
  width: 100%;
  height: 100%;
  background: #6CC7FF;
  opacity: .2;
  animation: d6 1.5s ease infinite;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  z-index: 1;
}

.homeFirend .round::after {
  content: '';
  width: 150%;
  height: 150%;
  background: #6CC7FF;
  opacity: .03;
  animation: d6 1.5s ease infinite;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  z-index: 0;
}