<%@ page language="java" pageEncoding="UTF-8"
         contentType="text/html; charset=UTF-8"%>
<%@ page isELIgnored="false"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
    String basePath = request.getContextPath();
    String resourcePath = basePath + "/resource";
%>
<!DOCTYPE html>
<html>
<head>
    <jsp:include page="./open/common/head.jsp"></jsp:include>
    <link rel="stylesheet" type="text/css" href="<%=basePath%>/resource/css/open/index.css">
</head>
<body>
<jsp:include page="./open/common/body_header.jsp"></jsp:include>
<div class="top-banner">
    <div class="layout">
        <div class="huanying1">
            <div class="tu1">
                <div class="huangyingimg">
                    <img src="<%=resourcePath%>/images/touxiang1.png" class="touxiang1">
                </div>
                <div class="huanyingfont ">
                    Hi~张亮亮</br>欢迎您来到衡水大数据
                </div>
            </div>
            <div class="tu2">

                <div class="luyanhd">
                    <a class="a2" href="##">路演活动</a>
                </div>
                <div class="luyanhd1">多领域的路演活动</div>
                <div class=" luyanicon">
                    <img src="<%=resourcePath%>/images/icon_luyan.png">
                </div>
                <div class="but" >
                    发布路演
                </div>
                <img src="<%=resourcePath%>/images/youxuan.png" class="youxuan1">
            </div>
            <div class="tu2">
                <div class="luyanhd">
                    <a class="a2" href="##">API开发</a>
                </div>
                <div class="luyanhd1">方便快捷的开发流程</div>
                <div class=" luyanicon">
                    <img src="<%=resourcePath%>/images/icon_api.png">
                </div>
                <div class="but1">
                    立即开发
                </div>
                <img src="<%=resourcePath%>/images/youxuan.png" class="youxuan1">
            </div>
        </div>
    </div>
</div>
<div class="img0">
    <div>
        <div class="img00">
            <img src="<%=resourcePath%>/images/img_7.png" class="img1">
            <img src="<%=resourcePath%>/images/img_6.png" class="img1">
            <img src="<%=resourcePath%>/images/img_5.png" class="img2">
            <img src="<%=resourcePath%>/images/img_4.png" class="img3">
        </div>
    </div>
