var oCon = document.querySelectorAll('.introduction_title li');
var aUl = document.querySelectorAll('.introduction_new_content li');
var i = 0;
for(i=0; i< oCon.length; i++) {
    oCon[i].index = i;
    oCon[i].onclick = function () {
        for(i=0; i<oCon.length; i++) {
            oCon[i].className = 'fs-22';
        }
        if($(this).index() == 0) {
            $(this).children('img').attr('src', '../img/introduction_01.png')
            $(this).siblings()[0].innerHTML = '<a href="#peculiarity"><img class=".icon" src="../img/peculiarity.png" alt="">产品特性</a>'
            $(this).siblings()[1].innerHTML = '<a href="#product_list"><img class=".icon" src="../img/product_list.png" alt="">功能列表</a>'
            $(this).siblings()[2].innerHTML = '<a href="#deploy"><img class=".icon" src="../img/deploy.png" alt="">典型部署</a>'
        }
        console.log($(this).index(),'索引')
        if($(this).index() == 1) {
            $(this).children('a').children('img').attr('src', '../img/peculiarity_01.png')
            $(this).siblings()[0].innerHTML = '<img class=".icon" src="../img/introduction.png" alt="">产品简介'
            $(this).siblings()[1].innerHTML = '<a href="#product_list"><img class=".icon" src="../img/product_list.png" alt="">功能列表</a>'
            $(this).siblings()[2].innerHTML = '<a href="#deploy"><img class=".icon" src="../img/deploy.png" alt="">典型部署</a>'
        }
        if($(this).index() == 2) {
            $(this).siblings()[0].innerHTML = '<img class=".icon" src="../img/introduction.png" alt="">产品简介'
            $(this).siblings()[1].innerHTML = '<a href="#peculiarity"><img class=".icon" src="../img/peculiarity.png" alt="">产品特性</a>'
            $(this).children('a').children('img').attr('src', '../img/product_list_01.png')
            $(this).siblings()[2].innerHTML = '<a href="#deploy"><img class=".icon" src="../img/deploy.png" alt="">典型部署</a>'
        }
        if($(this).index() == 3) {
            $(this).siblings()[0].innerHTML = '<img class=".icon" src="../img/introduction.png" alt="">产品简介'
            $(this).siblings()[1].innerHTML = '<a href="#peculiarity"><img class=".icon" src="../img/peculiarity.png" alt="">产品特性</a>'
            $(this).siblings()[2].innerHTML = '<a href="#product_list"><img class=".icon" src="../img/product_list.png" alt="">功能列表</a>'
            $(this).children('a').children('img').attr('src', '../img/deploy_01.png')
        }
        this.className = 'on fs-22'; 
    }
}