
@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

.animate__zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

.animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}





@media screen and (max-width: 1780px) {
  .EASC-anli .anli_txt {
    top: 40%;
    transform: translate(-50%, -50%);
  }
}

@media screen and (max-width: 1500px) {
.anli_txt{width: 1200px;}

 }  
@media screen and (max-width: 1440px) {
  .EASC-anli .anli_txt > div {
    width: 60%;
  }
  .EASC-anli .anli_tit {
    margin: 30px 0 20px;
  }
  .banner-EASC .text .banner-text {
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 1280px) {
  .EASC-anli .anli_txt > div {
    width: 100%;
  }
}

@media screen and (max-width: 1024px) {
  .easc-intro-list ul li .icon {
    width: 50px;
  }
  .EASC-anli .swiper-pagination {
    bottom: 20px;
  }
  .anli .swiper-pagination {
    padding: 0 20px;
  }
  .anli .swiper-slide .sw_bg {
    object-fit: cover;
    width: 100%;
  }
}

@media only screen and (max-width: 700px){
    .product_p1{
        .product_p1_intro{width: 90%}
    }
    .client .flex-row{flex-direction: column;}
    .client .accordion-style.active, .client .d-block .accordion-style{width: 100%;background-image: url(../images/jdy/client-list.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;}
    .client .accordion-style{width: 100%;background-image: url(../images/jdy/client-list.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;}
    /*.client .accordion .accordion_content{display: block!important;}*/


    .anli .swiper-slide{height: 520px;}

  .anli .swiper-slide .sw_bg {
    height: 100%;
    width: auto;
  }

  .anli_txt>div {
    width: 100%;
  }

  .anli_txt {
    top: auto;
    transform: translate(-50%, 0);
    bottom: 75px;
    padding: 0 20px;
    width: 100%;
  }

  .anli_prev {
    display: none;
  }

  .anli_next {
    display: none;
  }
}