</div>
<div class="jingxuantuijian">
    <div class="jingxuantuijian0">
        <div class="jingxuantuijian-top">
            <div class="jingxuan">
                精选推荐
            </div>
            <div class="jingxuan1">
                为你推荐最热门的数据资源
            </div>
            <div class="api">
                API
            </div>
            <a class="gengduo" href="##">
                更多
            </a>
        </div>
        <div class="clearfix"></div>
        <div class="api-main"><!-----api---->
            <div class="api-left">
                <img src="<%=resourcePath%>/images/img_8.png" class="apiimg">
            </div>
            <div class="api-right ">
                <div class="api-right1">
                    <div class="div">
                        <div class="h"><a>工商待遇保险</a></div>
                        <div class="div_icon">
                            <img src="<%=resourcePath%>/images/icon_wenjian.png">
                        </div>
                        <p>有条件共享</p>
                        <div class="api-foot">
							<span class="liulan" title="浏览量：889">
								<img src="<%=resourcePath%>/images/icon_chakan.png" class="liulan-icon" >(899)
							</span>
                            <span class="xiazai" title="下载量：889">
								<img src="<%=resourcePath%>/images/icon_xiazai.png" class="xiazai-icon">(768)
							</span>
                            <div class="line-w"></div>
                            <div class="line-h"></div>
                        </div>
                    </div>
                    <div class="div">

                        <div class="h"><a>工商待遇保险</a></div>
                        <div class="div_icon">
                            <img src="<%=resourcePath%>/images/icon_wenjian.png">
                        </div>
                        <p>有条件共享</p>
                        <div class="api-foot">
								<span class="liulan" title="浏览量：889">
									<img src="<%=resourcePath%>/images/icon_chakan.png" class="liulan-icon">(899)
								</span>
                            <span class="xiazai" title="下载量：889">
									<img src="<%=resourcePath%>/images/icon_xiazai.png" class="xiazai-icon">(768)
								</span>
                            <div class="line-w"></div>
                            <div class="line-h"></div>
                        </div>

                        <img src="<%=resourcePath%>/images/img_mianfei.png" class="icon">
                    </div>
                    <div class="div">
                        <div class="h"><a>工商待遇保险</a></div>
                        <div class="div_icon">
                            <img src="<%=resourcePath%>/images/icon_wenjian.png">
                        </div>
                        <p>有条件共享</p>
                        <div class="api-foot">
								<span class="liulan" title="浏览量：889">
									<img src="<%=resourcePath%>/images/icon_chakan.png" class="liulan-icon">(899)
								</span>
                            <span class="xiazai" title="下载量：889">
									<img src="<%=resourcePath%>/images/icon_xiazai.png" class="xiazai-icon">(768)
								</span>
                            <div class="line-w"></div>
                            <div class="line-h"></div>
                        </div>
                    </div>
                    <div class="div">

                        <div class="h"><a>工商待遇保险</a></div>
                        <div class="div_icon">
                            <img src="<%=resourcePath%>/images/icon_wenjian.png">
                        </div>
                        <p>有条件共享</p>
                        <div class="api-foot">
									<span class="liulan" title="浏览量：889">
										<img src="<%=resourcePath%>/images/icon_chakan.png" class="liulan-icon">(899)
									</span>
                            <span class="xiazai" title="下载量：889">
										<img src="<%=resourcePath%>/images/icon_xiazai.png" class="xiazai-icon">(768)
									</span>
                            <div class="line-w"></div>
                            <div class="line-h"></div>
                        </div>
                        <img src="<%=resourcePath%>/images/img_mianfei.png" class="icon">
                    </div>
                </div>
                <div class="api-right2" >
                    <div class="div">
                        <div class="h"><a>工商待遇保险</a></div>
                        <div class="div_icon">
                            <img src="<%=resourcePath%>/images/icon_wenjian.png">
                        </div>
                        <p>有条件共享</p>
                        <div class="api-foot">
									<span class="liulan" title="浏览量：889">
										<img src="<%=resourcePath%>/images/icon_chakan.png" class="liulan-icon">(899)
									</span>
                            <span class="xiazai" title="下载量：889">
										<img src="<%=resourcePath%>/images/icon_xiazai.png" class="xiazai-icon">(768)
									</span>
                            <div class="line-w"></div>
                            <div class="line-h"></div>
                        </div>
                    </div>
                    <div class="div">
                        <div class="h"><a>工商待遇保险</a></div>
                        <div class="div_icon">
                            <img src="<%=resourcePath%>/images/icon_wenjian.png">
                        </div>
                        <p>有条件共享</p>
                        <div class="api-foot">
										<span class="liulan" title="浏览量：889">
											<img src="<%=resourcePath%>/images/icon_chakan.png" class="liulan-icon">(899)
										</span>
                            <span class="xiazai" title="下载量：889">
											<img src="<%=resourcePath%>/images/icon_xiazai.png" class="xiazai-icon">(768)
										</span>
                            <div class="line-w"></div>
                            <div class="line-h"></div>
                        </div>
                    </div>
                    <div class="div">
                        <div class="h"><a>工商待遇保险</a></div>
                        <div class="div_icon">
                            <img src="<%=resourcePath%>/images/icon_wenjian.png">
                        </div>
                        <p>有条件共享</p>
                        <div class="api-foot">
											<span class="liulan" title="浏览量：889">
												<img src="<%=resourcePath%>/images/icon_chakan.png" class="liulan-icon">(899)
											</span>
                            <span class="xiazai" title="下载量：889">
												<img src="<%=resourcePath%>/images/icon_xiazai.png" class="xiazai-icon">(768)
											</span>
                            <div class="line-w"></div>
                            <div class="line-h"></div>
                        </div>
                    </div>
                    <div class="div">

                        <div class="h"><a>工商待遇保险</a></div>
                        <div class="div_icon">
                            <img src="<%=resourcePath%>/images/icon_wenjian.png">
                        </div>
                        <p>有条件共享</p>
                        <div class="api-foot">
												<span class="liulan" title="浏览量：889">
													<img src="<%=resourcePath%>/images/icon_chakan.png" class="liulan-icon">(899)
												</span>
                            <span class="xiazai" title="下载量：889">
													<img src="<%=resourcePath%>/images/icon_xiazai.png" class="xiazai-icon">(768)
												</span>
                            <div class="line-w"></div>
                            <div class="line-h"></div>
                        </div>
                        <img src="<%=resourcePath%>/images/img_mianfei.png" class="icon">
                    </div>
                </div>

            </div>
        </div>
        <p style="font-size: 20px; color: #222222;float: left; margin-top: 20px;">
            微应用
        </p>
        <a style="font-size: 20px;color: #666666; float: right;margin-top: 20px; padding-left: 0px;margin-right: 20px;">
            更多
        </a>
        <div class="weiyingyong-main"><!--微应用-->
            <div class="weiyingyong-main0">
                <div class="div">
                    <div>
                        <img src="<%=resourcePath%>/images/img_10.png" class="weiyingyongimg1">
                    </div>
                </div>
                <div class="div">

                    <div class="h"><a>工商待遇保险</a></div>
                    <div class="div_icon">
                        <img src="<%=resourcePath%>/images/icon_wenjian.png">
                    </div>
                    <p>有条件共享</p>
                    <div class="api-foot">
					<span class="liulan" title="浏览量：889">
						<img src="<%=resourcePath%>/images/icon_chakan.png" class="liulan-icon">(899)
					</span>
                        <span class="xiazai" title="下载量：889">
						<img src="<%=resourcePath%>/images/icon_xiazai.png" class="xiazai-icon">(768)
					</span>
                        <div class="line-w"></div>
                        <div class="line-h"></div>
                    </div>
                </div>
                <div class="div">

                    <div class="h"><a>工商待遇保险</a></div>
                    <div class="div_icon">
                        <img src="<%=resourcePath%>/images/icon_wenjian.png">
                    </div>
                    <p>有条件共享</p>
                    <div class="api-foot">
						<span class="liulan" title="浏览量：889">
							<img src="<%=resourcePath%>/images/icon_chakan.png" class="liulan-icon">(899)
						</span>
                        <span class="xiazai" title="下载量：889">
							<img src="<%=resourcePath%>/images/icon_xiazai.png" class="xiazai-icon">(768)
						</span>
                        <div class="line-w"></div>
                        <div class="line-h"></div>
                    </div>
                    <img src="<%=resourcePath%>/images/img_mianfei.png" class="icon">
                </div>
                <div class="div">

                    <div class="h"><a>工商待遇保险</a></div>
                    <div class="div_icon">
                        <img src="<%=resourcePath%>/images/icon_wenjian.png">
                    </div>
                    <p>有条件共享</p>
                    <div class="api-foot">
							<span class="liulan">
								<img src="<%=resourcePath%>/images/icon_chakan.png" class="liulan-icon">(899)
							</span>
                        <span class="xiazai" title="下载量：889">
								<img src="<%=resourcePath%>/images/icon_xiazai.png" class="xiazai-icon">(768)
							</span>
                        <div class="line-w"></div>
                        <div class="line-h"></div>
                    </div>
                </div>
                <div class="div">

                    <div class="h"><a>工商待遇保险</a></div>
                    <div class="div_icon">
                        <img src="<%=resourcePath%>/images/icon_wenjian.png">
                    </div>
                    <p>有条件共享</p>
                    <div class="api-foot">
								<span class="liulan" title="浏览量：889">
									<img src="<%=resourcePath%>/images/icon_chakan.png" class="liulan-icon">(899)
								</span>
                        <span class="xiazai" title="下载量：889">
									<img src="<%=resourcePath%>/images/icon_xiazai.png" class="xiazai-icon">(768)
								</span>
                        <div class="line-w"></div>
                        <div class="line-h"></div>
                    </div>
                </div>
            </div>
            <div class="weiyingyong-main2">
                <div class="div">
                    <div>
                        <img src="<%=resourcePath%>/images/img_9.png" class="weiyingyongimg1">
                    </div>
                </div>
                <div class="div">

                    <div class="h"><a>工商待遇保险</a></div>
                    <div class="div_icon">
                        <img src="<%=resourcePath%>/images/icon_wenjian.png">
                    </div>
                    <p>有条件共享</p>
                    <div class="api-foot">
					<span class="liulan" title="浏览量：889">
						<img src="<%=resourcePath%>/images/icon_chakan.png" class="liulan-icon">(899)
					</span>
                        <span class="xiazai" title="下载量：889">
						<img src="<%=resourcePath%>/images/icon_xiazai.png" class="xiazai-icon">(768)
					</span>
                        <div class="line-w"></div>
                        <div class="line-h"></div>
                    </div>
                </div>
                <div class="div">

                    <div class="h"><a>工商待遇保险</a></div>
                    <div class="div_icon">
                        <img src="<%=resourcePath%>/images/icon_wenjian.png">
                    </div>
                    <p>有条件共享</p>
                    <div class="api-foot">
						<span class="liulan" title="浏览量：889">
							<img src="<%=resourcePath%>/images/icon_chakan.png" class="liulan-icon">(899)
						</span>
                        <span class="xiazai" title="下载量：889">
							<img src="<%=resourcePath%>/images/icon_xiazai.png" class="xiazai-icon">(768)
						</span>
                        <div class="line-w"></div>
                        <div class="line-h"></div>
                    </div>
                </div>
                <div class="div">

                    <div class="h"><a>工商待遇保险</a></div>
                    <div class="div_icon">
                        <img src="<%=resourcePath%>/images/icon_wenjian.png">
                    </div>
                    <p>有条件共享</p>
                    <div class="api-foot">
							<span class="liulan" title="浏览量：889">
								<img src="<%=resourcePath%>/images/icon_chakan.png" class="liulan-icon">(899)
							</span>
                        <span class="xiazai" title="下载量：889">
								<img src="<%=resourcePath%>/images/icon_xiazai.png" class="xiazai-icon">(768)
							</span>
                        <div class="line-w"></div>
                        <div class="line-h"></div>
                    </div>
                    <img src="<%=resourcePath%>/images/img_mianfei.png" class="icon">
                </div>
                <div class="div">

                    <div class="h"><a>工商待遇保险</a></div>
                    <div class="div_icon">
                        <img src="<%=resourcePath%>/images/icon_wenjian.png">
                    </div>
                    <p>有条件共享</p>
                    <div class="api-foot">
								<span class="liulan" title="浏览量：889">
									<img src="<%=resourcePath%>/images/icon_chakan.png" class="liulan-icon">(899)
								</span>
                        <span class="xiazai" title="下载量：889">
									<img src="<%=resourcePath%>/images/icon_xiazai.png" class="xiazai-icon">(768)
								</span>
                        <div class="line-w"></div>
                        <div class="line-h"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="clearfix"></div>
        <p style="font-size: 20px; color: #222222;float: left; margin-top: 20px;margin-left: 2px;">
            数据
        </p>
        <a style="font-size: 20px;color: #666666; float: right;margin-top: 20px; padding-left: 0px;margin-right: 20px;">
            更多
        </a>
        <div class="shuju07"><!---数据-->
            <div class="shuju1"><!---数据1-->
                <div class="shuju7">
                    <img src="<%=resourcePath%>/images/icon_wenjian.png" class="shuju-icon">
                    <div class="h7"><a>工商待遇保险3</a></div>
                    <span class="biaoqian1">工商</span>
                    <span class="biaoqian11">|</span>
                    <span class="biaoqian2">保险</span>
                    <p class="gongxiang">有共享条件</p>
                    <div class="dibu1">
				<span class="dibu_mas3-1" title="浏览量：889">
					<img src="<%=resourcePath%>/images/icon_chakan.png" class="liulan2">(345)
				</span>
                        <span class="dibu_mas3-2" title="下载量：889">
					<img src="<%=resourcePath%>/images/icon_xiazai.png" class="liulan2">(344)
				</span>
                        <span class="dibu_mas3-3" >
					<img src="<%=resourcePath%>/images/icon_wenben.png" class="liulan2">(656)
				</span>
                        <div class="line-d1"></div>
                        <div class="line-d2"></div>
                    </div>
                </div>
                <div class="shuju7">
                    <img src="<%=resourcePath%>/images/icon_wenjian.png" class="shuju-icon">
                    <div class="h7"><a>工商待遇保险3</a></div>
                    <span class="biaoqian1">工商</span>
                    <span class="biaoqian11">|</span>
                    <span class="biaoqian2">保险</span>
                    <p class="gongxiang">有共享条件</p>
                    <div class="dibu1">
					<span class="dibu_mas3-1" title="浏览量：889">
						<img src="<%=resourcePath%>/images/icon_chakan.png" class="liulan2">(345)
					</span>
                        <span class="dibu_mas3-2" title="下载量：889">
						<img src="<%=resourcePath%>/images/icon_xiazai.png" class="liulan2">(344)
					</span>
                        <span class="dibu_mas3-3" >
						<img src="<%=resourcePath%>/images/icon_wenben.png" class="liulan2">(656)
					</span>
                        <div class="line-d1"></div>
                        <div class="line-d2"></div>

                    </div>
                </div>
                <div class="shuju7">
                    <img src="<%=resourcePath%>/images/icon_wenjian.png" class="shuju-icon">
                    <div class="h7"><a>工商待遇保险3</a></div>
                    <span class="biaoqian1">工商</span>
                    <span class="biaoqian11">|</span>
                    <span class="biaoqian2">保险</span>
                    <p class="gongxiang">有共享条件</p>
                    <div class="dibu1">
						<span class="dibu_mas3-1" title="浏览量：889">
							<img src="<%=resourcePath%>/images/icon_chakan.png" class="liulan2">(345)
						</span>
                        <span class="dibu_mas3-2" title="下载量：889">
							<img src="<%=resourcePath%>/images/icon_xiazai.png" class="liulan2">(344)
						</span>
                        <span class="dibu_mas3-3" >
							<img src="<%=resourcePath%>/images/icon_wenben.png" class="liulan2">(656)
						</span>
                        <div class="line-d1"></div>
                        <div class="line-d2"></div>

                    </div>
                </div>
                <div class="shuju7">
                    <img src="<%=resourcePath%>/images/icon_wenjian.png" class="shuju-icon">
                    <div class="h7"><a>工商待遇保险3</a></div>
                    <span class="biaoqian1">工商</span>
                    <span class="biaoqian11">|</span>
                    <span class="biaoqian2">保险</span>
                    <p class="gongxiang">有共享条件</p>
                    <div class="dibu1">
							<span class="dibu_mas3-1" title="浏览量：889">
								<img src="<%=resourcePath%>/images/icon_chakan.png" class="liulan2">(345)
							</span>
                        <span class="dibu_mas3-2" title="下载量：889">
								<img src="<%=resourcePath%>/images/icon_xiazai.png" class="liulan2">(344)
							</span>
                        <span class="dibu_mas3-3" >
								<img src="<%=resourcePath%>/images/icon_wenben.png" class="liulan2">(656)
							</span>
                        <div class="line-d1"></div>
                        <div class="line-d2"></div>

                    </div>
                </div>
            </div>
            <div class="shuju-foot"><!---数据2-->
                <div class="shuju7">
                    <img src="<%=resourcePath%>/images/icon_wenjian.png" class="shuju-icon">
                    <div class="h7"><a>工商待遇保险3</a></div>
                    <span class="biaoqian1">工商</span>
                    <span class="biaoqian11">|</span>
                    <span class="biaoqian2">保险</span>
                    <p class="gongxiang">有共享条件</p>
                    <div class="dibu1">
					<span class="dibu_mas3-1" title="浏览量：889">
						<img src="<%=resourcePath%>/images/icon_chakan.png" class="liulan2">(345)
					</span>
                        <span class="dibu_mas3-2" title="下载量：889">
						<img src="<%=resourcePath%>/images/icon_xiazai.png" class="liulan2">(344)
					</span>
                        <span class="dibu_mas3-3" >
						<img src="<%=resourcePath%>/images/icon_wenben.png" class="liulan2">(656)
					</span>
                        <div class="line-d1"></div>
                        <div class="line-d2"></div>
                    </div>
                </div>
                <div class="shuju7">
                    <img src="<%=resourcePath%>/images/icon_wenjian.png" class="shuju-icon">
                    <div class="h7"><a>工商待遇保险3</a></div>
                    <span class="biaoqian1">工商</span>
                    <span class="biaoqian11">|</span>
                    <span class="biaoqian2">保险</span>
                    <p class="gongxiang">有共享条件</p>
                    <div class="dibu1">
						<span class="dibu_mas3-1" title="浏览量：889">
							<img src="<%=resourcePath%>/images/icon_chakan.png" class="liulan2">(345)
						</span>
                        <span class="dibu_mas3-2" title="下载量：889">
							<img src="<%=resourcePath%>/images/icon_xiazai.png" class="liulan2">(344)
						</span>
                        <span class="dibu_mas3-3" >
							<img src="<%=resourcePath%>/images/icon_wenben.png" class="liulan2">(656)
						</span>
                        <div class="line-d1"></div>
                        <div class="line-d2"></div>
                    </div>
                </div>
                <div class="shuju7">
                    <img src="<%=resourcePath%>/images/icon_wenjian.png" class="shuju-icon">
                    <div class="h7"><a>工商待遇保险3</a></div>
                    <span class="biaoqian1">工商</span>
                    <span class="biaoqian11">|</span>
                    <span class="biaoqian2">保险</span>
                    <p class="gongxiang">有共享条件</p>
                    <div class="dibu1">
							<span class="dibu_mas3-1" title="浏览量：889">
								<img src="<%=resourcePath%>/images/icon_chakan.png" class="liulan2">(345)
							</span>
                        <span class="dibu_mas3-2" title="下载量：889">
								<img src="<%=resourcePath%>/images/icon_xiazai.png" class="liulan2">(344)
							</span>
                        <span class="dibu_mas3-3" >
								<img src="<%=resourcePath%>/images/icon_wenben.png" class="liulan2">(656)
							</span>
                        <div class="line-d1"></div>
                        <div class="line-d2"></div>
                    </div>
                </div>
                <div class="shuju7">
                    <img src="<%=resourcePath%>/images/icon_wenjian.png" class="shuju-icon">
                    <div class="h7"><a>工商待遇保险3</a></div>
                    <span class="biaoqian1">工商</span>
                    <span class="biaoqian11">|</span>
                    <span class="biaoqian2">保险</span>
                    <p class="gongxiang">有共享条件</p>
                    <div class="dibu1">
								<span class="dibu_mas3-1" title="浏览量：889">
									<img src="<%=resourcePath%>/images/icon_chakan.png" class="liulan2">(345)
								</span>
                        <span class="dibu_mas3-2" title="下载量：889">
									<img src="<%=resourcePath%>/images/icon_xiazai.png" class="liulan2">(344)
								</span>
                        <span class="dibu_mas3-3" >
									<img src="<%=resourcePath%>/images/icon_wenben.png" class="liulan2">(656)
								</span>
                        <div class="line-d1"></div>
                        <div class="line-d2"></div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
