var openurl =function (url) {
    window.location.href=url;

    var str=url;
    var num=str.indexOf('?');
    str=str.substr(num+1); //取得所有参数   stringvar.substr(start [, length ]
    var num1=str.indexOf('=');
    sid=str.substr(num1+1);
    $.ajax({
        url:'../Index/saveList',
        dataType:'json',
        type:'post',
        data:'sid='+sid,
    });
}
var openurl_blank =function (url) {
    window.open(url);
}
var opennews =function (id) {
    window.location.href='http://'+location.host+'/index.php/index/detail/index?id='+id;
}
var openywly =function (id) {
    window.location.href='http://'+location.host+'/index.php/index/detail/ywly?id='+id;
}
var opengoods =function (id) {
    window.location.href='http://'+location.host+'/index.php/index/goods/cpzx_detail?product_id='+id;
}
var downloadpdf =function(url,name){
    var a = document.createElement("a");
    a.download = name ;
    a.href = url;
    $("body").append(a); // 修复firefox中无法触发click
    a.click();
    $(a).remove();
}
document.write('<link rel="stylesheet" href="http://at.alicdn.com/t/font_2505604_xntqok4o5kf.css">');

function goTop(){
    $("html,body").animate(
        {scrollTop: 0}, "slow", "swing");
}
//导航栏动画
var animation_nav = function (scroll_top, window_top, befor_scroll_top,status = false) {
    if (scroll_top > 10||status) {
        $('.top-box').addClass('top-box__sticky')
    } else {
        $('.top-box').removeClass('top-box__sticky')
    }

    if (scroll_top<500){
    // 二级页面顶部跟随页面滚动而变化
        $('.section-title .title-bg').css('transform','scale('+((500+(scroll_top/2))/500)+')')
    }
}

//右侧浮动框动画
var animation_right = function (scroll_top, window_top, befor_scroll_top,status = false) {
    if (scroll_top > 1||status) {
        $('.right-box').css("opacity", 1);
        $('.right-box').css("margin-right", 10);
    } else {
        $('.right-box').css("opacity", 0);
        $('.right-box').css("margin-right", -80);
    }
}
//首页视频滚动动画
var animation_prevue = function (scroll_top, window_top, befor_scroll_top) {
    if (scroll_top > befor_scroll_top && befor_scroll_top === 0) {
        $("html,body").animate(
            {scrollTop: $('#about').offset().top - 80}, "slow", "swing");
    }
}

