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

.air_img{
    width:5.12rem;
    height: auto;


}
.air_logo_box{
  margin-bottom: .62rem;
}
.product{
  width: 100%;
  height: 6.7rem;
  background: linear-gradient(180deg, #F5F7FA 0%, #F4F6F9 100%);
  box-sizing: border-box;
  padding: .6rem;

}
.product_container{
  width: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}
#product_swiper{
  margin-top: 60px;
  width: 16.8rem;
  

}
#product_swiper .swiper-container{
  width: 100%;
  height: 4.28rem;
  margin: .18rem;
  box-sizing: border-box;
  padding: 0 .18rem;


}

#product_swiper .swiper-container .swiper-slide{

  height: 4.1rem;
  /* box-sizing: border-box; */
  position: relative;
  box-shadow: 6px 6px 16px 1px rgba(9,41,96,0.16);
}
#product_swiper .swiper-container .swiper-slide .swiper_title{
width: 100%;
height: .72rem;
background: #355ad417;
border-top: 1px solid #FFFFFF;
display: flex;
justify-content: center;
align-items: center;
font-size: .24rem;
font-family: Source Han Sans SC-Medium, Source Han Sans SC;
font-weight: 500;
color: #4F5258;
position: absolute;
bottom: 0;
left: 0;

}

.slide_enter{
  animation: scaleEnter 0.5s forwards ;
-webkit-animation: scaleEnter 0.5s forwards;
}
.slide_leave{
  animation: scaleLeave 0.5s forwards ;
  -webkit-animation: scaleLeave 0.5s forwards;
}
@keyframes scaleEnter { 
  0%{
      transform: scale(1);
  }

  100%{
      transform: scale(1.05);
  }
}

@keyframes scaleLeave {  
  0%{
      transform: scale(1.05);  
  }

  100%{
      transform: scale(1);
  }
}
#product_swiper .swiper-container .swiper-slide:hover> .swiper_title{
  color: #0052D9;
  font-weight: bold;
}
#product_swiper .swiper-container .swiper-slide .img_content{
  width: 100%;
  height: 4.1rem;
  box-sizing: border-box;
  background: #FFFFFF;

}
.img_content>img{
  width: 100%;
  height: 100%;
}



.case_container{
  width: 100%;
  height: 12.8rem;
  box-sizing: border-box;
  position: relative;
  padding: 1rem 2rem .85rem;
}

.case_container .bg_img{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;

}
.case_head .description{
  margin: .4rem 0;
  font-size: .24rem;
  font-family: Source Han Sans SC-Medium, Source Han Sans SC;
  font-weight: 500;
  color: #4F5258;
  display: flex;
  justify-content: center;
  align-items: center;
}
.case_content{
  width: 15.2rem;
  height: 8.5rem;
  background: #ffffffbd;
  padding: .72rem .63rem .72rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;

}
.case_content .case_tabs{
  width: 3.2rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow-y: auto;


}
.case_tabs .tabs_item{
  width: 100%;
  height: .64rem;
  font-size: .24rem;
  font-family: Source Han Sans SC-Medium, Source Han Sans SC;
  font-weight: 500;
  color: #212121;
  position: relative;
  padding-left: .56rem;
  display: flex;
  /* justify-content: center; */
  align-items: center;
  cursor: pointer;
  
}
.case_tabs .tabs_active{
  background: #FFFFFF;
}
.case_tabs  .tabs_active::after{
  content: " ";
  position: absolute;
  width: .08rem;
  height: .4rem;
  left: 0;
  top: 50%;
  margin-top: -0.2rem;
  background: #355AD4;
}

.case_content .case_imgs{
  width: 10.78rem;
  height: 7.06rem;
  display: grid;
  grid-template-columns:repeat(2,5.2rem);
  gap:.37rem;
  box-sizing: border-box;

  /* width: 100%; */
}
.case_imgs>img{
  width: 100%;
}

