body{
  min-width: 1200px;
}
[v-cloak] {
  display: none;
}
@font-face {
  font-family: 'TGBF';
  src: url('https://xt10.kuleiman.com/klm/2/js/TG-TYPE-Bold.otf');
  font-weight: normal;
}
.bk1 {
  width: 100%;
  height: 9.46rem;
  position: relative;
}
.bk1:after{
  content: '';
  width: 100%;
  height: 9.46rem;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(125deg, #0C59CD 0%, rgba(4,68,226,0) 100%);
  z-index: 1;
  pointer-events: none;
}
.bk1 .footer_img {
  position: absolute;
  left: 50%;
  transform: translate(0, -50%);
  bottom: .375rem;
}
.bjt1 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.content1 {
  position: absolute;
  width: 100%;
  height: 3.975rem;
  top: 1.9rem;
  transform: translate(0rem, -50%);
  margin-top: 1.89rem;
  z-index: 9;
  pointer-events: none;

}

.content1 h1 {
  height: 0.875rem;
  font-size: 0.63rem;
  font-weight: 500;
  color: rgb(255, 255, 255);
  line-height: 0.875rem;
  text-shadow: rgba(33, 34, 38, 0.2) 0rem 0.025rem 0.0375rem;
  margin: 0rem auto 0rem 4.04rem;
  text-align: left;
  margin-bottom: 0.28rem;
}

.content1 p {
  font-size: 0.75rem;
  font-weight: 400;
  color: rgb(255, 255, 255);
  line-height: 0.5625rem;
  text-shadow: rgba(33, 34, 38, 0.3) 0rem 0.0125rem 0.025rem;
  /*margin: 0.4rem auto 0rem 3.425rem;*/
  margin-left: 4.04rem;
  text-align: left;
}
.content1 .desc {
  font-size: .325rem;
  color: #FFFFFF;
  line-height: .325rem;
  margin: .6875rem auto 0rem 3.425rem;
  text-shadow: 0px 1px 2px rgba(33,34,38,0.63);
}
.content1 .btn {
  width: 3.95rem;
  height: 0.6rem;
  margin: .525rem auto 0rem 3.425rem;
}

.content1 .btn span {
  height: .3rem;
  font-size: 0.2rem;
  font-weight: 400;
  color: rgb(255, 255, 255);
  line-height: 0.3rem;
  margin-left: 0.125rem;
}

.content1 .btn .btn1 {
  width: 1.85rem;
  height: 0.6rem;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 0.3rem;
  border: 0.0125rem solid rgb(255, 255, 255);
  cursor: pointer;
}

.content1 .btn .btn1:hover {
  background: rgb(255, 255, 255);
}

.content1 .btn .btn2:hover {
  background: linear-gradient(53deg, rgb(27, 167, 236) 0%, rgb(65, 90, 252) 100%);
}

.content1 .btn .btn1:hover span {
  color: rgb(57, 114, 255);
}

.content1 .btn .btn1:hover .tb1 {
  background: url("https://xt10.kuleiman.com/klm/2/1/ttb11.svg") center center / 100% 100% no-repeat;
  width: .25rem;
  line-height: 0.25rem;
  height: 0.25rem;
}

.content1 .btn .btn1 .tb1 {
  background: url("https://xt10.kuleiman.com/klm/2/1/ttb1.svg") center center / 100% 100% no-repeat;
  width: .25rem;
  line-height: 0.25rem;
  height: 0.25rem;
}

.content1 .btn .btn2 .tb2 {
  background: url("https://xt10.kuleiman.com/klm/2/1/ttb2.svg") center center / 100% 100% no-repeat;
  width: .25rem;
  height: .25rem;
  line-height: 0.25rem;
}

.content1 .btn .btn2 {
  width: 1.85rem;
  height: 0.6rem;
  background: rgb(57, 114, 255);
  border-radius: 0.3rem;
  cursor: pointer;
}
.content2 {
  width: 19.2rem;
  height: 11.5rem;
  overflow: hidden;
  zoom: 1;
  position: absolute;
  top: 1rem;
  left: 50%;
  transform: translate(-50%, 0rem);
}
.blueFont{
  color: #2575E5;
}
.content2 .content2-title {
  height: 0.45rem;
  font-size: 0.45rem;
  font-weight: bold;
  color: rgb(0, 0, 0);
  line-height: 0.45rem;
  margin: 0rem auto;
  text-align: center;
}

.content2-title-common{
  padding-top: 0.95rem;
  font-size: 0.45rem;
  font-weight: bold;
  color: rgb(0, 0, 0);
  line-height: 0.45rem;
  margin: 0rem auto;
  text-align: center;
}

.content2 .content2-p {
  font-size: 0.3rem;
  font-weight: 500;
  color: #555555;
  line-height: 0.3rem;
  /*margin: 0.3875rem auto 0rem;*/
  margin-top: 0.3rem;
  text-align: center;
}
.bk2 {
  background: url(../img/bjt9.png) no-repeat;
  background-size: 100% 100%;
}
.bk2{
   width: 100%;
   height: 13rem;
   position: relative;
 }
.imgsStop{
  width: 1.14rem;
  height: 1.14rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 9;
}
.imgsStop img{
  max-width: 100%;
  max-height: 100%;
}

.bk3 {
  background: url(../img/bjt3-1.png) no-repeat;
  background-size: 100% 100%;
}
.bk3{
  height: 9.83rem;
  width: 100%;
  position: relative;

}
.swiper-container13{
  margin: 0.7125rem auto 0rem;
}
.swiper-container13 .card-wrap {
  display: flex;
  /*grid-template-columns: repeat(4, 0fr);*/
  /*grid-template-rows: repeat(2, 1fr);*/
  /*gap: 0.2rem;*/
  flex-wrap: wrap;
  justify-content: space-around;
  width: 100%;
}
.swiper-container13 .card-wrap li {
  width: 32.5%;
  height: 4.73rem;
  /* box-shadow: rgba(0, 0, 0, 0.1) 0rem 0rem 0.075rem 0rem, rgba(255, 255, 255, 0.5) 0rem 0rem 0.125rem 0rem inset; */
  border-radius: 0.125rem;
  transition: transform 0.8s ease 0s;
  position: relative;
  overflow: hidden;
  margin-top: .13rem;

}
.swiper-container13 .card-wrap li:hover {
  background-color: rgb(255, 255, 255);
  cursor: pointer;
  transform: translate(0rem, -0.0625rem);
}

.swiper-container13 .card-wrap li:hover .card-pic {
  transform: scale(1.1);
}
.swiper-container13 .card-wrap li .card-pic-wrap span {
  width: 100%;
  height: 4.73rem;
  border-radius: 0.1rem;
  display: inline-block;
}
.swiper-container13 .card-wrap li .card-pic {
  width: 100%;
  height: 100%;
  object-fit: fill;
  transition: all 0.8s ease 0s;
  transform: scale(1);
}
.swiper-container13 .card-wrap li .card-pic-wrap span::after {
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,45,103,0.5) 100%);
  content: '';
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0.1rem;
  top: 0;
}
.swiper-container13 .card-wrap li .text-wrap {
  /* height: 1.075rem; */
  overflow: hidden;
  zoom: 1;
  position: absolute;
  left: 50%;
  top: 85%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  z-index: 9;
}
.swiper-container13 .card-wrap li .text-wrap h1 {
  font-size: .38rem;
  font-weight: 800;
  color: #FFFFFF;
  text-shadow: 0px 5px 4px rgba(0,46,152,0.5);
  background: linear-gradient(179deg, #FFFFFF 0%, rgba(0,122,255,0.51) 100%);
  -webkit-background-clip: text;
  /*-webkit-text-fill-color: transparent;*/
  font-family: SourceHanSansCN-Heavy, SourceHanSansCN;
}
.text-wrap-2{
  /*overflow: hidden;*/
  zoom: 1;
  position: absolute;
  left: 32%;
  top: 81%;
  transform: translate(-50%, -50%);
  /*width: 100%;*/
  text-align: center;
  display: flex;
  margin-top: .3rem;
  z-index: 9;
}
.text-wrap-2 div{
  position: relative;
  font-size: 0.2rem;
  font-family: SourceHanSansCN-Medium, SourceHanSansCN;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 18px;
  margin-left: .6rem;
}
.text-wrap-2 div span{
  position: relative;
  z-index: 11;
}
.text-wrap-2 div::after{
  content: '';
  height: 0.06rem;
  width: 0.42rem;
  background: #5085FB;
  border-radius: 0.03rem;
  position: absolute;
  left: 0;
  bottom: 0rem;
}
.swiper-container13 .card-wrap li .text-wrap-2 a::after {
  width: 0.6rem;
  height: 0.05rem;
  background: #5085FB;
  border-radius: 2px;
  content: '';
  display: block;
  transition: all 0.5s;
  opacity: 1;
  margin-left: 0.6rem;
}
.card-bkt3{
  width: 80%;
  margin: 0 auto;
  display: flex;
}
.leftList,.rightList{
  width: 2.1rem;
  padding-top: 0.8rem;
}
.leftList li,.rightList li{
  width: 100%;
  height: 0.57rem;
  line-height: 0.57rem;
  background: linear-gradient(110deg, rgba(212,228,255,0.43) 0%, #D2F3FF 100%);
  /*opacity: 0.43;*/
  font-size: 0.24rem;
  font-family: SourceHanSansCN-Regular, SourceHanSansCN;
  font-weight: 400;
  color: #161515;
  text-align: center;
  margin-top: 0.26rem;
}
.leftList li:hover{
  background: url("../img/activeB3.png") no-repeat !important;
  background-size: 100% 100%!important;
  color: #FFFFFF!important;
  /*text-align: left!important;*/
  /*padding-left: 0.54rem;*/
  /*position: relative;*/
}
.mainContent{
  width: 11.2rem;
  height: 6.6rem;
  /*padding-top: 1rem;*/
}
.mainContent img{
  max-width: 100%;
  max-height: 100%;
}
.activeB3{
  background: url("../img/activeB3.png") no-repeat !important;
  background-size: 100% 100%!important;
  color: #FFFFFF!important;
  /*text-align: left!important;*/
  /*padding-left: 0.54rem;*/
  /*position: relative;*/
}
/*.activeB3:after{*/
/*  content: '';*/

/*  position: absolute;*/
/*  top: 0.28rem;*/
/*  right: 0.35rem;*/
/*  background: url("https://xt10.kuleiman.com/klm/2/1/bk3/bk3-6.png") no-repeat;*/
/*  background-size: 100% 100%;*/
/*  width: 0.18rem;*/
/*  height: 0.06rem;*/
/*}*/
.activeB31,.rightList li:hover{
  background: url("../img/bk3-4.png") no-repeat !important;
  background-size: 100% 100%!important;
  color: #FFFFFF!important;
  /*text-align: right!important;*/
  /*padding-right: 0.48rem;*/
  /*position: relative;*/
}

.bk4{
  height:10.4rem;
  width: 100%;
  position: relative;
  overflow: hidden;

}
.content2Header{
  width: 100%;
  height: 2.52rem;
  background: url(../img/bjt4-1.png) no-repeat;
  background-size: 100% 100%
}
.content2Header .content2-title {
  height: 0.45rem;
  font-size: 0.45rem;
  font-weight:bold;
  color: rgb(0, 0, 0);
  line-height: 0.45rem;
  margin: 0rem auto;
  text-align: center;
  padding-top: 0.88rem;
}
.content2Header .content2-p {
  font-size: 0.23rem;
  font-weight: 400;
  color: rgb(140, 140, 140);
  line-height: 0.3rem;
  /* margin: 0.3875rem auto 0rem; */
  margin-top: 0.6rem;
  text-align: center;
}
.contentBk4{
  display: flex;
  height: 7.95rem;
}
.leftBkt4{
  width: 12.4rem;
  height: 7.95rem;
  background:url("../img/bjt4-2.png") no-repeat;
  background-size: 100% 100%;

}.rightBkt4{
  width: 11.85rem;
  height: 7.95rem;
  background:url("../img/bjt4-3.png") no-repeat;
  background-size: 100% 100%;
  position: relative;
}
 .bk4ListContent{
   width: 7.6rem;
   height: 5.8rem;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-evenly;
   margin-top: 1.08rem;
   margin-left: 4.04rem;
 }
 .bk4List{
   width: 1.79rem;
   height: 1.36rem;
   background: linear-gradient(180deg, rgba(237,241,255,0.23) 0%, rgba(255,255,255,0.51) 100%);
   box-shadow: 0px 2px 12px 0px rgba(117,126,152,0.17);
   border-radius: 8px;
   border-image: linear-gradient(180deg, rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0)) 2 2;
   backdrop-filter: blur(19.459459459459463px);
   text-align: center;
   cursor: pointer;
   font-size: 0.2rem;
   font-family: SourceHanSansCN-Medium, SourceHanSansCN;
   font-weight: 500;
   color: #FFFFFF;
 }

.bk4ListIcon{
  width: 0.33rem;
  height: 0.33rem;
  margin: 0 auto;
  margin-top: 0.37rem;
  margin-bottom: 0.17rem;
}
.bk4ListIcon img{
  max-width: 100%;
  max-height: 100%;
}
.activeB4{
  background: linear-gradient(306deg, #165CEB 0%, #4093FF 100%);
  box-shadow: 0px 2px 20px 0px rgba(96,129,179,0.11);
  opacity: 1;
  border-radius: 8px;

}
.bk4List:hover{
  background: linear-gradient(306deg, #165CEB 0%, #4093FF 100%);
}
.rightBkt4 img{
  max-height: 100%;
  max-width: 100%;
}
.rightBkt4 .img1{
  width:7.58rem ;
  height: 4.53rem;
  margin-top: 1.63rem;
  margin-left: 0.25rem;
}
.rightBkt4 .img1_1{
  width:1.51rem ;
  height: 1.51rem;
  position: absolute;
  top: 3.63rem;
  left: 3.78rem;
}
.rightBkt4 .img2{
  width:4.1rem ;
  height: 5.69rem;
  margin-top: 2.26rem;
  margin-left: 3.57rem;
}
.rightBkt4 .img2_1{
  width:1.89rem ;
  height: 1.89rem;
  position: absolute;
  top: 5.16rem;
  left: 6.02rem;
}.rightBkt4 .img3{
  width:7.1rem ;
  height: 4.1rem;
  margin-top: 2.03rem;
  margin-left: 0.53rem;
}
.rightBkt4 .img3_1{
  width:1.89rem ;
  height: 1.89rem;
  position: absolute;
  top: 2.69rem;
  left: 6.02rem;
}.rightBkt4 .img4{
  width:4.17rem ;
  height: 5.1rem;
  margin-top: 1.6rem;
  margin-left: 1.7rem;
}
.rightBkt4 .img4_1{
  width:1.89rem ;
  height: 1.89rem;
  position: absolute;
  top: 1.37rem;
  left: 4.35rem;
}

.rightBkt4 .img5{
  width:5.36rem ;
  height: 2.71rem;
  margin-top: 2.66rem;
  margin-left: 1.48rem;
}
.rightBkt4 .img5_1{
  width:1.89rem ;
  height: 1.89rem;
  position: absolute;
  top: 4.63rem;
  left: 5.15rem;
}

.rightBkt4 .img6{
  width:5.63rem ;
  height: 3.64rem;
  margin-top: 1.99rem;
  margin-left: 1.1rem;
}
.rightBkt4 .img6_1{
  width:1.89rem ;
  height: 1.89rem;
  position: absolute;
  top: 4.62rem;
  left: 5.43rem;
}

.rightBkt4 .img7{
  width:6.1rem ;
  height: 4.99rem;
  margin-top: 1.68rem;
  margin-left: 0.9rem;
}
.rightBkt4 .img7_1{
  width:1.89rem ;
  height: 1.89rem;
  position: absolute;
  top: 2.83rem;
  left: 5.4rem;
}

.rightBkt4 .img8{
  width:5.1rem ;
  height: 3.02rem;
  margin-top: 2.43rem;
  margin-left: 1.45rem;
}
.rightBkt4 .img8_1{
  width:1.89rem ;
  height: 1.89rem;
  position: absolute;
  top: 4.81rem;
  left: 5.62rem;
}
.rightBkt4 .img9{
  width:4.71rem ;
  height: 2.35rem;
  margin-top: 2.67rem;
  margin-left: 1.26rem;
}
.rightBkt4 .img9_1{
  width:1.89rem ;
  height: 1.89rem;
  position: absolute;
  top: 4.1rem;
  left: 4.25rem;
}
.rightBkt4 .img10{
  width:6.75rem ;
  height: 4.33rem;
  margin-top: 2.1rem;
  margin-left: 0.63rem;
}
.rightBkt4 .img10_1{
  width:1.89rem ;
  height: 1.89rem;
  position: absolute;
  top: 4.12rem;
  left: 4.7rem;
}
.rightBkt4 .img11{
  width:5.62rem ;
  height: 5.17rem;
  margin-top: 1.66rem;
  margin-left: 1.02rem;
}
.rightBkt4 .img11_1{
  width:1.89rem ;
  height: 1.89rem;
  position: absolute;
  top: 3.65rem;
  left: 4.64rem;
}
.rightBkt4 .img12{
  width:5.8rem ;
  height: 5.25rem;
  margin-top: 3.46rem;
  margin-left: 1.17rem;
}
.rightBkt4 .img12_1{
  width:1.89rem ;
  height: 1.89rem;
  position: absolute;
  top: 3.66rem;
  left: 4.65rem;
}
.rightBkt4 .img13{
  width:5.59rem ;
  height: 2.8rem;
  margin-top: 2.2rem;
  margin-left: 1.15rem;
}
.rightBkt4 .img13_1{
  width:1.89rem ;
  height: 1.89rem;
  position: absolute;
  top: 4.31rem;
  left: 4.57rem;
}
.rightBkt4 .img14{
  width:7.08rem ;
  height: 4.09rem;
  margin-top: 1.94rem;
  margin-left: 0.33rem;
}
.rightBkt4 .img14_1{
  width:1.89rem ;
  height: 1.89rem;
  position: absolute;
  top: 4.16rem;
  left: 4.68rem;
}
.rightBkt4 .img15{
  width:5.98rem ;
  height: 5.27rem;
  margin-top: 1.58rem;
  margin-left: 0.83rem;
}
.rightBkt4 .img15_1{
  width:1.89rem ;
  height: 1.89rem;
  position: absolute;
  top: 4.16rem;
  left: 4.69rem;
}
.rightBkt4 .img16{
  width:6.2rem ;
  height: 5.16rem;
  margin-top: 1.24rem;
  margin-left: 0.5rem;
}
.rightBkt4 .img16_1{
  width:1.89rem ;
  height: 1.89rem;
  position: absolute;
  top: 4.16rem;
  left: 4.69rem;
}

.fadeInRight {
  -webkit-animation: fadeInRight 1s .2s ease both;
  -moz-animation: fadeInRight 1s .2s ease both;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px)
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0)
  }
}