//首页关于金川
var animation_about = function (scroll_top, window_top, befor_scroll_top) {
    let start_high = $('#about').offset().top - window_top * 0.8;
    let dom = $('.about-image')[0]
    let introducedom = $('.about-introduce').children('div');
    dom.style.transitionTimingFunction = "ease-in";
    dom.style.transition = "all 0.8s";
    let diff = scroll_top - start_high

    introducedom.each((index, item) => {
        item.style.transitionTimingFunction = "ease-in";
        item.style.transition = "all 0.8s";
    })

    if (diff < 0) {
        dom.style.transform = "translateX(-400px)";
        dom.style.WebkitTransform = "translateX(-400px)";
        dom.style.msTransform = "translateX(-400px)";
        dom.style.boxShadow = "0px 0px 0 #bdc3cd";
        dom.style.opacity = 0.1;
        introducedom.each((index, item) => {
            item.style.transform = "translateX(400px)";
            item.style.WebkitTransform = "translateX(400px)";
            item.style.msTransform = "translateX(400px)";
            item.style.opacity = 0.1;
        })
    } else if (diff >= 0 && diff < (window_top * 0.1)) {
        dom.style.transform = "translateX(-300px)";
        dom.style.WebkitTransform = "translateX(-300px)";
        dom.style.msTransform = "translateX(-300px)";
        dom.style.boxShadow = "0px 0px 0 #bdc3cd";
        dom.style.opacity = 0.3;
        introducedom.each((index, item) => {
            item.style.transform = "translateX(300px)";
            item.style.WebkitTransform = "translateX(300px)";
            item.style.msTransform = "translateX(300px)";
            item.style.opacity = 0.3;
        })
    } else if (diff >= (window_top * 0.1) && diff < (window_top * 0.2)) {
        dom.style.transform = "translateX(-200px)";
        dom.style.WebkitTransform = "translateX(-200px)";
        dom.style.msTransform = "translateX(-200px)";
        dom.style.boxShadow = "0px 0px 0 #bdc3cd";
        dom.style.opacity = 0.5;
        introducedom.each((index, item) => {
            item.style.transform = "translateX(200px)";
            item.style.WebkitTransform = "translateX(200px)";
            item.style.msTransform = "translateX(200px)";
            item.style.opacity = 0.5;
        })
    } else if (diff >= (window_top * 0.2) && diff < (window_top * 0.3)) {
        dom.style.transform = "translateX(-100px)";
        dom.style.WebkitTransform = "translateX(-100px)";
        dom.style.msTransform = "translateX(-100px)";
        dom.style.boxShadow = "0px 0px 0 #bdc3cd";
        dom.style.opacity = 0.7;
        introducedom.each((index, item) => {
            item.style.transform = "translateX(100px)";
            item.style.WebkitTransform = "translateX(100px)";
            item.style.msTransform = "translateX(100px)";
            item.style.opacity = 0.7;
        })
    } else if (diff >= (window_top * 0.3) && diff < (window_top * 0.4)) {
        dom.style.transform = "translateX(0px)";
        dom.style.WebkitTransform = "translateX(0px)";
        dom.style.msTransform = "translateX(0px)";
        dom.style.opacity = 1;
        dom.style.boxShadow = "0px 0px 0 #bdc3cd";
        introducedom.each((index, item) => {
            item.style.transform = "translateX(0px)";
            item.style.WebkitTransform = "translateX(0px)";
            item.style.msTransform = "translateX(0px)";
            item.style.opacity = 1;
        })
    } else if (diff >= (window_top * 0.4)) {
        dom.style.transform = "translateX(0px)";
        dom.style.WebkitTransform = "translateX(0px)";
        dom.style.msTransform = "translateX(0px)";
        dom.style.opacity = 1;
        dom.style.boxShadow = "30px 30px 0 #bdc3cd";
        introducedom.each((index, item) => {
            item.style.transform = "translateX(0px)";
            item.style.WebkitTransform = "translateX(0px)";
            item.style.msTransform = "translateX(0px)";
            item.style.opacity = 1;
        })
    }

}