.control_img{
    width: 12.96rem;
    height: auto;
    margin: .68rem auto;
    display: block;
}
.air_sub{
    font-size: .24rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #4D5A73;
    line-height: .4rem;
    margin: .25rem 0;
    margin-bottom: .65rem;
    text-align: center;
}
.energy{
    background: #FFFFFF;
    box-shadow: 0px 0px 20px 10px rgba(9, 41, 96, 0.1);
    /* padding: .06rem .08rem; */
    width: 15.2rem;
    height: auto;
    margin: 0 auto;


}
.energy .energy_container{
    position: relative;
    

}
.energy_container .energy_container_bg{
    width: calc(50% - .08rem);
    height:calc(100% - .12rem);
    /* width: 50%;
    height:calc(100% - .12rem);  */

    position: absolute;
    top:0.06rem;
    left:0.08rem;
    background: rgba(0,82,217,.1);
    border-radius: .08rem;
    z-index: 0;
   

}
.energy_container_bg .energy_container_bg_box{
    position: relative;
}
.energy_container_bg_box .vs{
    position: absolute;
    width: .78rem;
    height: .78rem;
    box-shadow: 0px 0px 20px 10px rgba(9, 41, 96, 0.1);

    background: #FFFFFF;
    border-radius: 50%;
    top: -.39rem;
    right: -.39rem;
    padding: .08rem;


}
.vs .vs_content{
    width: 100%;
    height: 100%;
  background: #0052D9;
  border-radius: 50%;
  font-size: .32rem;
  font-family: Source Han Sans CN-Bold, Source Han Sans CN;
  font-weight: bold;
  color: #FFFFFF;
 display: flex;
 justify-content: center;
 align-items: center;
  
}
.tradition{
 
    padding: .27rem .83rem .27rem .78rem;
    display: flex;
   flex-direction: column;
   width: 15.2rem;
   margin: 0 auto;
   margin-bottom: .27rem;

}
.tradition_title{
    line-height: normal;
    font-size: .24rem;
    font-family: Source Han Sans CN-Bold, Source Han Sans CN;
    font-weight: bold;
    color: #4F5258;
    margin-bottom: .7rem;
    text-align: center;
    width: 50%;

}
.tradition_title_box{
    display: flex;
    justify-content: center;
}
.tradition_content{
    display: flex;
    justify-content: space-between;
    /* align-items: center; */

}
.tradition_content .tradition_content_item{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    /* align-items: center; */
    margin-bottom: .48rem;

}
.tradition_content_item .tradition_content_item_logo{
    width: .41rem;
    height: .41rem;
    margin-right: .41rem;
    margin-top: .1rem;

}
.tradition_content_item_describe{
    width: 4.6rem;
    font-size: .18rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #4D5A73;
    line-height: .36rem;
}
.step_tag_box{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: .48rem;
}
.step_tag{
    font-size: .24rem;
    font-family: Source Han Sans CN-Bold, Source Han Sans CN;
    font-weight: bold;
    color: #FFFFFF;
   height: .43rem;
    background: #0052D9;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .1rem .2rem;
 

}

}