@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(20px)
  }

  100% {
    opacity: 1;
    -moz-transform: translateX(0)
  }
}


.fadeInLefts {
  -webkit-animation: fadeInLefts 1s .2s ease both;
  -moz-animation: fadeInLefts 1s .2s ease both;
}

@-webkit-keyframes fadeInLefts {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px)
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0)
  }
}

@-moz-keyframes fadeInLefts {
  0% {
    opacity: 0;
    -moz-transform: translateX(-20px)
  }

  100% {
    opacity: 1;
    -moz-transform: translateX(0)
  }
}

.fadeInUps {
  -webkit-animation: fadeInUps 1s .2s ease both;
  -moz-animation: fadeInUps 1s .2s ease both;
}

@-webkit-keyframes fadeInUps {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px)
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0)
  }
}

@-moz-keyframes fadeInUps {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px)
  }

  100% {
    opacity: 1;
    -moz-transform: translateY(0)
  }
}


.bk5 {
  width: 100%;
  height: 10.75rem;
  position: relative;
  background: url("../img/bjt9.png") no-repeat;
  background-size: 100% 100%;
  padding-top: 1.15rem;
}

.bjt5 {
  width: 100%;
  height: 100%;
  object-fit: fill;
}

.content5 {
  /* position: absolute;
  width: 19.2rem;
  height: 10.7875rem;
  top: 60%;
  background: #F9FCFF;
  left: 50%;
  padding-left: 1.1rem;
  padding: 1.2125rem 3.45rem .9rem 3.45rem ;
  transform: translate(-50%, -50%); */
}

