@font-face {
    font-style: normal;
    font-family: vajra;
    src: url("./Vajra.otf");
}

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

    .layout_mobile{
        display: none;
       }
.energy_img{
    width: 4.75rem;
    height: auto;
   /* margin-bottom: .8rem; */

}

.battery{
    margin: 1.33rem 0 .88rem;
    display: flex;
    justify-content: center;
    align-items: center;
    

}
.battery_img{
    width: 5.46rem;
    height: 4.02rem;
    margin: 0 .3rem;

}
.battery_box{
    display: flex;
    flex-direction: column;

}
 .battery_item{

    display: flex;
    flex-direction: column;
    font-size: .24rem;
    font-family: Source Han Sans CN-Bold, Source Han Sans CN;
    font-weight: bold;
    color: #0052D9;

    
}
.battery_item_bottom{
    margin-bottom: .7rem;

}
.battery_item_bottom_add{
    margin-bottom: 1.1rem;

}
.battery_item .battery_item_content{
    font-size: .2rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #4D5A73;
    line-height: .4rem;
    margin-top: .2rem;
    width: 3.8rem;

}

.advantage{
    width: 15.2rem;
    height: auto;
    margin: 0 auto;
    margin-bottom: .4rem;
    padding: .6rem .6rem;
    padding-bottom: .82rem;
    /* padding-right: 0; */
 
    background:url('../../upload/202206/17/advantage_img.png') no-repeat;
    background-size: cover;
}

.advantage .advantage_tit{

    display: flex;
    flex-direction: column;
    font-size: .28rem;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: 500;
    color: #020C17;
    text-align: center;
}
.advantage_tit .sub_title{
    font-size: .16rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #4D5A73;
    line-height: .4rem;
    text-align: center;
}
.advantage_content{
    font-size: .22rem;
    font-family: Source Han Sans-Regular, Source Han Sans;
    font-weight: 400;
    color: #4F5258;
    line-height: .5rem;
    margin-top: 1rem;
    


}
.advantage_content_color{
    color: #355AD4 !important;
}
.technology{
    width: 15.2rem;
    height: auto;
    padding: .3rem .8rem;
    padding-left: 1.88rem;
    margin: 0 auto;
    margin-top: .6rem;
    background: url('../../upload//202206/17/difference_img.png') no-repeat;
    background-size: cover;
    display: flex;
    justify-content: space-between;
    /* align-items: center; */

}
.technology .technology_item{
    display: flex;
    flex-direction: column;


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

}
.technology_item .technology_content{
    font-size: .18rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    margin: .14rem 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;

}
.technology_content .technology_content_tag{
    width: .2rem;
    height: .2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
   background: #FFFFFF;
   margin-right: .28rem;


}
.technology_content_tag .bg_color{
    width: .12rem;
    height: .12rem;
    border-radius: 50%;
   background: #0052D9;
}
.technology .split{
    width: 0;
    /* height: 100%; */
    margin: 0 .8rem;
 
    border: .01rem solid #FFFFFF;
}

.pattern{
    
    margin: 0 2rem;
    display: flex;
    align-content: center;
    flex-wrap: wrap;

}
.pattern .pattern_item{
    width: 100%;
    height: 2.85rem;
    background: #F5F6F8;
    border-radius:0.08rem;
    display: flex;
    justify-content: space-between;
    align-items:flex-end;
    margin-top: .75rem;

}
.pattern_item .pattern_logo{
    width: 4.98rem;
    height: 3.12rem;

}
.pattern_item .pattern_container{
    height: 100%;
    padding: 0 .8rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: .24rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #6C778D;
    line-height: .4rem;
    
}
.pattern_container .pattern_order{
    font-size: .88rem;
    font-family: vajra;
    font-weight: bold;
    color: #2F84E5;
    margin-right: .56rem;
    
}
.pattern_container .pattern_content{
    width: 5.83rem;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;

}


.pattern_content .pattern_title{
    width: 100%;
    font-size: .3rem;
    font-family: Source Han Sans CN-Bold, Source Han Sans CN;
    font-weight: bold;
    color: #020C17;
    /* margin: .4rem 0; */
    margin-bottom: .24rem;




}


}

@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;
          align-items: center;
  
         }
         .explain_part1 .part1_content{
             padding-left: .768rem;
         }
         
        .explain_part1 .part1_img{
          width: 9.4976rem;
          height:8.448rem;
        }

        .battery{
            width: 15.2rem;
            height: 9.344rem;
            margin: 0.4608rem auto;
            margin-bottom: 1.664rem;
            position: relative;
        
        }
        .battery .battery_img{
            width: 100%;
            height: 100%;
        }
        .battery .battery_type{
            font-size: 0.6144rem;
            font-family: Source Han Sans CN-Bold, Source Han Sans CN;
            font-weight: bold;
            color: #0052D9;
            position: absolute;
 
        }
        .battery .battery_type1{
            left: 0;
            top: 1.28rem;

        }
        .battery .battery_type2{
            right: 0;
            top: 1.28rem;
            
        }
        .battery .battery_type3{
            left: 0;
            bottom: 1.4rem;
            
        }
        .battery .battery_type4{
            right: 0;
            bottom: 1.4rem;
            
        }

        .battery_content{
            width: 100%;
            margin: 2.048rem 0;
            margin-top: 1.6384rem;
            display: flex;
            flex-direction: column;



        }
        .battery_content .battery_item{
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 0.6144rem;
            background: #F5F6F8;

            border-radius: 0.2048rem;


        }

        .battery_content .battery_item .battery_logo{
            width: 6.5536rem;
            height: 6.9376rem;



        }
        .battery_content .battery_item .battery_logo_other{
            width: 8.5248rem;
            height:6.7584rem;
        }

        
        .battery_content .battery_item .battery_label{
            width: 7.5rem;
             padding:  0.66rem;
            font-size: 0.5632rem;
            font-family: PingFang SC-Regular, PingFang SC;
            font-weight: 400;
            color: #6C778D;
            line-height: 0.9216rem;
        }
        .advantage_sub{
            font-size: 0.6144rem;
            font-family: PingFang SC-Regular, PingFang SC;
            font-weight: 400;
            color: #4D5A73;
            line-height: 1.024rem;
            text-align: center;
            margin:0.4608rem 0;
        }
        .advantage{
            position: relative;
            width: 100%;
            padding:2.8672rem  1.8944rem  1.152rem;
            font-size: 0.6144rem;
            font-family: PingFang SC-Regular, PingFang SC;
            font-weight: 400;
            color: #4F5258;
            line-height: 1.024rem;
        }
        .advantage .color_other{
            color: #355AD4;
        }
        .advantage .advantage_img{
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1;

        }
    }