document.writeln("<style>");
document.writeln(".banner{height:242px;overflow:hidden; display:block;width:100%;}");
document.writeln(".ban_bg{height:242px;width:100%; position:relative; }");
document.writeln(".ban_bg .bgitem{ position:absolute; top:0;}");
document.writeln(".ban_bg .btn{  bottom: 0px;margin-right: 0px;padding: 2px 2px;position: absolute;right: 0%;z-index: 7;}");
document.writeln(".ban_bg .btn span {background: none repeat scroll 0 0 #2B130F;border: 1px solid #2B130F;color: #FFFFFF;cursor: pointer;display: inline-block;");
document.writeln("margin-left: 5px;padding: 2px 5px;}");
document.writeln(".ban_bg .btn span.cur {font-weight: bold;padding: 4px 8px;}");
document.writeln("</style>");
document.writeln(" <div class=\"banner\">");
document.writeln("<div class=\"ban_bg\" id=\"flashs\">");

 document.writeln("<div onclick=\"window.open(' ')\" class=\"bgitem\" id=\"flashbg0\" style=\"background: url('/upload/image/20170418/14925167596096937.jpg') no-repeat scroll center top;height: 242px; cursor:pointer; width: 100%;margin: 0 auto;\"></div>");

document.writeln("</div>");
var showIndex = 1;
function showbg(src) {
    var index = $("#flashs .btn span").index($("#flashs .btn span.cur"));
    if (index < 0) { index = 0; } 
    $("#flashs .btn span.cur").css("opacity", 0.7).removeClass("cur");
    $("#flashbg" + index).css({"opacity":0,"z-index":1});
    $("#flashbg" + showIndex).css({ "z-index": 2 });
    $("#flashbg" + showIndex).animate({
        opacity: 1
    }, 500);
    $("#flashs .btn span").eq(showIndex).css("opacity", 1).addClass("cur");
}
var h = $("#flashs div.bgitem").css("opacity", 0).length;
var btn = "<div class='btn'>";
for (var i = 0; i < h; i++) {
    btn += "<span>" + (i + 1) + "</span>";
}
btn += "</div>";
$("#flashs").append(btn);
$("#flashs .btn span").css("opacity", 0.7).mouseenter(function () {
    showIndex = $("#flashs .btn span").index(this);
    showbg(showIndex);
}).eq(0).trigger("mouseenter");
$("#flashs").hover(function () {
    clearInterval(picTimer);
}, function () {
    picTimer = setInterval(function () {
        showIndex++;
        if (showIndex == h) { showIndex = 0; }
        showbg(showIndex);
    }, 5000)
}).eq(0).trigger("mouseleave");
document.writeln("</div>");