.content5 .title5 {
  height: 0.45rem;
  font-size: 0.45rem;
  font-weight: bold;
  color: #333333;
  line-height: 0.45rem;
  margin: 0rem auto;
  text-align: center;
}

.content5 .content5-p1 {
  font-size: 0.3rem;
  font-weight: 500;
  color: #555555;
  line-height: 0.3rem;
  text-align: center;
  margin: 0.375rem auto 0rem;
}

.content5 .middle {
  width: 100%;
  height: 0.5rem;
  margin: 0.7125rem auto 0rem;
  justify-content: center;
}

.content5 .navbar {
  height: 0.5rem;
  display: flex;
}

.content5 .navbar li * {
  pointer-events: none;
}

.content5 .search {
  width: 2.1rem;
  height: 0.475rem;
  background: rgba(255, 255, 255, 0);
  box-shadow: rgba(255, 255, 255, 0.5) 0rem 0rem 0.125rem 0rem inset;
  border-radius: 0.225rem;
}

.content5 .search .icon {
  background: url("../img/search.png") center center / 100% 100% no-repeat;
  width: 0.2rem;
  height: 0.2rem;
  display: inline-block;
  cursor: pointer;
}

.content5 .search input {
  width: 1.25rem;
  height: 0.475rem;
  color: rgb(255, 255, 255);
  font-size: 0.2rem;
  line-height: 0.475rem;
  text-align: center;
}