<div class="fuwu">
    <div class="fuwu-main">
        <div class="fuwu0">
            <div class="jingxuan">
                服务开发环境
            </div>
            <div class="jingxuan1">
                为你推荐最热门的数据资源
            </div>
        </div>
        <div class="fuwu1">
            <div class="kaifazhe" >
                <div class="kaifazhe1">
                    <div class="kaifazhe2">服务开发环境</div>
                    <div class="kaifazhe3">为开发者提供丰富的开发资源及模板</div>
                </div>
            </div>
            <div class="kaifazhe" style="background:url(<%=resourcePath%>/images/img_12.png);margin-left: 15px;">
                <div class="kaifazhe1">
                    <div class="kaifazhe2">服务开发环境</div>
                    <div class="kaifazhe3">为开发者提供丰富的开发资源及模板</div>
                </div>
            </div>
            <div class="kaifazhe" style="background:url(<%=resourcePath%>/images/img_13.png);margin-left: 15px;">
                <div class="kaifazhe1">
                    <div class="kaifazhe2">服务开发环境</div>
                    <div class="kaifazhe3">为开发者提供丰富的开发资源及模板</div>
                </div>
            </div>
        </div>
    </div>
</div>
<jsp:include page="./open/common/body_footer.jsp"></jsp:include>
<script type="text/javascript">
    $(function () {
       $(".ul-1").show();
    });
</script>
</body>
</html>