@media screen and (max-width: 1023px) {
    /* 系数*2.56 */
    .layout_pc{
      display: none;
     }
     .layout_mobile{
      padding: 0 .768rem;
     }

     .mobile_box{
      width: 100%;
      box-sizing: border-box;
      padding: 0 .768rem;
     }
   
     .title_modular{
        font-size: .768rem;
        font-family: Source Han Sans CN-Bold, Source Han Sans CN;
        font-weight: bold;
        color: #020C17;
        text-align: center;
      }
    

     .explain{
        width:100%;
         margin: .768rem auto;
         margin-bottom: 1.638rem;
        background: #F5F6F8;
        padding: .6144rem 0;
        border-radius: .2048rem;
        font-size: .5632rem;
        font-family: PingFang SC-Regular, PingFang SC;
        font-weight: 400;
        color: #4F5258;
        line-height: .9728rem;
        display: flex;
        flex-direction: column;
    
       }
       /* .explain .explain_part1{
        display: flex;
        justify-content: flex-start;
        align-items: center;

       }
       .explain_part1 .part1_content{
           padding-left: .768rem;
       }
       
      .explain_part1 .part1_img{
        width: 9.8304rem;
        height: 10.5984rem;
      } */


    
    .explain .explain_part1{
     display: flex;
     justify-content: flex-start;
     align-items: center;

    }
    .explain_part1 .part1_content{
        padding-left: .768rem;
    }
    
   .explain_part1 .part1_img{
     width: 9.6rem;
     height: 3.6352rem;
     /* height: 6.656rem; */
   }
   .explain .explain_part2{
       padding: 0 .768rem ;
       margin-top: 0.2816rem;

   }

   .product_mobile{
    width: 100%;
    box-sizing: border-box;
    padding: 0 0.6912rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 1.024rem;

    /* display: grid;
    grid-template-columns:repeat(2,calc((100% - 1.4336rem)/2));
    gap:0.8192rem 0; */
   }
   .product_mobile .product_item{
     width:7.424rem;
     height: 10.496rem;
     background: #FFFFFF;
     position: relative;
     box-shadow: 6px 6px 20px 1px rgba(9,41,96,0.16);
     margin-bottom: 0.8192rem;

   }
   .product_mobile .product_item .product_title{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.6144rem 0;
    background: #355ad417;
    border: 1px solid #FFFFFF;
    font-size: 0.6144rem;
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: bold;
    color: #4F5258;

   }
.product_mobile .product_item .bg_img{
  width: 100%;
  height: 100%;

}

    
    .air_container{
        display: flex;
        justify-content: center;

    }

    .application_container{
      width: 100%;
      box-sizing: border-box;
      height: 23.296rem;
      position: relative;
      padding: 1.024rem 0.768rem;
       

    }

    .application_container .application_bg{
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
     z-index: -1;
    }

    .application_introduce{
      margin:  0.6144rem 0;
      font-size: 0.6144rem;
      font-family: PingFang SC, PingFang SC;
      font-weight: 400;
      color: #4D5A73;
    }
    .application_station{
      width: 100%;
      box-sizing: border-box;
      height: 14.848rem;
      background: #FFFFFF;
      padding-top:0.6144rem;
      overflow: hidden;
    }
    .application_station .station_tabs{
      width: 100%;
      box-sizing: border-box;
      height:1.536rem;
      padding-bottom: 0.512rem;
      margin-bottom: 0.896rem;
      border-bottom: 1px solid #DCDFE6;
      position: relative;

    }
    .application_station .station_tabs .swiper-pagination-horizontal{
      width: 100%;
      height: 4px;
      left: 0;
      bottom: 0;
      top: unset;
    }
    .application_station .station_tabs  .swiper-slide {
      width: 33.3%;
      height: 100%;
      font-size: 0.7168rem;
      font-family: Source Han Sans CN, Source Han Sans CN;
      font-weight: bold;
      color: #4F5258;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .application_station .station_tabs  .swiper-slide-thumb-active{
      color: #0052D9 !important;
      font-weight: bold;
      /* border-bottom: 2px solid #0052D9; */
    }

    




      .mobile_station{
        width: 100%;
        height: 10.752rem;
        overflow: hidden;
      }
      .mobile_station .swiper-slide{
        width: 100%;
        height: 100%;
        padding: 0 0.6144rem;
        /* width: 100%;
        height: 10.752rem; */
        display: grid;
        grid-template-columns:repeat(2,7.936rem);
        gap:.512rem;
        box-sizing: border-box;
      }
      .swiper-slide img{
        width: 100%;
        height: 100%;
      }

    .mobile_station .station_img{
      padding: 0 0.6144rem;
      width: 100%;
      height: 10.752rem;
      display: grid;
      grid-template-columns:repeat(2,7.936rem);
      gap:.512rem;
      box-sizing: border-box;

    }
    .station_img img{
      width: 100%;
    }
   

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


.agent_voluntarily .voluntarily_title{
    font-size: 0.6656rem;
    font-family: PingFang SC-Bold, PingFang SC;
    font-weight: bold;
    color: #333333;
   text-align: center;
    margin-bottom: 1.28rem;

  }

.voluntarily_content .voluntarily_item{
    width:7.936rem;
    height: 0.896rem;
    font-size: 0.512rem;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #4D5A73;
    line-height: 0.9216rem;

    display: flex;
    justify-content: flex-start;
    /* align-items: center; */
    /* text-align: center; */
  

  }
  .voluntarily_item .sell_item_logo{
    width: 1.0496rem;
    height: 1.0496rem;
    margin-right: 0.3328rem;


  }
  .agent .agent_voluntarily{
    display: flex;
    flex-direction: column;
    padding: 0.8704rem 0.256rem 1.8rem 1.1008rem;
    background: #E6E6E6;
    box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.1600);
    border-top-right-radius: 0.2048rem;
    border-bottom-right-radius: 0.2048rem;

  }
  .agent_voluntarily  .voluntarily_content{

    height:20rem;
    display: flex;
    flex-wrap: wrap;
    align-content:space-between;

  }
 .agent  .agent_sell {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.4336rem .8rem 1.8rem 0.2rem;
    background: linear-gradient(145deg, #95BDFF 0%, #B494FF 100%);
    box-shadow: 6px 6px 16px 1px rgba(9,41,96,0.1000);
    border-radius: 0.2048rem;
   

 }
 .agent_sell .sell_title{

   
    font-size: 0.6656rem;
    font-family: PingFang SC-Bold, PingFang SC;
    font-weight: bold;
    color: #020C17;

    margin-bottom: 1.28rem;

 }
 .agent_sell .sell_content{

    height:20rem;
    display: flex;
    flex-wrap: wrap;
    align-content:space-between;
    /* padding-bottom: .5rem; */
   /* width:  4.7616rem; */


  }
  .sell_content .sell_item{
    width:7.936rem;
    height: 0.896rem;
    font-size: 0.512rem;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #4D5A73;
    line-height: 0.9216rem;

    display: flex;
    justify-content: flex-start;
    /* align-items: center; */
    /* text-align: center; */
    position: relative;
  }
  .sell_item_color{
    color: #08142D;
  }
  .sell_item .sell_item_logo{
    width: 1.0496rem;
    height: 1.0496rem;
    margin-right: 0.3328rem;


  }

.sell_item .step{
    width: 1.8432rem;
    height: 1.8432rem;

    position: absolute;
    top: -0.4608rem;
    right:-1.7rem;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}
.step .step_item{
    width: 1.8432rem;
    height:1.8432rem;
    background: linear-gradient(180deg, #829CE7 0%, #0052D9 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;


}
.step_item .step_content{
    width: 1.5872rem;
    height: 1.5872rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background:  #FFFFFF;
    font-size: 0.4608rem;
    font-family: PingFang SC-Bold, PingFang SC;
    font-weight: bold;
    color: #333333;
    line-height: 0.512rem;
    border-radius: 50%;


}
    }