.content5 .search input::-webkit-input-placeholder {
  font-size: 0.1875rem !important;
  font-weight: 400 !important;
  color: rgb(255, 255, 255) !important;
  text-align: center !important;
}

.content5 .search input::-moz-placeholder {
  font-size: 0.1875rem !important;
  font-weight: 400 !important;
  color: rgb(255, 255, 255) !important;
  text-align: center !important;
}

.content5 .navbar li {
  height: 100%;
  padding-left: 0.2375rem;
  padding-right: 0.2375rem;
  line-height: .2rem;
  /* box-shadow: rgba(255, 255, 255, 0.5) 0rem 0rem 0.125rem 0rem inset; */
  border-radius: 0.25rem;
  font-size: 0.25rem;
  font-weight: 400;
  color: #061440;
  position: relative;
  margin-right: 0.125rem;
}

.content5 .navbar li:hover {
  color: rgb(57, 114, 255);
  cursor: pointer;
}
.content5 .navbar li.active5::after {
  width: .375rem;
  height: .05rem;
  background: #5085FB;
  border-radius: 3px;
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: .275rem;
  transform: translate(-50%, 0);
  transition: all 0.5s;
  opacity: 1;
}
.content5 .navbar li.active5 {
  /* background: rgb(255, 255, 255); */
  color: #5085FB;
  cursor: pointer;
}

.swiper-container3 {
  width: 20.13rem;
  height: 8.025rem;
  border-radius: 0.125rem;
  margin: .2rem auto 0rem 2.1rem;
  overflow: hidden;
  padding: 0.0625rem 0rem;
}

.swiper-container3 .swiper-slide {
  width: 100%;
  height: 100%;
}