//首页金川数据
var animation_datum = function (scroll_top, window_top, befor_scroll_top) {
    let domlist = $('.datum-item')
    let x, y = 0
    Array.from(domlist).forEach(function (dom) {
        let tempheight = $(dom).offset().top - scroll_top - window_top * .65
        dom.style.transitionTimingFunction = "ease-in";
        dom.style.transition = "all 0.5s";
        if (tempheight > 0 && tempheight <= window_top) {
            x = 250 * (tempheight / window_top)
            y = 1 + (tempheight / window_top)
            dom.style.transform = "translateY(" + x + "px) scale(" + y + ")";
            dom.style.WebkitTransform = "translateY(" + x + "px) scale(" + y + ")";
            dom.style.msTransform = "translateY(" + x + "px) scale(" + y + ")";
            dom.style.opacity = 0.6 - (tempheight / window_top);
        } else {
            x = 0
            y = 1
            dom.style.transform = "translateY(" + x + "px) scale(" + y + ")";
            dom.style.WebkitTransform = "translateY(" + x + "px) scale(" + y + ")";
            dom.style.msTransform = "translateY(" + x + "px) scale(" + y + ")";
            dom.style.opacity = 1;
        }
    })
}
//首页新闻资讯
var animation_news = function (scroll_top, window_top, befor_scroll_top) {
    let domlist = $('.news-card')
    let x, y = 0
    Array.from(domlist).forEach(function (dom, index) {
        let tempheight = $(dom).offset().top - scroll_top - window_top * .65
        dom.style.transitionTimingFunction = "ease-in";
        dom.style.transition = "all 0.5s";
        if (tempheight > 0 && tempheight <= window_top) {
            x = 500 * (tempheight / window_top) - index * 40
            y = 1 + (tempheight / window_top)
            dom.style.transform = "translateY(" + x + "px) scale(" + y + ")";
            dom.style.WebkitTransform = "translateY(" + x + "px) scale(" + y + ")";
            dom.style.msTransform = "translateY(" + x + "px) scale(" + y + ")";
            dom.style.opacity = 0.55 - (tempheight / window_top);
        } else {
            x = -index * 40
            y = 1
            dom.style.transform = "translateY(" + x + "px) scale(" + y + ")";
            dom.style.WebkitTransform = "translateY(" + x + "px) scale(" + y + ")";
            dom.style.msTransform = "translateY(" + x + "px) scale(" + y + ")";
            dom.style.opacity = 1;
        }


    })

}
//首页社会责任
var animation_social = function (scroll_top, window_top, befor_scroll_top) {
    let domlist = $('.social-card')
    let x, y = 0
    Array.from(domlist).forEach(function (dom, index) {
        let tempheight = $(dom).offset().top - scroll_top - window_top * .65
        dom.style.transitionTimingFunction = "ease-in";
        dom.style.transition = "all 0.5s";
        if (tempheight > 0 && tempheight <= window_top) {
            x = 500 * (tempheight / window_top) - index * 40
            y = 1 + (tempheight / window_top)
            dom.style.transform = "translateY(" + x + "px) scale(" + y + ")";
            dom.style.WebkitTransform = "translateY(" + x + "px) scale(" + y + ")";
            dom.style.msTransform = "translateY(" + x + "px) scale(" + y + ")";
            dom.style.opacity = 0.55 - (tempheight / window_top);
        } else {
            x = -index * 40
            y = 1
            dom.style.transform = "translateY(" + x + "px) scale(" + y + ")";
            dom.style.WebkitTransform = "translateY(" + x + "px) scale(" + y + ")";
            dom.style.msTransform = "translateY(" + x + "px) scale(" + y + ")";
            dom.style.opacity = 1;
        }


    })

}
//市场研究动画
var animation_research = function (scroll_top, window_top, befor_scroll_top) {
    let domlist = $('.research-item')
    let x, y = 0
    Array.from(domlist).forEach(function (dom) {
        let tempheight = $(dom).offset().top - scroll_top - window_top * .6
        dom.style.transitionTimingFunction = "ease-in";
        dom.style.transition = "all 0.5s";
        if (tempheight > 0 && tempheight <= window_top) {
            x = 250 * (tempheight / window_top)
            y = 1 + (tempheight / window_top)
            dom.style.transform = "translateY(" + x + "px) scale(" + y + ")";
            dom.style.WebkitTransform = "translateY(" + x + "px) scale(" + y + ")";
            dom.style.msTransform = "translateY(" + x + "px) scale(" + y + ")";
            dom.style.opacity = 0.6 - (tempheight / window_top);
        } else {
            x = 0
            y = 1
            dom.style.transform = "translateY(" + x + "px) scale(" + y + ")";
            dom.style.WebkitTransform = "translateY(" + x + "px) scale(" + y + ")";
            dom.style.msTransform = "translateY(" + x + "px) scale(" + y + ")";
            dom.style.opacity = 1;
        }
    })
}
//业务领域动画
var animation_scope = function (scroll_top, window_top, befor_scroll_top) {
    let domlist = $('.scope-item')
    let x, y = 0
    Array.from(domlist).forEach(function (dom) {
        let tempheight = $(dom).offset().top - scroll_top - window_top * .6
        dom.style.transitionTimingFunction = "ease-in";
        dom.style.transition = "all 0.5s";
        if (tempheight > 0 && tempheight <= window_top) {
            x = 250 * (tempheight / window_top)
            y = 1 + (tempheight / window_top)
            dom.style.transform = "translateY(" + x + "px) scale(" + y + ")";
            dom.style.WebkitTransform = "translateY(" + x + "px) scale(" + y + ")";
            dom.style.msTransform = "translateY(" + x + "px) scale(" + y + ")";
            dom.style.opacity = 0.6 - (tempheight / window_top);
        } else {
            x = 0
            y = 1
            dom.style.transform = "translateY(" + x + "px) scale(" + y + ")";
            dom.style.WebkitTransform = "translateY(" + x + "px) scale(" + y + ")";
            dom.style.msTransform = "translateY(" + x + "px) scale(" + y + ")";
            dom.style.opacity = 1;
        }
    })
}

