// 图片视觉差
$(".runpic-pic ul li").eq(0).show();
$('.runpic-words ul a').hover(function () {
    var indexpic = $(this).index();
    $('.runpic-pic ul li').eq(indexpic).addclass('runpic-pic-true').siblings().removeclass(
        'runpic-pic-true');
    $('.runpic-pic ul li').eq(indexpic).fadein().siblings().fadeout();
});
// 图片视觉差线条控制长度
runpic();

function runpic() {
    var menua = $('.runpic-words ul li').width();
    var firstal = $('.runpic-words-active').offset().left + menua;
    $('.runpic-line').css('width', firstal);

    $('.runpic-words ul a').mouseenter(function () {
        $('.runpic-words ul a li').removeclass('runpic-words-active');
        var runpicli = $(this).children('li').addclass('runpic-words-active');
        var anum = $(this).index();
        var firstalh = $('.runpic-words-active').offset().left + menua;
        $('.runpic-line').css('width', firstalh);
        if (anum == 4) {
            $('.runpic-line').css('width', '100%');
        }
    });
}