$('.fourInfo-top').on('click',function(e){
    if(e.target.getAttribute('class')=='fourInfo-btn'){
        $('.fourInfo-btn').removeClass('fourInfo-btn-selected')
        e.target.setAttribute('class','fourInfo-btn fourInfo-btn-selected')
        
    }
    if(e.target.getAttribute('id')=='technicalSupport-btn'){
        console.log(1111);
        $('.fourInfo-1').css('display','block')
        $('.fourInfo-2').css('display','none')
        $('.fourInfo-3').css('display','none')
        $('.fourInfo-4').css('display','none')
    }else if(e.target.getAttribute('id')=='solution-btn'){
        $('.fourInfo-1').css('display','none')
        $('.fourInfo-2').css('display','block')
        $('.fourInfo-3').css('display','none')
        $('.fourInfo-4').css('display','none')
    }else if(e.target.getAttribute('id')=='newsConsultation-btn'){
        $('.fourInfo-1').css('display','none')
        $('.fourInfo-2').css('display','none')
        $('.fourInfo-3').css('display','block')
        $('.fourInfo-4').css('display','none')
    }else if(e.target.getAttribute('id')=='newArrival-btn'){
        $('.fourInfo-1').css('display','none')
        $('.fourInfo-2').css('display','none')
        $('.fourInfo-3').css('display','none')
        $('.fourInfo-4').css('display','block')
    }
})