//发展历程动画
var animation_history = function (scroll_top, window_top, befor_scroll_top) {
    let domlist = $('.h-l-item__content-box')
    let x, y = 0
    Array.from(domlist).forEach(function (dom) {
        let tempheight = $(dom).offset().top - scroll_top - window_top * .8
        dom.style.transitionTimingFunction = "ease-in";
        dom.style.transition = "all 0.5s";
        if (tempheight > 0 && tempheight <= window_top) {
            x = 500 * (tempheight / window_top)
            y = 1 + (tempheight / window_top)
            dom.style.transform = "translateX(" + x + "px)";
            dom.style.WebkitTransform = "translateX(" + x + "px)";
            dom.style.msTransform = "translateX(" + x + "px)";
            dom.style.opacity = 0.6 - (tempheight / window_top);
        } else {
            x = 0
            y = 1
            dom.style.transform = "translateX(" + x + "px)";
            dom.style.WebkitTransform = "translateX(" + x + "px)";
            dom.style.msTransform = "translateX(" + x + "px)";
            dom.style.opacity = 1;
        }
    })
    let domlist2 = $('.h-l-item__year')
    Array.from(domlist2).forEach(function (dom) {
        let tempheight = $(dom).offset().top - scroll_top - window_top * .9
        dom.style.transitionTimingFunction = "ease-in";
        dom.style.transition = "all 0.5s";
        if (tempheight > 0 && tempheight <= window_top) {
            dom.style.opacity = 0.6 - (tempheight / window_top);
        } else {
            dom.style.opacity = 1;
        }
    })
}

