@media screen and (min-width: 1024px) {

    .layout_mobile{
        display: none;
       }

.photovoltaic_img{
    width: 4.75rem;
    height: auto;
   margin-bottom: .8rem;

}

.application{
    padding: .52rem .2rem;

    background: linear-gradient(180deg, #F5F7FA 0%, #F4F6F9 100%);
    display: flex;
    flex-direction: column;
}
.application .application_title{
    font-size: .28rem;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: 500;
    color: #020C17;
    margin-bottom: .2rem;
    text-align: center;

}
.application .application_subtitle{
    font-size: .16rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #4D5A73;
    margin-bottom: .85rem;
    text-align: center;

}
.application .application_step{
    display: flex;
    justify-content: center;

}
.application_step .application_step_item{
    display: flex;
flex-direction: column;
   margin-right: .36rem;
    padding: .37rem .3rem .43rem .3rem;
    width: 2.74rem;
    
    font-size: .16rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #4D5A73;
    line-height: .4rem;
    background: url('../../upload/202206/17/photovoltaic_application.png') no-repeat;
    background-size: cover;
    line-height: normal;
}
.application_step_item .application_step_item_bgBox{
    position: relative;
    width: 100%;
    height: 100%;
 
}
.application_step_item_bgBox img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.application_step_item .application_step_item_title{
    width: 100%;
    font-size: .2rem;
    font-family: Source Han Sans CN-Bold, Source Han Sans CN;
    font-weight: bold;
    color: #020C17;
    margin-bottom: .2rem;
}
.classification{
    margin: .88rem 0 .48rem 0;
}
.category{
    width: 100%;
    padding: .88rem 3.6rem .65rem;
    background: url('../../upload/202206/17/photovoltaic_bg.png') no-repeat;
    background-size: cover;
    display: flex;
    justify-content: space-between;
}
.category .category_item{
    width: 3.78rem;
    padding: .44rem;
    font-size: .2rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #F9F9F9;
    line-height: .4rem;
    display: flex;
    flex-direction: column;
    position: relative;
    /* -webkit-filter: blur(.05rem);
    -moz-filter: blur(.05rem);
    -ms-filter: blur(.05rem);
    filter: blur(.05rem); */

    backdrop-filter:saturate(150%) contrast(100%) blur(.1rem);
    -webkit-backdrop-filter:saturate(150%) contrast(100%) blur(.1rem);
    background-color:rgba(10, 10, 10, 0.452);

}
.category_item .category_item_title{
    font-size: .3rem;
    font-family: Source Han Sans CN-Bold, Source Han Sans CN;
    font-weight: bold;
    color: #FFFFFF;
    margin-bottom: .4rem;
    text-align: center;

    
}
.case_container{
    margin-top: 1.04rem;
}
.case_container .case_collapse{
    display: flex;
    justify-content: center;
    margin: .6rem 0;

}
.case_collapse .accordion {
            width: 1.54rem;
            background: #CFD3E2;
            cursor: pointer;
            border: none;
            display: flex;
            flex-wrap: wrap;
            align-content: space-between;
            justify-content: center;
            padding: .45rem 0;
        }
        .case_collapse .accordion .num{
            width: 100%;
            text-align: center;
            font-size: .6rem;
            font-family: Source Han Sans CN-Bold, Source Han Sans CN;
            font-weight: bold;
           
            color: #E4E6EB;
        }
        .num_active{
            color: #193A77 !important;
        }

        .case_collapse .accordion  .content_label_box{
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        
        .case_collapse .accordion  .content_label_box  .content_label{
            width: .28rem;
            font-size: .28rem;
            font-family: Microsoft YaHei-Regular, Microsoft YaHei;
            font-weight: 400;
            color: #E4E6EB;
            line-height: .36rem;
        }
        .case_collapse .accordion .show_icon{
            display: inline-block;
            width: .57rem;
            height: .57rem;
            border-radius: 50%;
            background-color: #F8F8F8;
            position: relative;
            cursor: pointer;
        }
        .case_collapse .accordion .hidden_icon{
            display: inline-block;
            width: .57rem;
            height: .57rem;
            border-radius: 50%;
            background-color: #F8F8F8;
            position: relative;
            cursor: pointer;
        }

        .case_collapse .accordion .show_icon::after{
            content: "";
            display: inline-block;
            width: .28rem;
            height: .04rem;
            border-radius: .02rem;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: -.14rem;
            margin-top: -.02rem;
            background: #E4E6EB;


      
        }

        .case_collapse .accordion .show_icon::before{
            content: "";
            display: inline-block;
            width: .04rem;
            height: .28rem;
            border-radius: .02rem;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: -.14rem;
            margin-left: -.02rem;
            background: #E4E6EB;
        }
        .case_collapse .accordion .hidden_icon:before{
            content: "";
            display: inline-block;
            width: .28rem;
            height: .04rem;
            border-radius: .02rem;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: -.14rem;
            margin-top: -.02rem;
            background: #E4E6EB;
        }

        .active_collapse,.accordion:hover {

            background-color: #cccff8;

        }
      
        .accordion_item{
            display: flex;
            justify-content: flex-start;
            height: 100%;

        }
       .accordion_item .active{
        background: #355AD4;
       }

       .accordion_item .panel{
    
           max-width: 0;
           box-sizing: border-box;
            /* background-color: #e2eefa; */
            border: none;
            margin-bottom: 0;
            overflow: hidden;
            transition: max-width 0.3s ease-out;
            /* padding-left: 1.04rem; */




            position: relative;

        }
        .accordion_item .panel .panel_container{
               width: 8.87rem;
               height: 100%;
            display: flex;
            flex-wrap: wrap;
            flex-direction: column;
           justify-content: center;
          
        }
        .accordion_item .panel .bg_pic{
            position: absolute;
            width: 100%;
            height: 100%;
            top:0;
            left: 0;
            z-index: 1;
            -webkit-filter: blur(2px);/* Safari and Chrome */
            filter: blur(2px);

        }
        .accordion_item .panel .panel_container .panel_title{
            font-size: .4rem;
            font-family: Source Han Sans CN-Bold, Source Han Sans CN;
            font-weight: bold;
            color: #FFFFFF;
            margin-bottom: .3rem;
         
            z-index: 3;
            display: flex;
            align-items: center;
            padding-left: 1.04rem;

        }
        .accordion_item .panel .panel_container .panel_title:before{
            content: '';
            width: .06rem;
            height: .34rem;
            vertical-align: bottom;
            background-color:#355AD4;
            display: inline-block;
            margin-right: .1rem;
            
        }
        .accordion_item .panel .panel_container .panel_content{
            font-size: .22rem;
            font-family: PingFang SC-Regular, PingFang SC;
            font-weight: 400;
            color: #FFFFFF;
            padding-left: 1.04rem;
            margin-bottom: .24rem;
      
            z-index: 3;


        }

       .accordion_item .panel .panel_container .panel_line{
               width: 2.88rem;
                height: .02rem;
                background: #FFFFFF;
                margin-bottom: .39rem;
            z-index: 3;
             
                margin-left: 1.04rem;

       }


  

        .centre{

            box-shadow: 0px 0px 5px #888888;
            display: flex;
            justify-content: flex-start;
            height: 5.08rem;

        }
        .panel_content{

        }
}

@media screen and (max-width: 1023px) {
        /* 系数*2.56 */
        .layout_pc{
            display: none;
           }
           .layout_mobile{
            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;
      
             }
             .explain_part1 .part1_content{
                 padding-left: .768rem;
             }
             
            .explain_part1 .part1_img{
              width: 11.544rem;
              height: 6.656rem;
            }

        .application_sub{
            width: 100%;
            font-size: 0.6144rem;
            font-family: PingFang SC-Regular, PingFang SC;
            font-weight: 400;
            color: #4D5A73;
            line-height: 1.024rem;
            margin: 0.6144rem auto;
            text-align: center;
        }

        .application_step{
            width: 100%;
            border-radius: 0.2048rem;
            background: linear-gradient(180deg, #F5F7FA 0%, #F4F6F9 100%);
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            padding: 0.6144rem 1.3568rem;
            padding-bottom: 0;
            margin-bottom: 1.6384rem;
        }
        .application_step .application_item{
             width: 7.0144rem;
             /* height: 3.6352rem; */
             position: relative;
             display: flex;
             flex-direction: column;
             padding:0.9472rem  0.768rem 1.1008rem;
             margin-bottom: 0.6144rem;

    

        }

        .application_item .application_tit{
            width: 100%;
            font-size: 0.512rem;
            font-family: Source Han Sans CN-Bold, Source Han Sans CN;
            font-weight: bold;
            color: #020C17;
            margin-bottom: 0.5376rem;
            z-index: 2;

        }
        .application_item .application_content{
            width: 100%;
            font-size: 0.4096rem;
            font-family: Microsoft YaHei-Regular, Microsoft YaHei;
            font-weight: 400;
            color: #4D5A73;
            z-index: 2;

        }

        .application_item .application_img{
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            /* z-index: -1; */

        }

        .project_case{
            display: flex;
            flex-direction: column;
            margin-top: 1.2288rem;
 
            
            
        }
        .project_case .project_case_item{
            width: 100%;
            height: 8.9088rem;
            margin-bottom: 1.2288rem;
            display: flex;
            justify-content: flex-end;
            position: relative;
        }
        .project_case_item .project_case_tag{
            position: absolute;
            left: 0;
            bottom: 0;
            
    
            z-index: 2;

        }
        .project_case_item .project_case_tag .tag_box{
            position: relative;
            padding:0.1536rem 1.5872rem  0.1536rem  0.4096rem;
            font-size: .512rem;
            font-family: PingFang SC-Regular, PingFang SC;
            font-weight: 400;
            color: #FFFFFF;
        }
        .tag_box img{
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
        }
        .project_case_item .project_case_bg{
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1;

        }
        .project_case_item .project_case_content{
            width: 50%;
            height: 100%;
            padding-left: 0.6144rem;

            backdrop-filter:saturate(150%) contrast(100%) blur(.2rem);
            -webkit-backdrop-filter:saturate(150%) contrast(100%) blur(.2rem);
            background-color:rgba(92, 89, 89, 0.452);
        }

        .project_case_item .project_case_content .case_content_tit{
            width: 100%;
            text-align: center;
            font-size: 0.768rem;
            font-family: Source Han Sans SC-Medium, Source Han Sans SC;
            font-weight: bold;
            color: #020C17;
            padding: 1.024rem 0;

        }
        .project_case_item .project_case_content .case_content_label{
            font-size: 0.5632rem;
            font-family: PingFang SC-Regular, PingFang SC;
            font-weight: 400;
            color: #FFFFFF;
            line-height: 1.0752rem;
        }
}