@font-face {
  font-style: normal;
  font-family:the2K12;
  src: url('./DS-DIGIB.TTF');

}



/* pc端 */
@media screen and (min-width: 1024px) {
  .layout_mobile{
    display: none;
   }

   .rotation{
    width: 100%;
    height: 7.8rem;
    /* position: relative; */
}
.rotation .el-carousel__container{
    height: 7.8rem;
}
.rotation .el-carousel__button{
    width: .75rem;
    height: .05rem;
    border-radius: .03rem;
}

.rotation    .is-active .el-carousel__button {
    background: #0052D9;
}
/* .rotation .rotation_swiper{
    width: 100%;
    height: 7.8rem;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 15;

} */
.rotation .swiper-slide{
  position: relative;
}
/* pc端的第一个banner图 */
.rotation .swiper-slide .banner_1{
  position: absolute;
  top: 2.5rem;
  left: 2.18rem;
  font-size: .34rem;
  font-family: Source Han Sans CN-Bold, Source Han Sans CN;
  font-weight: bold;
  color: #F9F9F9;
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  flex-wrap: wrap;
}
.rotation .swiper-slide .banner_1 .banner1_title{
  font-size: .6rem;
  font-family: Source Han Sans CN-Bold, Source Han Sans CN;
  font-weight: bold;
  color: #FFFFFF;
  margin-bottom: .64rem;
}
.rotation .swiper-slide .banner1_btns{
  width: 1.87rem;
  border-radius: 100px;
  background: #ffffffab;
  padding: .14rem .4rem;
  font-size: .22rem;
  font-family: Source Han Sans-Medium, Source Han Sans;
  font-weight: 500;
  color: #355AD4;
  margin-top: 1rem;
  box-sizing: border-box;
}
/* pc端的第二个banner图 */
.rotation .swiper-slide .banner_2{
  position: absolute;
  top: 1.85rem;
  left: 2.88rem;
  font-size: .48rem;
  font-family: Source Han Sans CN-Bold, Source Han Sans CN;
  font-weight: bold;
  color: #000000;
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  flex-wrap: wrap;
  z-index: 35;
}
.rotation .swiper-slide .banner_2 .banner2_subTitle{
  font-size: .24rem;
  font-family: PingFang SC-Bold, PingFang SC;
  font-weight: bold;
  color: #505660;
  margin: .98rem  0  .58rem;

}
.rotation .swiper-slide .banner_2 .banner2_btns{
  width: 3.07rem;
  border-radius: 100px;
  background: #ffffffab;
  padding: .14rem .4rem;
  font-size: .22rem;
  font-family: Source Han Sans-Medium, Source Han Sans;
  font-weight: 500;
  color: #355AD4;

  box-sizing: border-box;
}
.banner2_smallBox{
  width: 1.32rem;
  height: 1.16rem;
  position:absolute;
  left: 5.35rem;
  bottom: 2.2rem;
  z-index: 34;
  animation: small-down 1.8s linear infinite;	 
  -webkit-animation:  small-down 1.8s linear infinite;	 
}
@keyframes small-down{
  25% {
    transform: translateY(-4px);
   }
   50%, 100% {
    transform: translateY(0);
   }
   75% {
    transform: translateY(4px);
   }

}
@-webkit-keyframes small-down{
  25% {
    -webkit-transform: translateY(-4px);
   }
   50%, 100% {
    -webkit-transform: translateY(0);
   }
   75% {
    -webkit-transform: translateY(4px);
   }

}
.banner2_largeBox{
  width: 5.08rem;
  /* height: 5.02rem; */
  position: absolute;
  right:3.2rem;
  bottom:.10rem;
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
  z-index: 34;

}

@keyframes large-down{
  25% {
    transform: translateY(-5px);
   }
   50%, 100% {
    transform: translateY(0);
   }
   75% {
    transform: translateY(5px);
   }

}
@-webkit-keyframes large-down{
  25% {
    -webkit-transform: translateY(-5px);
   }
   50%, 100% {
    -webkit-transform: translateY(0);
   }
   75% {
    -webkit-transform: translateY(5px);
   }

}

.banner2_smallBox img{
  width: 100%;
  height: 100%;
}
.banner2_largeBox .large_img{
  width: 100%;
  height: auto;
  margin-bottom: -.9rem;
  z-index: 34;
    animation: large-down 2s linear infinite;	 
  -webkit-animation:  large-down 2s linear infinite;	 
}

@keyframes large_sha {
  25%{
    transform: scale(0.9);  
  }
  0%,50%, 100% {
    transform: scale(1);
   }
  75%{
    transform: scale(0.9);
  }
}
@-webkit-keyframes large_sha {
  25%{
    -webkit-transform: scale(0.9);  
  }
  0%,50%, 100% {
    -webkit-transform: scale(1);
   }
  75%{
    -webkit-transform: scale(0.9);
  }
}

.banner2_largeBox  .large_shadow{
  width:90%;
  margin: 0 auto;
  height: 1.85rem;
  z-index: 33;
  animation: large_sha 4.2s ease-in-out infinite;

  /* transform:scale3d(0.5,1,1); */
}

/* pc端的第三个banner图 */
.banner3_content{
  font-size: .48rem;
  font-family: Source Han Sans CN-Bold, Source Han Sans CN;
  font-weight: bold;
  color: #000000;
  position: absolute;
  left: 4rem;
  top: 2rem;
  display: flex;
  flex-direction: column;
  
}
.banner3_content .banner3_subTitle{
  font-size: .24rem;
  font-family: PingFang SC-Bold, PingFang SC;
  font-weight: bold;
  color: #505660;
  margin-top: .98rem;
  margin-bottom: .58rem;
}
.banner3_content .banner3_btns{
  width: 3.07rem;
  border-radius: 100px;
  background: #ffffffab;
  padding: .14rem .4rem;
  font-size: .22rem;
  font-family: Source Han Sans-Medium, Source Han Sans;
  font-weight: 500;
  color: #355AD4;

  box-sizing: border-box;
}
.banner3_largeBox{
   position: absolute;
   bottom: 1rem;
   left: 7.8rem;
   width: 1.26rem;
   height: .91rem;
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
}
.banner3_largeBox .large_img{
  width: 100%;
  height: auto;
  margin-bottom: -.45rem;
  z-index: 34;
    animation: large-down3 2s linear infinite;	 
  -webkit-animation:  large-down3 2s linear infinite;	 

}


@keyframes large-down3{
  25% {
    transform: translateY(-5px);
   }
   50%, 100% {
    transform: translateY(0);
   }
   75% {
    transform: translateY(5px);
   }

}
@-webkit-keyframes large-down3{
  25% {
    -webkit-transform: translateY(-5px);
   }
   50%, 100% {
    -webkit-transform: translateY(0);
   }
   75% {
    -webkit-transform: translateY(5px);
   }

}
.banner3_largeBox .large_shadow{
  width:80%;
  margin: 0 auto;
  height: .65rem;
  z-index: 33;
  animation: large_sha3 4.4s ease-in-out infinite;
}


@keyframes large_sha3 {
  25%{
    transform: scale(0.9);  
  }
  0%,50%, 100% {
    transform: scale(1);
   }
  75%{
    transform: scale(0.9);
  }
}
@-webkit-keyframes large_sha3 {
  25%{
    -webkit-transform: scale(0.9);  
  }
  0%,50%, 100% {
    -webkit-transform: scale(1);
   }
  75%{
    -webkit-transform: scale(0.9);
  }
}


.banner3_smallBox{
  position: absolute;
  top: 1.3rem;
  left: 10.8rem;
  width: .51rem;
  height: .38rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.banner3_smallBox .small_img{
 width: 100%;
 height: auto;
 margin-bottom: -.18rem;
 z-index: 34;
   animation: small-down3 2s linear infinite;	 
 -webkit-animation:  small-down3 2s linear infinite;	 

}

.banner3_smallBox .small_shadow{
  width:80%;

  margin: 0 auto;
  height: auto;
  z-index: 33;
  animation: large_sha3 4.4s ease-in-out infinite;
}


@keyframes small-down3{
  25% {
    transform: translateY(-3px);
   }
   50%, 100% {
    transform: translateY(0);
   }
   75% {
    transform: translateY(3px);
   }

}
@-webkit-keyframes  small-down3{
  25% {
    -webkit-transform: translateY(-3px);
   }
   50%, 100% {
    -webkit-transform: translateY(0);
   }
   75% {
    -webkit-transform: translateY(3px);
   }

}
.banner3_img{
   position: absolute;
   bottom:.38rem;
   right: .59rem;
   width: 6.19rem; 
   height:6.19rem;
}
.banner3_img .banner3_container{
   width: 100%;
   height: 100%;
  position: relative;
}
.banner3_container .banner3_line1{
  position: absolute;
  bottom: 3.5rem;
  left: -1.5rem;
  width: 2.76rem;
  height: 0.03rem;
  transform-origin: right;
  transform: rotate(-30deg);
 z-index: 34;
  
}
.banner3_container .banner3_line2{
  position: absolute;
  bottom: 2.128rem;
  left: -1.13rem;
  width: 1.45rem;
  height: 0.03rem;
  transform-origin: left;
  transform: rotate(32deg);
  
}
.banner3_container .banner3_line3{
  position: absolute;
  bottom: .64rem;
  left: -1.6rem;
  width: 1.96rem;
  height: 0.03rem;
  transform-origin: right;
  transform: rotate(-30deg);
  
}
.banner3_container .banner3_line4{
  position: absolute;
  bottom: .64rem;
  left: 1.2rem;
  width: .86rem;
  height: 0.03rem;
  transform-origin: left;
  transform: rotate(30deg);
  
}
.banner3_container .banner3_line5{
  position: absolute;
  bottom: .64rem;
  right: 1.3rem;
  width: 1.96rem;
  height: 0.03rem;
  transform-origin: right;
  transform: rotate(-30deg);
}
.box_bgLine4{
  width: 100%;
  height: 100%;
  background: linear-gradient(267deg, #27227A  0%, #43E8E0 100%);
  position: relative;
}
 .box_bgLine{
  width: 100%;
  height: 100%;
  background: linear-gradient(267deg, #43E8E0 0%, #27227A 100%);
  position: relative;
}

.box_bgSpot1{
  position: absolute;

  width: .31rem;
  height: .18rem;
  display: flex;
  justify-content: center;
  align-items: center;
 transform: rotate(-1deg);
 right: 4.88rem;top: 2.65rem;
 z-index: 35;
 /* display:none; */

}


.bgAfter1{
  animation: afterMove1 2.5s linear;
  animation-fill-mode: forwards;
  /* display:block; */

}

@keyframes afterMove1 {
  0% {  right: 4.88rem;top: 2.65rem;} 
  /* 50% {right: 6rem;top: 3.3rem; } */
  100% {    right: 7.05rem; top: 3.9rem; }
}
.bgAfter2{
  animation: afterMove2 1.3s linear;
  animation-fill-mode: forwards;

  /* animation-delay:2.5s */
}
@keyframes afterMove2 {
  0% {    right: 7rem;top: 4.05rem;} 
  /* 50% {right: 6rem;top: 3.3rem; } */
  100% {       right: 6.06rem;top: 4.64rem;}
}

.box_spota2{
  position: absolute;

  width: .31rem;
  height: .18rem;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: rotate(-119deg);
  right: 7rem;
  top: 4.05rem;
  z-index: 35;
}
.box_spota3{
  position: absolute;

  width: .31rem;
  height: .18rem;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: rotate(-119deg);
  right: 4.8rem;
  top: 5.45rem;
  z-index: 35;
}
.bgAfter3{
  animation: afterMove3 0.8s linear;
  animation-fill-mode: forwards;

  /* animation-delay:2.5s */
}
@keyframes afterMove3 {
  0% {right: 4.8rem;top: 5.45rem;} 
  /* 50% {right: 6rem;top: 3.3rem; } */
  100% {right: 4.2rem;top: 5.8rem;}
}

.box_spota4{
  position: absolute;

  width: .31rem;
  height: .18rem;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: rotate(175deg);
  right: 2.8rem;  
  top: 6.39rem;
  z-index: 35;
}
.bgAfter4{
  animation: afterMove4 1.64s linear;
  animation-fill-mode: forwards;

  /* animation-delay:2.5s */
}
@keyframes afterMove4 {
  0% {  right: 2.8rem;top: 6.39rem;} 
  /* 50% {right: 6rem;top: 3.3rem; } */
  100% { right: 1.2rem;top: 5.45rem;}
}

.box_spota5{
  position: absolute;

  width: .31rem;
  height: .18rem;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: rotate(0deg);
  right: 5.76rem;
  top: 5.5rem;
  z-index: 35;
}
.bgAfter5{
  animation: afterMove5 1.64s linear;
  animation-fill-mode: forwards;
}
@keyframes afterMove5 {
  0% {right: 5.76rem; top: 5.5rem;} 
  /* 50% {right: 6rem;top: 3.3rem; } */
  100% {right: 7.4rem;top: 6.45rem;}
}

.box_bgSpot1 img,.box_bgSpot2 img,.box_bgSpot3 img,.box_bgSpot4 img,.box_bgSpot5 img{
  width: 100%;
  height: 100%;
}

.banner3_container img{
  width: 100%;
  height: 100%;
}
.rotation .swiper-slide >img{
    width: 100%;
    height: 100%;
}

.rotation .swiper-pagination-bullet{
    width: .95rem;
    height: .05rem;
    border-radius: .03rem;
}
 .banner_img{
    width: 100%;
    height: 7.8rem;
}

.index_container{
    padding: 0 1.3rem;
    
}

/* 蓝鲸业务 */
.business{
    /* width: 100%; */
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: .12rem;
    /* display: flex;
    justify-content: space-between;
    flex-wrap: wrap; */
    background:rgba(9,41,96,0.2000);

}
.business .business_item{
    /* width: 4.05rem; */
    height: 2.83rem;
    background: #FFFFFF;
    overflow: hidden;
    cursor: pointer;
    position: relative;
}
.business_item_after{
    /* margin-top: .12rem; */
}
.business_item .bg_img{
    width: 100%;
    height: 100%;
}
.business_item .item_title{
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(22, 22, 22, 0.568);
  height: .64rem;
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: .2rem;
  font-family: Source Han Sans CN-Bold, Source Han Sans CN;
  font-weight: bold;
  color: #FFFFFF;
  width: 100%;
}
.business_item .business_item_active{
    width: 100%;
    height: 2.83rem;
   
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    bottom: -2.19rem;
    left: 0;
    padding: .18rem 0;
  
    background: rgba(22, 22, 22, 0.568);

}

.business_active_animation{
  animation-fill-mode:forwards;
  -webkit-animation-fill-mode:forwards;
  animation:myfirst 1s ;
  animation-iteration-count:1;
  animation-fill-mode:forwards;

  -webkit-animation:myfirst 1s ; 
  -webkit-animation-iteration-count:1;
  -webkit-animation-fill-mode:forwards;
}
.business_active_remove{
  animation-fill-mode:forwards;
  -webkit-animation-fill-mode:forwards;
  animation:myend 1s ;
  animation-iteration-count:1;
  animation-fill-mode:forwards;

  -webkit-animation:myend 1s ; 
  -webkit-animation-iteration-count:1;
  -webkit-animation-fill-mode:forwards;
}
.business_item_active .business_item_title{
  width: 100%;
  text-align: center;
  margin-bottom: .24rem;
  font-size: .2rem;
  font-family: Source Han Sans CN-Bold, Source Han Sans CN;
  font-weight: bold;
  color: #FFFFFF;

}
.business_item_active .business_item_content{
 padding: 0 .35rem;
 font-size: .18rem;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
color: #FFFFFF;
line-height: .3rem;

}
@keyframes myend{
  from {top: 0}
  to {top:2.19rem}
}

@-webkit-keyframes myend /*Safari and Chrome*/
{
  from {top:0}
  to {top:2.19rem}
}

@keyframes myfirst{
  from {bottom:-2.83rem;}
  to {bottom:0}
}

@-webkit-keyframes myfirst /*Safari and Chrome*/
{
    from {bottom:-2.83rem;}
  to {bottom:0}
}

/* .business_item:hover>.business_item_active{
  display: block;
}
.business_item_active{
  display: none;
  width: 100%;
  height: 250px;
  position:absolute;
  background: rgba(0, 0, 0, 0.7) !important;
  text-align: center;
  animation-fill-mode:forwards;
  -webkit-animation-fill-mode:forwards;
  animation:myfirst 1s ;
  animation-iteration-count:1;
  animation-fill-mode:forwards;

  -webkit-animation:myfirst 1s ; 
  -webkit-animation-iteration-count:1;
  -webkit-animation-fill-mode:forwards;

}
.business_item_active .business_item_title{
  width: 100%;
  height: 100%;
  
  display: flex;
  text-align: left;
  justify-content: flex-start;
  align-items: center;
  padding: 0 15px;
} */


/* 蓝鲸实力 */
.strength{
 width: 100%;
 height: 4.85rem;
 position: relative;  
}
.strength .strength_bg{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;

}
.strength .strength_container{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;

}
.strength_container .strength_title{
    font-size: .28rem;
    font-family: Source Han Sans-Regular, Source Han Sans;
    font-weight: 400;
    color: #FFFFFF;
    margin-top: .5rem;
    width: 100%;
    text-align: center;
}
.strength_container .strength_content{
  width: 6.14rem;
  height: 1.29rem;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;

}
.strength_content img{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.strength_content .strength_label{
  font-size: .4rem;
  font-weight: 400;
  color: #00E1E5;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.strength_content .strength_label span:nth-of-type(1){
  font-size: .56rem;
  font-family:the2K12;

}
.strength_content .strength_label span:nth-of-type(2){
  padding-left: .2rem;


}
/* 蓝鲸案例 */
.case{
    /* width: 13.4rem; */
    /* height: 3.5rem; */
    height: 3.8rem;
    padding-bottom: .3rem;
    margin: 0 auto;
    /* display: flex;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden; */
  }
  .case .swiper_case{
    width: 100%;
    height: 100%;
  }
  .swiper_case img{
    width: 100%;
    height: 100%;
    border-radius: 0 0 .4rem 0;
  }
/* 蓝鲸动态 */
.dynamic{
    display: flex;
    justify-content: space-between;
    /* align-items: center; */

}
  .dynamic .dynamic_item{
   display: flex;
   flex-direction: column;

  }
  .dynamic_item .dynamic_label{
    width: 3.94rem;
    font-size: .16rem;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: 500;
    margin-top: .2rem;

  }
  .dynamic_container{


    width: 3.94rem;
    height: 2.3rem;
    /* background: #EBEFF5; */
    position: relative;


  }
  .dynamic_container img,.dynamic_container div{
    transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		-ms-transition: all .3s ease-out;
  }
  .dynamic_container:hover img,.dynamic_container:hover div {
    transform: scale(1.1);
    -webkit-transition: scale(1.1);
    -ms-transition: scale(1.1);
    -mos-transition: scale(1.1);
  }
/* 
  @keyframes zoom {
    0% {
      transform: scale(1);
    
      opacity: 0
  }
  100% {
    transform: scale(1.3);
      opacity: 1
  }
  
  }
@-webkit-keyframes zoom {
  0% {
    -webkit-transform: scale(1);
    opacity: 0
}
100% {
    -webkit-transform: scale(1.3);
    opacity: 1
}

} */


  .dynamic_container .bg_img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
  .dynamic_container .dynamic_title{
    font-size: .16rem;
    font-family: Source Han Sans CN-Bold, Source Han Sans CN;
    font-weight: bold;
    color: #020C17;
    text-align: center;
    margin-top: .15rem;
  }
  .dynamic_container .dynamic_tag{
    /* width: 1.2rem;
    height: .3rem; */
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .dynamic_tag .tag_content{

    position: relative;
    font-size: .16rem;
    font-family: Source Han Sans-Regular, Source Han Sans;
    font-weight: 400;
    color: #FFFFFF;
    display: flex;

    align-items: center;
    padding: .06rem .14rem;
    padding-right: .41rem;

  }
  .tag_content>img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;

  }

  /* 了解更多 */

  .learn_more{
    width: 100%;
    height: 2.3rem;
    display: flex;
    align-content: space-around;
    
    flex-wrap: wrap;
    position: relative;
    justify-content: center;
    padding: .15rem 0;
    margin-top: 1rem;
    cursor: pointer;

  }
  .learn_more>img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }

  .learn_more .more_title{
    width: 100%;
    text-align: center;
    font-size: .48rem;
    font-family: Source Han Sans CN-Bold, Source Han Sans CN;
    font-weight: bold;
    color: #040404;

  }
  .learn_more .more_btn{
    background: #F8F6FF;
    box-shadow: 6px 6px 16px 1px rgba(67, 22, 255, 0.6);
    border-radius: .35rem;
    padding: .16rem .65rem;
    font-size: .24rem;
    font-family: Source Han Sans CN-Bold, Source Han Sans CN;
    font-weight: bold;
    color: #020C17;
}
  
}


/* 移动端 */
@media screen and (max-width: 1023px) {

  .layout_pc{
    display: none;
   }
   .rotation_mobile{
   width: 100%;
   height: 8.25rem;
   }
   .rotation .swiper-slide >img{
    width: 100%;
    height: 100%;
}

.main_container{
  margin:0  0.768rem;
}

 .main_title{
    margin: 1.2288rem auto;
    text-align: center;
    font-size: 1.024rem;
    font-family: Source Han Sans CN-Bold, Source Han Sans CN;
    font-weight: bold;
    color: #020C17;
 }
 .business_mobile{
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
 }
 .business_mobile .business_mobile_item{
  width: 8.2432rem;
  height: 5.3248rem;
  background: #FFFFFF;
  box-shadow: 4px 4px 16px 1px rgba(9,41,96,0.1000);
  border-radius:0.4096rem;
  /* border: 1px solid #8AA0E5;  */
  position: relative;
  margin-bottom: 0.8704rem;
 }


 .business_mobile_item img{
  width: 100%;
  height: 100%;
  border-radius:0.4096rem;
 }
 .business_mobile_item .business_mobile_content{
  width: 100%;
  /* height: 1.2288rem; */

  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 0 0 0.4096rem 0.4096rem;
  background: rgba(10, 10, 10, 0.342);
  padding: 0.256rem 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.7168rem;
  font-family: Source Han Sans CN-Bold, Source Han Sans CN;
  font-weight: bold;
  color: #020C17;
 }

 .strength_mobile{
  width: 100%;
  height: 17.408rem;
  position: relative;
 }
 .strength_mobile .img_bg{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
 }
 .strength_mobile .strength_mobile_content{
  display: flex;
  flex-direction: column;

 }
 
 .strength_mobile_content  .strength_mobile_item{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 2.3296rem;

 }

 .strength_mobile_item .strength_mobile_title{
  font-size: 0.7168rem;
  font-family: Source Han Sans-Regular, Source Han Sans;
  font-weight: 400;
  color: #FFFFFF;
  width: 100%;
  margin-bottom: 1.024rem;
  text-align: center;

 }
 .strength_mobile_item .strength_mobile_label{
  width:15.7184rem;
  height:3.3024rem;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.4336rem;
  color: #00E1E5;
  

 }

 .strength_mobile_label img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
 z-index:-1
 }
 .strength_mobile_label span:nth-of-type(1){
  font-family: the2K12;
  font-weight: 400;
 }
 .strength_mobile_label span:nth-of-type(2){
  margin-left: 0.512rem;
 }

 .case_mobile{
  width: 100%;
  height:17.408rem;
  position: relative;
  margin-top: 1.92rem;

  
 }
 .case_mobile .case_mobile_bg{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;

 }
 .case_mobile .case_mobile_filter{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  backdrop-filter:saturate(100%) contrast(100%) blur(.2rem);
  -webkit-backdrop-filter:saturate(100%) contrast(100%) blur(.2rem);
  background-color:rgba(7, 7, 7, 0.336);
 }
 .case_mobile_title{
  width: 100%;
  padding: 2.4576rem 0;
  text-align: center;
  font-size: 1.024rem;
  font-family: Source Han Sans CN-Bold, Source Han Sans CN;
  font-weight: bold;
  color: #FFFFFF;
 }
 .case_mobile_content{
  /* width: 100%; */
  overflow: hidden;
  height: 8.192rem;
 }
  .case_mobile_content .caseSwiper{
    /* width: 100%; */
    
    overflow: hidden;

  }
 .case_mobile_content .swiper-wrapper{
  /* width: 100%; */
 }
 .case_mobile_content .swiper-slide{
 /* margin: 0  0.4096rem; */
 /* width: 13.6704rem !important; */
 height:8.1408rem;
 border-radius: 0.4096rem;
 /* padding: 1.28rem 1.024rem 0.8704rem  1.024rem; */
 display: flex;
 justify-content: center;
 align-items: center;
 position: relative;
 font-size: 0.6656rem;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
color: #293957;
line-height: 1.2288rem;
 
 }
 .case_mobile_content .swiper-slide >.case_bgUrl{
 /* position: absolute;
 top: 0;
 left: 0; */
 /* width: 100%; */
 width:auto;
 height: 100%;
 /* z-index: -1;
 border-radius: 0.4096rem; */

 }
.case_mobile_content .swiper-slide .case_top{
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 0.768rem;
  font-family: Source Han Sans CN-Bold, Source Han Sans CN;
  font-weight: bold;
  color: #040404;
  /* margin-bottom: 0.896rem; */

}
.case_mobile_content .swiper-slide .case_top .logo_img{
  width: 1.92rem;
  height: 1.92rem;
  margin-right: 0.4352rem;
}
  .dynamic_mobile_container{
    padding-left: 0.8192rem;
    width: 100%;
    overflow: hidden;
  }
  .dynamic_mobile_container .swiper-slide {
    height: 100% !important;
    /* margin-right: .768rem; */
    width: 11.52rem !important;
  display: flex;
  flex-direction: column;
  }

 .dynamic_mobile_item{

  width: 11.52rem !important;

 }
 .dynamic_mobile_item .top_pic{
  width: 100%;
  height: 6.7584rem !important;
  position: relative;
 }
 .top_pic .bg_pic{
  width: 100%;
  height: 100%;

 }
 .top_pic .tag_logo{
  width: 3.712rem;
  height:0.896rem;
  position: absolute;
  top: 0;
  left: 0;
 }
.dynamic_mobile_item .dynamic_mobile_title{
  width: 100%;
  height: 2.304rem;
  font-size: 0.8704rem !important;; 
  font-family: Source Han Sans CN-Bold, Source Han Sans CN;
  font-weight: bold;
  color: #333333;
  margin: 0.6144rem 0;

  text-overflow: -o-ellipsis-lastline;
	overflow: hidden;			
	text-overflow: ellipsis;	
	display: -webkit-box;		
	-webkit-line-clamp: 2;		
	line-clamp: 2;					
	-webkit-box-orient: vertical;

}

.dynamic_mobile_item  .dynamic_mobile_synopsis{
  width: 100%;
  font-size: 0.5632rem !important;;
  font-family: PingFang SC-Medium, PingFang SC;
  font-weight: 500;
  color: #828282;
  
  
  white-space:nowrap;        
	overflow:hidden;          
	text-overflow:ellipsis;  
}
.learn_more_mobile{
  width: 100%;
  height:5.888rem;
  margin: 1.6384rem 0;
}






}