//奉献社会+价值创造 动画
var animation_fxsh = function (scroll_top, window_top, befor_scroll_top) {
    let domlist = $('.item-text>*')
    let x, y = 0
    Array.from(domlist).forEach(function (dom) {
        let tempheight = $(dom).offset().top - scroll_top - window_top * .8
        dom.style.transitionTimingFunction = "ease-in";
        dom.style.transition = "all 0.5s";
        if (tempheight > 0 && tempheight <= window_top) {
            x = 250 * (tempheight / window_top)
            y = 1 + (tempheight / window_top)
            dom.style.transform = "translateY(" + x + "px)";
            dom.style.WebkitTransform = "translateY(" + x + "px)";
            dom.style.msTransform = "translateY(" + x + "px)";
            dom.style.opacity = 0.6 - (tempheight / window_top);
        } else {
            x = 0
            dom.style.transform = "translateY(" + x + "px)";
            dom.style.WebkitTransform = "translateY(" + x + "px)";
            dom.style.msTransform = "translateY(" + x + "px)";
            dom.style.opacity = 1;
        }
    })
}
//党建基本概况 动画
var animation_jbgk = function (scroll_top, window_top, befor_scroll_top) {
    let domlist = $('.slow-up>*')
    let x, y = 0
    Array.from(domlist).forEach(function (dom) {
        let tempheight = $(dom).offset().top - scroll_top - window_top * .8
        dom.style.transitionTimingFunction = "ease-in";
        dom.style.transition = "all 0.5s";
        if (tempheight > 0 && tempheight <= window_top) {
            x = 250 * (tempheight / window_top)
            y = 1 + (tempheight / window_top)
            dom.style.transform = "translateY(" + x + "px)";
            dom.style.WebkitTransform = "translateY(" + x + "px)";
            dom.style.msTransform = "translateY(" + x + "px)";
            dom.style.opacity = 0.6 - (tempheight / window_top);
        } else {
            x = 0
            dom.style.transform = "translateY(" + x + "px)";
            dom.style.WebkitTransform = "translateY(" + x + "px)";
            dom.style.msTransform = "translateY(" + x + "px)";
            dom.style.opacity = 1;
        }
    })
}
//党建基本概况 动画
var animation_slow_up = function (scroll_top, window_top, befor_scroll_top) {
    let domlist = $('.slow-up>*')
    let x, y = 0
    Array.from(domlist).forEach(function (dom) {
        let tempheight = $(dom).offset().top - scroll_top - window_top * .8
        dom.style.transitionTimingFunction = "ease-in";
        dom.style.transition = "all 0.5s";
        if (tempheight > 0 && tempheight <= window_top) {
            x = 250 * (tempheight / window_top)
            y = 1 + (tempheight / window_top)
            dom.style.transform = "translateY(" + x + "px)";
            dom.style.WebkitTransform = "translateY(" + x + "px)";
            dom.style.msTransform = "translateY(" + x + "px)";
            dom.style.opacity = 0.6 - (tempheight / window_top);
        } else {
            x = 0
            dom.style.transform = "translateY(" + x + "px)";
            dom.style.WebkitTransform = "translateY(" + x + "px)";
            dom.style.msTransform = "translateY(" + x + "px)";
            dom.style.opacity = 1;
        }
    })
}
//媒体中心 动画
var animation_media = function (scroll_top, window_top, befor_scroll_top) {
    let domlist = $('.media-list-content *')
    let x, y = 0
    Array.from(domlist).forEach(function (dom) {
        let tempheight = $(dom).offset().top - scroll_top - window_top * .8
        dom.style.transitionTimingFunction = "ease-in";
        dom.style.transition = "all 0.5s";
        if (tempheight > 0 && tempheight <= window_top) {
            x = 250 * (tempheight / window_top)
            y = 1 + (tempheight / window_top)
            dom.style.transform = "translateX(" + x + "px)";
            dom.style.WebkitTransform = "translateX(" + x + "px)";
            dom.style.msTransform = "translateX(" + x + "px)";
            dom.style.opacity = 0.6 - (tempheight / window_top);
        } else {
            x = 0
            dom.style.transform = "translateX(" + x + "px)";
            dom.style.WebkitTransform = "translateX(" + x + "px)";
            dom.style.msTransform = "translateX(" + x + "px)";
            dom.style.opacity = 1;
        }
    })
}

//鼠标放上去之后文字变化
/**
 * 鼠标放到文字上之后，文字变化，仿宝武
 * 说明：根据类的命名实现
 * */
// 页面加载之后，先将text-spread类下的文字替换为ddd包裹的元素
$(".text-disperse").each((index, dom) => {
    let str = $(dom).html()
    textarr = str.split("");

    let html = ''
    for (let t in textarr) {
        if (textarr[t]===' '){
            html += '<ddd>' + '&nbsp;' + '</ddd>'
        }else {
            html += '<ddd>' + textarr[t] + '</ddd>'
        }
    }
    $(dom).html(html)
})
//增加闪烁动画，鼠标移入之后根据分割的元素执行动画
$(".text-flashing").mouseenter(function () {
    let danceArr = $(this).find('ddd')
    let randomnum = Math.floor(Math.random() * 10)
    danceArr.each((index, dom) => {
        dom.style.transitionTimingFunction = "ease-in";
        dom.style.transition = "all 0s";
        dom.style.transform = "scale(1.1,1.1)";
        dom.style.WebkitTransform = "scale(1.1,1.1)";
        dom.style.msTransform = "scale(1.1,1.1)";
        dom.style.color = "#066199";
        dom.style.opacity = 1;

        setTimeout(function () {
            dom.style.transition = "all " + (5 - ((randomnum - index + 2) % 4)) * 0.2 + "s";
            dom.style.transform = "scale(1,1)";
            dom.style.WebkitTransform = "scale(1,1)";
            dom.style.msTransform = "scale(1,1)";
            dom.style.color = "unset";
            dom.style.opacity = 1;
        }, 0)
    })
});

