.phone_ctn{
    background: #f2f6fa;
    padding: 5% 0 15%;
}
.phone_ctn .w1440{
    overflow: inherit;
}
.ctn_s{
    display: flex;
    flex-wrap: wrap;
    
}
.ctn_s>div{
    width: calc((100% - 40px)/3);
    margin-right: 20px;
    background: white;
    transition: all 0.5s;
}
.ctn_s>div:hover{
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
}
.ctn_s>div:hover .s_img img{
    transform: scale(1.05);
}
.ctn_s>div:nth-child(3n){
    margin-right: 0px;
}
.ctn_s>div:nth-child(n+4){
    margin-top: 20px;
}
.s_img{
    border: 4px solid white;
    position: relative;
            height: 0;
            padding-bottom: 56%;
            overflow: hidden;
            display:block;
}
.s_img img{
    position: absolute;
            height: 100%;
            width: 100%;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            transition: all 0.5s;
            object-fit: cover;
}
.s_tit{
    font-weight: bold;
    margin-bottom: 10px;
}
.s_des{
    color: #999999;
}
.s_txt{
    padding: 20px;
    text-align: center;
}
.ctn {
  width: 100%;
  overflow: hidden;
  background: url(/upload/image/2024/04/25/0ba5a226-e599-426e-96ea-5cfd51add9fa.png) center 20% #f2f6fa;
  background-size: 100%;
  padding-bottom: 5%;
  display: none;
}
.ctn .h5_txt {
  display: none;
}
.ctn .layout {
  width: 100%;
  padding: 10% 0;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
}
.ctn .layout.on .bg_circle {
  transform: scale(1) rotate(0deg);
  opacity: 1;
}
.ctn .layout.on .bg_core img {
  opacity: 1;
  transform: scale(1);
}
.ctn .layout.on .bg_core .text {
  opacity: 1;
}
.ctn .layout.on .bg_tag .pic {
  opacity: 1;
}
.ctn .layout.on .bg_tag .text {
  transform: translateX(0);
  opacity: 1;
}
.ctn .bg_circle {
  width: 100%;
  z-index: 1;
  transform: scale(0.7) rotate(-220deg);
  transform-origin: 50% 45%;
  opacity: 0;
  transition: all ease-out 0.8s 0.1s;
}
.ctn .bg_core {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.ctn .bg_core img {
  opacity: 0;
  transform: scale(0.2);
  transition: all ease-out 0.3s 0.8s;
  transform-origin: 50% 45%;
}
.ctn .bg_core .text {
  color: #222;
  font-size: 28px;
  font-weight: bold;
  position: absolute;
  opacity: 0;
}
.ctn .bg_core .t1 {
  top: 24%;
  left: 40%;
  transition: all ease-out 0.5s 1.2s;
}
.ctn .bg_core .t2 {
  top: 43%;
  left: 35%;
  transition: all ease-out 0.5s 1.3s;
}
.ctn .bg_core .t3 {
  bottom: 32%;
  left: 41%;
  transition: all ease-out 0.5s 1.4s;
}
.ctn .bg_core .t4 {
  top: 24%;
  right: 41%;
  transition: all ease-out 0.5s 1.5s;
}
.ctn .bg_core .t5 {
  top: 43%;
  right: 35%;
  transition: all ease-out 0.5s 1.6s;
}
.ctn .bg_core .t6 {
  bottom: 32%;
  right: 40%;
  transition: all ease-out 0.5s 1.7s;
}
.ctn .bg_tag {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}
.ctn .bg_tag .pic {
  opacity: 0;
  transition: all ease-out 1.2s 1.9s;
}
.ctn .bg_tag .text {
  color: #222;
  font-size: 16px;
  position: absolute;
  font-weight: bold;
  width: 18.75%;
  height: 9.6%;
  display: flex;
  align-items: center;
  opacity: 0;
}
.ctn .bg_tag .text .img {
  position: absolute;
  top: 90%;
  left: 0;
  opacity: 0;
  width: 100%;
  pointer-events: none;
  border: 0.4em solid #fff;
  transition: all 0.3s;
  display: block;
}
.ctn .bg_tag .text:hover .img {
  top: 99%;
  opacity: 1;
  pointer-events: auto;
}
.ctn .bg_tag .t1 {
  top: 3.6%;
  right: 68.7%;
  padding-right: 5%;
  justify-content: flex-end;
  transform: translateX(-20%);
  transition: all ease-out 0.8s 2.6s;
}
.ctn .bg_tag .t2 {
  top: 45.2%;
  right: 68.7%;
  padding-right: 5%;
  justify-content: flex-end;
  transform: translateX(-20%);
  transition: all ease-out 0.8s 2.8s;
}
.ctn .bg_tag .t3 {
  bottom: 3.5%;
  right: 68.7%;
  padding-right: 5%;
  justify-content: flex-end;
  transform: translateX(-20%);
  transition: all ease-out 0.8s 3s;
}
.ctn .bg_tag .t3 .img {
  top: auto;
  bottom: 90%;
}
.ctn .bg_tag .t3:hover .img {
  top: auto;
  bottom: 99%;
}
.ctn .bg_tag .t4 {
  top: 3.6%;
  left: 68.8%;
  padding-left: 5%;
  transform: translateX(20%);
  transition: all ease-out 0.8s 2.6s;
}
.ctn .bg_tag .t5 {
  top: 45.2%;
  left: 68.8%;
  padding-left: 5%;
  transform: translateX(20%);
  transition: all ease-out 0.8s 2.8s;
}
.ctn .bg_tag .t6 {
  bottom: 3.5%;
  left: 68.8%;
  padding-left: 4.8%;
  transform: translateX(20%);
  transition: all ease-out 0.8s 3s;
}
.ctn .bg_tag .t6 .img {
  top: auto;
  bottom: 90%;
}
.ctn .bg_tag .t6:hover .img {
  top: auto;
  bottom: 99%;
}
@media screen and (max-width: 1600px) {
    .ctn{
        display: none;
    }
    .phone_ctn{
        display: block;
    }
}

/* 125% */
@media screen and (max-width: 1280px) {
  .ctn {
    background: #f2f6fa !important;
  }
  .ctn .layout {
    padding: 0;
  }
  .ctn .bg_tag {
    display: none;
  }
  .ctn .layout {
    width: 150%;
    margin-left: -25%;
  }
  .ctn .h5_txt {
    display: block;
    width: 96%;
    margin: -8% auto 0;
    padding-bottom: 200px;
    position: relative;
    z-index: 10;
  }
  .ctn .h5_txt .swiper-container {
    width: 100%;
    overflow: hidden;
    position: relative;
  }
  .ctn .h5_txt .swiper-container .swiper-button-prev::after,.ctn .h5_txt .swiper-container .swiper-button-next::after{
      font-size: 30px;
  }
  .ctn .h5_txt .swiper-container .swiper-slide p {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 16px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.5;
    height: 3em;
  }
  .ctn .h5_txt .swiper-container .img {
    width: 100%;
    padding-top: 59%;
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
  }
  .ctn .h5_txt .swiper-container .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .ctn .bg_core .text.on span {
    display: inline-block;
    transform: scale(1.3);
    color: #25bc4e;
  }
}
/* 150 */
@media screen and (max-width: 998px) {
  .ctn .h5_txt .text {
    width: 49%;
  }
  .ctn .layout {
    width: 200%;
    margin-left: -50%;
  }
  .ctn .bg_core .text {
    font-size: 27px;
  }
}
@media screen and (max-width: 768px) {
  .ctn .layout {
    width: 240%;
    margin-left: -70%;
  }
  .ctn .bg_core .text {
    font-size: 14px;
  }
  .ctn .h5_txt {
    margin: -13% auto 0;
    padding-bottom: 150px;
  }
  .ctn_s>div{
    width: 100%;
    margin-right: 0;
  }
  .ctn_s>div:nth-child(n+2){
    margin-top: 20px;  
  }
  .s_txt {
    padding: 15px 20px 20px;
      
  }
      .phone_ctn {
        padding-bottom: 130px;
          padding-top: 40px;
      }
}
/*# sourceMappingURL=./CoreIdea.css.map */