.swiper-container3 .card-wrap {
  overflow:hidden;
  display: grid;
  grid-template-columns: repeat(4, 0fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 0.2rem;
}
.swiper-container3 .swiper3{
  display: none;
}
.swiper-container3 .swiper3.activebk5{
  display: block;
}
.swiper-container3 .card-wrap li {
  float:left;
  margin:5px;
  width: 4.8rem;
  height: 3.03rem;
  /* box-shadow: rgba(0, 0, 0, 0.1) 0rem 0rem 0.075rem 0rem, rgba(255, 255, 255, 0.5) 0rem 0rem 0.125rem 0rem inset; */
  border-radius: 0.125rem;
  transition: transform 0.8s ease 0s;
  position: relative;
}

.swiper-container3 .card-wrap li:hover {
  background-color: rgb(255, 255, 255);
  cursor: pointer;
  transform: translate(0rem, -0.0625rem);
}

.swiper-container3 .card-wrap li:hover .card-pic {
  transform: scale(1.2);
}

/* .swiper-container3 .card-wrap li:hover .text-wrap h1 {
  color: rgb(0, 0, 0);
} */

/* .swiper-container3 .card-wrap li:hover .text-wrap .bottom span {
  color: rgb(153, 153, 153);
} */

.swiper-container3 .card-wrap li:hover .text-wrap .bottom .tb1 {
  background: url("../img/people1.svg") center center / 100% 100% no-repeat;
}

.swiper-container3 .card-wrap li .card-pic-wrap {
  width: 4.8rem;
  height: 3.03rem;
  border-radius: 0.1rem;
  overflow: hidden;
}
.swiper-container3 .card-wrap li .card-pic-wrap a {
  width: 4.8rem;
  height: 3.03rem;
  border-radius: 0.1rem;
  display: inline-block;
}
.swiper-container3 .card-wrap li .card-pic-wrap a::after {
  background: rgb(0, 0, 0,0.3);
  content: '';
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0.1rem;
  top: 0;
}
.swiper-container3 .card-wrap li .card-pic {
  width: 100%;
  height: 100%;
  object-fit: fill;
  transition: all 0.8s ease 0s;
  transform: scale(1);
}

.swiper-container3 .card-wrap li .text-wrap {
  /* height: 1.075rem; */
  /* padding-left: .2125rem;
  padding-right: 0.2125rem; */
  overflow: hidden;
  zoom: 1;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  color: #FFFFFF;
}
.swiper-container3 .card-wrap li .text-wrap::after {
  width: 0.3755rem;
  height: 0.05rem;
  background: #5085FB;
  border-radius: 2px;
  content: '';
  display: block;
  margin: .1625rem auto 0 auto;
  transition: all 0.5s;
  opacity: 1;
}
.swiper-container3 .card-wrap li .text-wrap h1 {
  font-size: .25rem;
  font-weight: 500;
  color: rgb(255, 255, 255);
  text-shadow: rgba(0, 0, 0, 0.1) 0rem 0rem 0.075rem;
  /* margin-top: 0.2rem; */
}

.swiper-container3 .card-wrap li .text-wrap .bottom {
  width: 3.125rem;
  height: 0.25rem;
  margin-top: 0.2125rem;
}

.swiper-container3 .card-wrap li .text-wrap .bottom span {
  display: block;
  font-size: 0.175rem;
  height: 100%;
  font-weight: 400;
  color: rgb(255, 255, 255);
  line-height: 0.25rem;
  text-shadow: rgba(0, 0, 0, 0.1) 0rem 0rem 0.075rem;
}

.swiper-container3 .card-wrap li .text-wrap .bottom .tb1 {
  background: url("../img/people2.svg") center center / 100% 100% no-repeat;
  width: 0.175rem;
  height: 0.2rem;
  margin-right: 0.1rem;
}

.swiper-container3 .card-wrap li .text-wrap .bottom .tb2 {
  background: url("../img/yj.png") center center / 100% 100% no-repeat;
  width: 0.1825rem;
  height: 0.125rem;
  margin-right: 0.1rem;
}
.bk6{
  width: 100%;
  height: 6.5rem;
  background: url("../img/bjt6.png") no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.card-bkt6{
  width: 5.14rem;
  position: absolute;
  top: 1.45rem;
  left: 7.1rem;
}
.card-bkt6 div:first-child{
  font-size: 0.45rem;
  font-family: SourceHanSansCN-Bold, SourceHanSansCN;
  font-weight: bold;
  color: #000E45;
}
.card-bkt6 div:last-child{
  font-size: 0.23rem;
  font-family: SourceHanSansCN-Regular, SourceHanSansCN;
  font-weight: 400;
  color: #000E45;
  line-height: 0.63rem
}
.card-bkt6-right{
  width: 5.612rem;
  height: 4.6rem;
  background: rgba(255,255,255,0.42);
  border-radius: 4px;
  border: 1px solid #FFFFFF;
  position: absolute;
  top: 0.95rem;
  left: 13.6rem;
}
.card-bkt6-title{
  font-size: 0.25rem;
  font-family: SourceHanSansCN-Bold, SourceHanSansCN;
  font-weight: bold;
  color: #000E45;
  margin-top: 0.57rem;
  margin-left: 0.53rem;
  margin-bottom: 0.1rem;
}
.card-bkt6-tips{
  font-size: 0.18rem;
  font-family: SourceHanSansCN-Regular, SourceHanSansCN;
  font-weight: 400;
  color: #616C91;
  margin-left: 0.53rem;
  margin-top: 0.3rem;
}
.card-bkt6-right input{
  width: 4.6rem;
  height: 0.5rem;
  background: #FFFFFF;
  box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.1);
  border-radius: 4px;
  margin-left: 0.53rem;
  margin-top: 0.11rem;
  padding-left: 0.29rem;
}
.card-bkt6-btn{
  width: 4.6rem;
  height: 0.5rem;
  background: linear-gradient(306deg, #165CEB 0%, #4093FF 100%);
  border-radius: 4px;
  text-align: center;
  font-size: 0.18rem;
  font-family: SourceHanSansCN-Bold, SourceHanSansCN;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 0.5rem;
  margin-left: 0.53rem;
  cursor: pointer;
  margin-top: 0.3rem;
}
.card-bkt6-btn:hover{
  background: #1352f0;
}
.bk8 {
  width: 100%;
  /* height: 8.25rem; */
  position: relative;
}

.bjt8 {
  width: 100%;
  height: 100%;
  object-fit: fill;
}

.content8 {
  /* position: absolute; */
  width: 100%;
  height: 100%;
  margin: 67px 64px 67px auto;
  /* top: 0; */
  /* left: 0; */
  overflow: hidden;
  zoom: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url('../img/bjt8.png') no-repeat center/88% 100%
}

.content8 .right {
  width: 12.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* margin-left: .8875rem; */
}

.content8 .right h1 {
  font-size: .45rem;
  font-weight: bold;
  color: #333333;
}

.content8 .right p {
  width: 11.5625rem;
  font-size: .23rem;
  font-weight: 400;
  color: #8C8C8C;
  line-height: .375rem;
}
.content8 .right p:first-of-type {
  margin-top: .4875rem;
}
.content8 .right ul {
  display: flex;
  margin-top: 1.5rem;
}

.content8 .right ul li {
  width: 3rem;
  height: 1.875rem;
  background: linear-gradient(0deg, #F3F6FE, #FFFFFF);
  border: .025rem solid #FFFFFF;
  box-shadow: 0rem .0875rem .2625rem 0rem rgba(75, 105, 172, 0.2);
  border-radius: .125rem;
  display: flex;
  flex-direction: column;
  /*justify-content: center;*/
  align-items: center;
  margin-right: .25rem;
  padding-top: 0.19rem;
}

.content8 .right ul li img {
  width: .7rem;
  height: .7rem;
  object-fit: fill;
}

.content8 .right ul li span {
  font-size: .225rem;
  font-weight: 400;
  color: #3972FF;
  align-items: center;
  /* margin-top: .275rem; */
}

.content8 .left {
  width: 7.425rem;
  height: 8.2rem;
}

.content8 .left ul {
  position: relative;
}

.content8 .left ul li {
  position: absolute;
  width: 7.425rem;
  height: 8.2rem;
}

.content8 .right ul li * {
  pointer-events: none;
}
.content8 .right ul li .li_title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-bottom: .075rem;
}
.content8 .right ul li .li_desc {
  width: 100%;
  height: .45rem;
  padding-left: .275rem;
  padding-right: .125rem;
}
.content8 .right ul li .li_desc span {
  font-size: .2rem;
  font-weight: 400;
  color: #595959;
  display: inline-block;
  width: 70%;
  margin-left: 0.15rem;
}
.content8 .left ul li:nth-of-type(1) .t1 {
  width: 4.5625rem;
  height: 7.75rem;
  position: absolute;
  top: 0;
  left: 1.2625rem;
}

.content8 .left ul li:nth-of-type(1) .t2 {
  width: 4rem;
  height: 4rem;
  position: absolute;
  top: 3.625rem;
  left: 0rem;
}

.content8 .left ul li:nth-of-type(1) .t3 {
  width: 2.45rem;
  height: 3.1875rem;
  position: absolute;
  top: 1.625rem;
  left: 3.6rem;
}

.content8 .left ul li:nth-of-type(2) .t1 {
  width: 4.5625rem;
  height: 7.75rem;
  position: absolute;
  top: 0;
  left: 1.2625rem;
}

.content8 .left ul li:nth-of-type(2) .t2 {
  width: 6.4rem;
  height: 6.4rem;
  position: absolute;
  top: 1.3375rem;
  /* left: .775rem; */
}

.content8 .left ul li:nth-of-type(2) .t3 {
  width: 2.4375rem;
  height: 2.225rem;
  position: absolute;
  top: 3.3625rem;
  right: .175rem;
}

.content8 .left ul li:nth-of-type(2) .t4 {
  width: 3.05rem;
  height: 1.9rem;
  position: absolute;
  bottom: -0.425rem;
  left: 1.525rem;
}

.content8 .left ul li:nth-of-type(3) .t1 {
  width: 4.5625rem;
  height: 7.75rem;
  position: absolute;
  top: 0;
  left: 1.2625rem;
}

.content8 .left ul li:nth-of-type(3) .t2 {
  width: 6.45rem;
  height: 2.7rem;
  position: absolute;
  top: 2.65rem;
  left: .2rem;
}

.content8 .left ul li:nth-of-type(3) .t3 {
  width: 4.075rem;
  height: 6rem;
  position: absolute;
  top: 1.4875rem;
  right: -0.7125rem;
}

.content8 .left ul li:nth-of-type(4) .t1 {
  width: 4.25rem;
  height: 6.25rem;
  position: absolute;
  right: 0;
  top: 1.275rem;
}

.content8 .left ul li:nth-of-type(4) .t2 {
  width: 1.65rem;
  height: 3.75rem;
  position: absolute;
  left: 2.875rem;
  top: 1.525rem;
}

.content8 .left ul li:nth-of-type(4) .t3 {
  width: 2.125rem;
  height: 2.55rem;
  position: absolute;
  top: 4.5rem;
  left: 1rem;
}
.content8 .left ul li:nth-of-type(4) .t4 {
  width: 1.875rem;
  height: 1.125rem;
  position: absolute;
  top: 2.375rem;
  left: .9625rem;
}
.content8 .left ul li:nth-of-type(1),
.content8 .left ul li:nth-of-type(2),
.content8 .left ul li:nth-of-type(3),
.content8 .left ul li:nth-of-type(4) {
  display: none;
}

.active6-1 {
  display: block !important;
  z-index: 10;
}

.active6-2 {
  background: linear-gradient(136deg, #00A5FF 0%, #006CFF 100%) !important;
  box-shadow: 0rem .0125rem 0rem 0rem #F8FAFF, 0rem .0375rem .075rem 0rem rgba(186, 207, 255, 0.28) !important;
  border: .025rem solid transparent !important;
}
.content8 .right ul .active6-2 span{
  color: #fff!important;

}
.bk9{
  width: 100%;
  height: 11rem;
  background: url("../img/bjt9.png")no-repeat;
  background-size: 100% 100%;

}
.card-bkt9{
  width: 16.14rem;
  height: 8.12rem;
  margin: 0 auto;
  background: url("../img/bjt9-1.png") no-repeat;
  background-size: 8.12rem 8.12rem;
  background-position: center center;
  margin-top: 0.34rem;
  position: relative;
}
.card-bkt9-list{
  width: 4.79rem;
  height: 2.53rem;
  background: linear-gradient(195deg, rgba(217,229,255,0.63) 0%, #FFFFFF 40%, #FFFFFF 100%);
  box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.05);
  border-radius: 3px;
  border-image: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)) 2 2;
  backdrop-filter: blur(6px);
  cursor: pointer;
  position: absolute;
}
.card-bkt9-list:hover{
  box-shadow: 0px 2px 10px 0px rgba(1,55,123,0.3);
}
.card-bkt9-list_1{
  position: absolute;
  top: 1.15rem;
  left: 0rem;
}
.card-bkt9-list_2{
  position: absolute;
  top: 4.44rem;
  left: 0rem;
}
.card-bkt9-list_3{
  position: absolute;
  top: 1.15rem;
  left: 11.35rem;
}
.card-bkt9-list_4{
  position: absolute;
  top: 4.44rem;
  left: 11.35rem;
}
.card-bkt9-title{
  font-size: 0.3rem;
  font-family: SourceHanSansCN-Medium, SourceHanSansCN;
  font-weight: 700;
  color: #161515;
  margin-top: 0.51rem;
  margin-left: 0.59rem;
}
.card-bkt9-content{
  font-size: 0.27rem;
  font-family: SourceHanSansCN-Regular, SourceHanSansCN;
  font-weight: 700;
  color: #555555;
  margin-top: 0.04rem;
  margin-left: 0.59rem;
  margin-right: 0.45rem;
}
.card-bkt9-order{
  width: 1.09rem;
  height: 0.63rem;
  background: url("../img/bk8-3.png") no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 0.26rem;
  left: 4.52rem;
  font-size: 0.4rem;
  font-family: DINAlternate-Bold, DINAlternate;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  line-height: 0.63rem;
}

.card-bkt9-list_3 .card-bkt9-order,.card-bkt9-list_4 .card-bkt9-order{
  position: absolute;
  top: 0.26rem;
  left: -0.87rem;
}
.bk10{
  width: 100%;
  height: 10.5rem;
  background: url("../img/bjt10.png") no-repeat;
  background-size: 100% 100%;
}

.block {
  padding: 80px 0;
  background-size: 100% 100%;
  width: 100%;
  box-sizing: border-box
}

.block h2 {
  font-size: 36px;
  color: #202124;
  margin-bottom: 24px;
  font-weight: 700
}

.block .title-style {
  font-size: 18px;
  text-align: center;
  color: #7a8799
}

.block .content {
  width: 16.14rem;
  margin: auto
}


.block.block12 {
  padding: 100px 0 89px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative
}

.block.block12 .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50%;
  transition: opacity .5s
}