//增加降落动画，鼠标移入之后根据分割的元素执行动画
let complex_title_dom = $(".complex-title-01 span:first-child,.complex-title-02 span:first-child,.complex-title-03 span:first-child");
complex_title_dom.each((index, dom) => {
    let str = $(dom).html()
    textarr = str.split("");
    let html = ''
    for (let t in textarr) {
        if (textarr[t]===' '){
            html += '<ddd>' + '&nbsp;' + '</ddd>'
        }else {
            html += '<ddd>' + textarr[t] + '</ddd>'
        }
    }
    $(dom).html(html)
})
complex_title_dom.mouseenter(function () {
    let danceArr = $(this).find('ddd')
    let randomnum = Math.floor(Math.random() * 10)
    danceArr.each((index, dom) => {
        dom.style.transitionTimingFunction = "ease-out";
        dom.style.transition = "all 0s";
        dom.style.transform = "translateY(-0.5em)";
        dom.style.WebkitTransform = "translateY(-0.5em)";
        dom.style.msTransform = "translateY(-0.5em)";
        dom.style.color = "#066199";
        dom.style.opacity = 1;

        setTimeout(function () {
            dom.style.transition = "all " + (0.5 + ((index + 1) % 2) * 0.3) + "s";
            dom.style.transform = "translateY(0)";
            dom.style.WebkitTransform = "translateY(0)";
            dom.style.msTransform = "translateY(0)";
            dom.style.color = "unset";
            dom.style.opacity = 1;
        }, 0)
    })
});

//金川数据的数字增加
$('.datum-item').mouseenter(function (e) {
    let timer = 0
    let temp = 0
    let number = $(e.currentTarget).find('.data-item__number').attr('data-value')
    timer = setInterval(function () {
        if (temp < number) {
            temp += Math.ceil(number / 89)
            $(e.currentTarget).find('.data-item__number').html(toThousands(temp))
        } else {
            $(e.currentTarget).find('.data-item__number').html(toThousands(number))
            clearInterval(timer)
        }
    }, 3)
    $(this).css('transform','scale(1.1)')
})
//金川数据的缩小
$('.datum-item').mouseleave(function (e) {
    $(this).css('transform','scale(1)')
})

var toThousands = function (n) {
    return (n || 0).toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,');
}

//图片跟随鼠标位置
$('.follow-mouse').mouseenter(function (e) {
    $(this).children('img').get(0).style.transition = "all 0.2s";
    $(this).children('img').get(0).style.transform = "scale(1.1)";
    $(this).children('img').get(0).style.WebkitTransform = "scale(1.1)";
    $(this).children('img').get(0).style.msTransform = "scale(1.1)";
})
$('.follow-mouse').mouseleave(function (e) {
    $(this).children('img').get(0).style.transition = "all 0.4s";
    $(this).children('img').get(0).style.transform = "scale(1)";
    $(this).children('img').get(0).style.WebkitTransform = "scale(1)";
    $(this).children('img').get(0).style.msTransform = "scale(1)";
})
$('.follow-mouse').mousemove(function (e) {
    let x_axis = (e.offsetX / $(this).width()) * 100
    let y_axis = (e.offsetY / $(this).height()) * 100
    $(this).children('img').get(0).style.transformOrigin = x_axis + '% ' + y_axis + '%';
    $(this).children('img').get(0).style.msTransformOrigin = x_axis + '% ' + y_axis + '%';
    $(this).children('img').get(0).style.webkitTransformOrigin = x_axis + '% ' + y_axis + '%';
    $(this).children('img').get(0).style.MozTransformOrigin = x_axis + '% ' + y_axis + '%';
    $(this).children('img').get(0).style.OTransformOrigin = x_axis + '% ' + y_axis + '%';
});