.block.block12 .bg.bg1 {
  z-index: 1
}

.block.block12 .bg.bg2 {
  z-index: 2
}

.block.block12 .bg.bg3 {
  z-index: 3
}

.block.block12 .title-style {
  width: 16.14rem;
  text-align: left;
  margin: 0 auto 26px
}

.block.block12 .title-style>h2 {
  font-size: 36px;
  font-weight: 600;
  color: #202124;
  line-height: 36px;
  margin-bottom: 20px
}

.block.block12 .title-style>p {
  font-size: 16px;
  font-weight: 400;
  color: #7a8799;
  line-height: 16px
}

.block.block12 .statistics-right {
  width: 6.38rem;
  flex: 1;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  height: 100%;
  border-left: none;
  border-radius: 0 4px 4px 0;
  margin-bottom: 33px
}

.block.block12 .statistics-right li {
  position: relative;
  box-sizing: border-box;
  height: 90px;
  font-size: 16px;
  text-align: center;
  color: #202124;
  display: flex;
  align-items: center
}

.block.block12 .statistics-right li img {
  width: 80px;
  height: 80px;
  margin-right: 8px
}

.block.block12 .statistics-right li:first-child:before {
  display: none
}

.block.block12 .statistics-right li b {
  font-size: 38px;
  font-weight: 700
}

.block.block12 .statistics-right li span {
  font-weight: 600
}

.block.block12 .statistics-right li p {
  margin-top: 9px;
  font-weight: 500
}

.block.block12 .statistics-right li .li-right {
  text-align: left
}

.block.block12 .statistics-right li .li-right b {
  font-size:  0.63rem;;
  font-family: TGBF !important;
  font-weight: 700;
  color: #006cff;
  line-height: 40px
}

.block.block12 .statistics-right li .li-right span {
  font-size: 16px;
  font-weight: 600;
  color: #202124
}

.block.block12 .statistics-right li .li-right p {
  font-size: 0.23rem;
  font-weight: 500;
  color: #061440;
  line-height: 16px
}

.block.block12 .statistics-right li:last-child:after {
  display: none
}

.block.block12 .list {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  height: 4.53rem
}

.block.block12 .list .list-item {
  width: 4.19rem;
  height: 4.53rem;
  box-sizing: border-box;
  background: hsla(0,0%,100%,.4);
  box-shadow: 0 10px 80px 5px rgba(1,40,111,.05);
  border-radius: 8px;
  border: 2px solid hsla(0,0%,100%,.1);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  transition: all .8s;
  overflow: hidden;
  position: relative
}

.block.block12 .list .list-item.active {
  width: 7.48rem;
  height: 4.53rem;
  transition: all .8s
}
.block.block12 .list .list-item.active .subTitle{
  visibility: visible!important;
}.block.block12 .list .list-item.active .num{
  visibility: hidden!important;
}

.block.block12 .list .list-item.active .contraction {
  transform: translateY(-140px);
  transition: all .8s ease-in-out;
  padding-bottom: 12px
}

.block.block12 .list .list-item.active .contraction .num {
  transform: translateY(-14px);
  transition: all .4s .2s;
}

.block.block12 .list .list-item.active .contraction .title {
  font-size: 0.3rem;
  font-weight: 600;
  line-height: 36px;
  transition: all .6s
}

.block.block12 .list .list-item.active .exhibition {
  transform: translateY(-140px);
  transition: all .9s ease-in-out
}

.block.block12 .list .list-item.active .exhibition .tag-item {
  transform: translateY(0)!important;
  transition: all .8s .1s
}

.block.block12 .list .list-item .contraction {
  font-weight: 700;
  transition: all .5s;
  /*padding: 118px 40px 12px;*/
  padding-top: 2.14rem;
  padding-left: 0.43rem;
  transition: all .8s
}

.block.block12 .list .list-item .contraction .num {
  font-size: 0.5rem;
  color: rgba(0,108,255,.2);
  line-height: 40px;
  margin-bottom: 0.1rem;
  transform: translateY(0);
  transition: all .8s;
  visibility: visible;

}

.block.block12 .list .list-item .contraction .title {
  font-size: 0.25rem;
  color: #202124;
  line-height: 32px;
  white-space: nowrap;
  transition: all .8s
}

.block.block12 .list .list-item .exhibition {
  width: 100%;
  padding-bottom: 0.45rem;
  box-sizing: border-box;
  white-space: nowrap;
  transform: translateY(20px);
  transition: all .6s
}

.block.block12 .list .list-item .exhibition .subTitle {
  font-size: 0.2rem;
  font-weight: 400;
  color: #7a8799;
  line-height: 0.3rem;
  margin-bottom: 0.57rem;
  padding-left: 0.5rem;
  transition: all .6s;
  visibility: hidden;
}

.block.block12 .list .list-item .exhibition .tag {
  width:6.5rem;
  display: flex;
  justify-content: space-between;
  transition: all 2.4s
}

.block.block12 .list .list-item .exhibition .tag .tag-item {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  padding-left: 0.48rem;
  /*border-right: 1px solid rgba(0,108,255,.1);*/
  transition: all 1.2s ease-in-out
}

.block.block12 .list .list-item .exhibition .tag .tag-item:last-child {
  padding-right: 0;
  border-right: none
}

.block.block12 .list .list-item .exhibition .tag .tag-item:first-child {
  padding-left: 0.5rem
}

.block.block12 .list .list-item .exhibition .tag .tag-item img {
  width: 0.4rem;
  display: block;
  margin-bottom: 8px
}

.block.block12 .list .list-item .rightImg {
  width: 1.8rem;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 99
}

.block.block12 .list .list-item:last-child .exhibition .tag-item {
  /*padding: 0 0.3rem*/
  padding-left: 0.48rem;
}


.block.block2 {
  height: 8.88rem;
  padding: .8rem 0 0;
  box-sizing: border-box;
  overflow: hidden;
  position: relative
}

.block.block2 .content .tab .item,.block.block2 .content .tab {
  display: flex;
  justify-content: center
}

.block.block2 .content .tab .item {
  position: relative;
  flex-direction: column;
  align-items: center;
  width: 2.4rem;
  height: 1.8rem;
  cursor: pointer;
  margin-top: 20px
}

.block.block2 .content .tab .item.active p {
  color: #006cff
}

.block.block2 .content .tab .item.active:before {
  width: 100%
}

.block.block2 .content .tab .item.active>.img {
  -webkit-animation: myAnimation-data-v-50e8d3b2 3.03s steps(1) infinite;
  animation: myAnimation-data-v-50e8d3b2 3.03s steps(1) infinite
}

.block.block2 .content .tab .item:hover:before {
  width: 100%
}

.block.block2 .content .tab .item:before {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  width: 0;
  height: .02rem;
  background-color: #006cff;
  transition: width .3s
}

.block.block2 .content .tab .item>.img {
  width: 1.4rem;
  height: 1.4rem;
  background-repeat: no-repeat;
  background-position: 0 0;
  transform: scale(.4714)
}

.block.block2 .content .tab .item p {
  font-size: 18px;
  font-family: PingFangSC-Regular,PingFang SC;
  font-weight: 400;
  color: #202124;
  line-height: 18px;
  text-align: center;
  transform: translateY(-24px)
}

.block.block2 .content .info-box {
  position: relative;
  height: 528px
}

.block.block2 .content .info-box .info {
  width: 105%;
  position: absolute;
  display: flex;
  justify-content: space-between;
  top: 0;
  overflow: hidden
}

.block.block2 .content .info-box .info.active {
  z-index: 99
}

.block.block2 .content .info-box .info.active .left {
  opacity: 1
}

.block.block2 .content .info-box .info.active .left .btn-box,.block.block2 .content .info-box .info.active .left .line,.block.block2 .content .info-box .info.active .left .tips,.block.block2 .content .info-box .info.active .left .title {
  opacity: 1;
  position: relative;
  z-index: 99
}

.block.block2 .content .info-box .info.active .right {
  opacity: 1;
  transform: translateY(0);
  transition: all .6s .1s
}

.block.block2 .content .info-box .info .left {
  width: 4.32rem;
  position: relative;
  padding-top: .65rem;
  opacity: 0
}

.block.block2 .content .info-box .info .left .title {
  font-size: .32rem;
  font-family: PingFangSC-Semibold,PingFang SC;
  font-weight: 600;
  color: #202124;
  line-height: .48rem
}

.block.block2 .content .info-box .info .left .title:last-child {
  margin-bottom: .2rem
}

.block.block2 .content .info-box .info .left .lastTitle {
  font-size: .32rem;
  font-family: PingFangSC-Semibold,PingFang SC;
  font-weight: 600;
  color: #202124;
  line-height: .48rem;
  background: linear-gradient(315deg,#e5f5ff,#b4e2ff 72%,#63c3ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

.block.block2 .content .info-box .info .left .tips .tips-item {
  display: flex;
  align-items: center;
  font-size: .18rem;
  font-family: PingFangSC-Regular,PingFang SC;
  font-weight: 400;
  color: #4e5866;
  line-height: .32rem
}

.block.block2 .content .info-box .info .left .tips .lastTipsItem {
  color: #fff
}

.block.block2 .content .info-box .info .right {
  width: 828px;
  height: 528px;
  opacity: 0;
  transform: translateY(50px);
  transition: all .6s;
  pointer-events: none
}

.block.block2 .content .info-box .lightBox {
  position: absolute;
  bottom: 90px;
  left: 0;
  z-index: 99
}

.block.block2 .block2Bg {
  background: url(../img/blcok2-bg1.44f502d.png) no-repeat;
  background-size: cover;
  z-index: -1
}

.block.block2 .block2Bg1,.block.block2 .block2Bg {
  width: 100%;
  height: 5.28rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0
}

.block.block2 .block2Bg1 {
  background: #1b2f49;
  display: flex;
  justify-content: center;
  -webkit-animation: show-data-v-50e8d3b2 1s cubic-bezier(.25,.46,.45,.94);
  animation: show-data-v-50e8d3b2 1s cubic-bezier(.25,.46,.45,.94)
}

.block.block2 .block2Bg1 video {
  width: 100%;
  max-width: 100%;
  min-width: 1200px;
  height: 100%;
  -o-object-position: center;
  object-position: center;
  -o-object-fit: cover;
  object-fit: cover
}
#count1{
  color: #FF9822;
}#count2{
  color: #FE716C;
}#count3{
  color: #39CFBE;
}#count4{
  color: #5085FB;
}
 .hose{
   color: #39CFBE!important;
   font-size: 0.48rem!important;
   line-height: 40px; }
 .bk11{
   width: 100%;
   height: 11.35rem;
   overflow: hidden;
   background: #FFFFFF;
 }
 .content3 .content3-title{
   padding-top: 0.95rem;
   font-size: 0.45rem;
   font-weight: bold;
   color: rgb(0, 0, 0);
   line-height: 0.45rem;
   margin: 0rem auto;
   text-align: center;
 }
.content3 .content3-p{
  font-size: 0.23rem;
  font-weight: 400;
  color: rgb(140, 140, 140);
  line-height: 0.3rem;
  /* margin: 0.3875rem auto 0rem; */
  margin-top: 23px;
  text-align: center;
 }
.card-bk11{
  width: 100%;

}
.card-bkt11-list-content{
  margin-top: 50px;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  display: flex;
  align-items: center;
}
.card-bkt11-list{
  width: 280px;
  height: 260px;
  background: linear-gradient(180deg, #DEE7FF 0%, #FBFCFF 100%);
  box-shadow: 0px 2px 8px 0px rgba(209,225,255,0.75);
  border-radius: 8px;
  border: 2px solid #FFFFFF;
  margin-right: 20px;
}
.card-bk11-info{
  margin: 0 auto;
  width: 250px;
  height: 185px;
  margin-top: 13px;
}
.card-bk11-info img{
  max-height: 100%;
  max-width: 100%;;
}
.card-bk11-text{
  text-align: center;
  font-size: 16px;
  font-family: SourceHanSansCN-Bold, SourceHanSansCN;
  font-weight: bold;
  color: #262A47;
  line-height: 20px;
  margin-top: 20px;
}

@keyframes scrollToRight-data-v-6a32e916 {
  0% {
    transform: translate3d(-100%, 0rem, 0rem);
  }

  100% {
    transform: translate3d(0%, 0rem, 0rem);
  }
}

#picList1 {
  margin: 0 auto;
  margin-top: 0.63rem;

}
#picList1 {
  display: flex;
  align-items: center;
  padding: .1261rem 0px;
}
.gloryItem {
  width: 3.5057rem;
  height: 3.2535rem;
  background: linear-gradient(180deg,#fff,#e9f0ff);
  box-shadow: 0 .0631rem .15rem 0 rgba(209,225,255,.64);
  border-radius: .0757rem;
  border: .0252rem solid #fff;
  box-sizing: border-box;
  overflow: hidden;
  align-items: flex-start;
  text-align: left
}

.gloryItem .box {
  width: 100%;
  margin-top: .1639rem;
  padding: 0px .1892rem 0px .1892rem;
}

.gloryItem .box img {
  width: 100%;
  height: 2.3077rem;
  display: block;
  pointer-events: none;
}

.gloryItem .content {
  font-size: .2018rem;
  margin-top: .1639rem;
  font-family: SourceHanSansCN-Bold, SourceHanSansCN;
  font-weight: bold;
  color: #262A47;
  text-align: center;
}

.gloryItemBox{
  margin-right: 0.25rem;
}
.gloryItemBox .gloryItem:last-child{
  margin-top: 0.25rem;
}

.content1Info{
  font-size: 0.4rem!important;
  font-family: SourceHanSansCN-Regular, SourceHanSansCN;
  font-weight: 400;
  color: #FFFFFF;

}
.content1 .content1InfoSence{
  margin-top: 0.26rem;
}


.contentIcon1{
  width: 0.38rem;
  height: 0.35rem;

}
.contentIcon1 img{
  max-width: 100%;
  max-height: 100%;
}
.contentText{
  font-size: 0.25rem;
  font-family: SourceHanSansCN-Regular, SourceHanSansCN;
  font-weight: 400;
  color: #FFFFFF;
  margin-top: 0.05rem;
}
.contentTips{
  display: flex;
  margin-right:0.378rem;
}
.contentTipsCon{
  display: flex;
  margin-top: 0.58rem;
  margin-left:4.04rem;
}

.lj{
  width: 1.89rem;
  height: 0.69rem;
  background: linear-gradient(225deg, #64B8FF 0%, #647BFF 15%, rgba(253,44,119,0.94) 80%, rgba(253,140,44,0.94) 100%);
  border-radius: 0.13rem;
  text-align: center;
  line-height: 0.69rem;
  font-size: 0.25rem;
  font-family: SourceHanSansCN-Regular, SourceHanSansCN;
  font-weight: 400;
  color: #FFFFFF;
  left:4.04rem;
  top: 5.84rem;
  position: absolute;
  cursor: pointer;
  z-index: 9;
}
.lj:hover{
  background: linear-gradient(225deg,  rgba(253,140,44,0.94)  0%, rgba(253,44,119,0.94) 0%,#647BFF 80% ,  #64B8FF 100%);

}
.lj a{
  color: #FFFFFF;
}
.content2ListContent{
  height: 1.51rem;
  width: 100%;
  background: linear-gradient(180deg, rgba(22,30,104,0.17) 0%, rgba(40,45,108,0.42) 100%);
  position: absolute;
  bottom: 0px;
  left: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9;
}
.content2List {
  width: 4.04rem;
  height: 1.51rem;
  background: rgba(255,255,255,0);
  box-shadow: 0px 2px 20px 0px rgba(0,32,99,0.19);
  overflow: hidden;
}
.content2ListLeft{
  width: 0.76rem;
  height: 0.73rem;
  float: left;
  margin-top: 0.37rem;
  margin-left: 0.63rem;
}
.content2ListRight{
  float: left;
  margin-left: 0.4rem;
  margin-top: 0.28rem;
}
.content2ListLeft img{
  max-height: 100%;
  max-width: 100%;

}
.sizeFont{
  font-size: 0.5rem;
  font-family: TGBF;
  font-weight: bold;
  color: #FFFFFF;
}
.smallFont{
  font-size: 0.2rem;
  font-family: SourceHanSansCN-Regular, SourceHanSansCN;
  font-weight: 400;
  color: #FFFFFF;
}
.bk61{
  width: 0.32rem;
  height: 0.32rem;
  display: inline-block;
  vertical-align: middle;
}
.bk61 img{
  max-width: 100%;
  max-height: 100%;
}
.bk11-1{
  display: flex;
  margin-top: 0.42rem;
  justify-content: center;
}
.bk11-1 div{
  margin-right: 0.38rem;
  cursor: pointer;
}
.bk11-1 div,.bk11-1 img{
  width: 0.5rem;
  height: 0.5rem;
}
.allShadow {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.3);
  z-index: 999
}

.allShadow img {
  z-index: 1000;
  text-align: center;
  position: absolute;
  /* width: 1000px;
  height: 740px; */
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%)
}
.allShadow .iconclose-line {
  background: url('../img/puc_col2.svg') no-repeat center/100%;
  width: .3783rem;
  height: .3783rem;
  display: inline-block;

}
.allShadow .iconzuo {
  background: url('../img/lef1.svg') no-repeat center/100%;
  width: .2018rem;
  height: .3405rem;
  display: inline-block;
}
.allShadow .iconyou {
  background: url('../img/rig2.svg') no-repeat center/100%;
  width: .2018rem;
  height: .3405rem;
  display: inline-block;
}
.allShadow .left {
  left: 5%
}

.allShadow .left,.allShadow .right {
  z-index: 1000;
  text-align: center;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  cursor: pointer
}

.allShadow .right {
  right: 2%
}

.allShadow .close {
  z-index: 1000;
  text-align: center;
  position: absolute;
  top: 10%;
  right: 2%;
  transform: translate(-50%,-50%);
  cursor: pointer
}
.TAviDivBg {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  display: none;
  z-index: 1001;
  background: rgba(0, 0, 0, 0.6);
}

.TAviDiv {
  width: 13.075rem;
  height: 7.375rem;
  border: 0rem solid #fff;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.TAviDiv video{
  width: 100%;
  height: 100%;
  background-color: #000;
}

.TAviDiv span {
  width: .425rem;
  height: .425rem;
  position: absolute;
  right: -0.375rem;
  top: -0.375rem;
  cursor: pointer;
  z-index: 889;
  background: #fff;
  border-radius: 50%;
}

.TAviDiv span img {
  display: block;
  width: 100%;
  height: 100%;
}
.TAviDiv span {
  right: -0.225rem;
  top: -0.225rem;
  background: url("../img/viClose3.png") no-repeat 50% 50%;
  background-size: 92% auto;
}

.TAviDiv span:hover {
  background: url("../img/viClose2.png") no-repeat 50% 50%;
  background-size: 92% auto;
}

.bk4ImgList img{
  width: 100%;
  display: block;
  position: absolute;
  top: 44%;
  /*left: 0;*/
  opacity: 0;
  transform: translateX(30px) translateY(-50%);
  transition: all .5s;
}
.bk4ImgList .activebk3{
  opacity: 1;
  transform: translateX(0) translateY(-50%)!important;
  transition: all .5s .1s;
}
.mainContent img{
  width: 11.2rem;
  height: 6.6rem;
}