<%@ page language="java" contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ include file="/WEB-INF/include/taglib.jsp"%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1"/>
    <meta http-equiv="X-UA-Compatible" content="IE=9"/>
    <meta name="keywords"
          content="保险保函、电子保函、保证保险、保函开具、工程投标保证保险、建设合同履约保证保险、业主合同款支付保证保险、建设工程质量保证保险、建筑业企业人工工资支付保证保险、海关税保险、诉讼财产保全责任保险">
    <meta name="description" content="百联保是百川信（厦门）网络信息服务有限公司基于金融创新并响应“互联网＋”计划搭建的第三方金融服务平台。 ">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
    <title>百联保-新闻资讯</title>

    <link type="text/css" rel="stylesheet" href="<c:url value='/resources/versions-2.0/dist/css/bootstrap.min.css' />"/>
    <link type="text/css" rel="stylesheet" href="<c:url value='/resources/versions-2.0/dist/css/public.css' />"/>
    <link type="text/css" rel="stylesheet" href="<c:url value='/resources/versions-2.0/dist/css/insure/serve.css' />"/>
    <link type="text/css" rel="stylesheet"
          href="<c:url value='/resources/versions-2.0/dist/css/product/product-details.css' />"/>
    <link type="text/css" rel="stylesheet"
          href="<c:url value='/resources/versions-2.0/dist/css/insure/write-application.css' />"/>
    <link type="text/css" rel="stylesheet"
          href="<c:url value='/resources/versions-2.0/dist/css/insure/fileinput.css' />"/>
    <!--[if lt IE 9]>
    <script src="<c:url value='/resources/versions-2.0/js/html5shiv/3.7.2/html5shiv.min.js' />"></script>
    <script src="<c:url value='/resources/versions-2.0/js/respond.js/1.4.2/respond.min.js' />"></script>
    <![endif]-->
    <link type="text/css" rel="stylesheet"
          href="<c:url value='/resources/versions-2.0/dist/css/news/public.css' />"/>
    <link type="text/css" rel="stylesheet"
          href="<c:url value='/resources/versions-2.0/dist/css/news/style.css' />"/>
    <style>
        .news-content .news-left .information-details p span{
            width: auto;
            text-indent: 0;
            text-align: left;
            margin-top: 0;
            display: inline;
            font-size: 16px;
        }
        .news-content .news-left .information-details p{
            margin-top: 0;
        }
    </style>
</head>
<body>
<%--<jsp:include page="../header.jsp" />--%>
<jsp:include page="../index/multi_h.jsp" />
<div id="box">

        <%--<div class="news-banner">--%>
            <%--<div class="banner-tab">--%>
                <%--<ul class="clearfix">--%>
                    <%--<li>--%>
                        <%--<a href="javascript:;" class="ert">懂产品</a>--%>
                        <%--<div class="tab-cont">--%>
                            <%--<c:forEach items="${fns:getDictList('info_news_know_product')}" var="type">--%>
                                <%--<a href="javascript:;">--%>
                                    <%--<option value="${type.value}" >${type.label}</option>--%>
                                <%--</a>--%>
                            <%--</c:forEach>--%>
                        <%--</div>--%>
                    <%--</li>--%>
                    <%--<li>--%>
                        <%--<a href="javascript:;" class="ert">学知识</a>--%>
                        <%--<div class="tab-cont">--%>
                            <%--<c:forEach items="${fns:getDictList('info_news_learn_knowledge')}" var="type">--%>
                                <%--<a href="javascript:;" >--%>
                                    <%--<option value="${type.value}" >${type.label}</option>--%>
                                <%--</a>--%>
                            <%--</c:forEach>--%>
                        <%--</div>--%>
                    <%--</li>--%>
                    <%--<li>--%>
                        <%--<a href="javascript:;" class="ert">读新闻</a>--%>
                        <%--<div class="tab-cont">--%>
                            <%--<c:forEach items="${fns:getDictList('info_news_read_news')}" var="type">--%>
                                <%--<a href="javascript:;" >--%>
                                    <%--<option value="${type.value}" >${type.label}</option>--%>
                                <%--</a>--%>
                            <%--</c:forEach>--%>
                    <%--</li>--%>
                    <%--<li>--%>
                        <%--<a href="javascript:;" class="ert">看热点</a>--%>
                        <%--<div class="tab-cont">--%>
                            <%--<c:forEach items="${fns:getDictList('info_news_see_hot')}" var="type">--%>
                                <%--<a href="javascript:;" >--%>
                                    <%--<option value="${type.value}" >${type.label}</option>--%>
                                <%--</a>--%>
                            <%--</c:forEach>--%>
                        <%--</div>--%>
                    <%--</li>--%>
                <%--</ul>--%>
            <%--</div>--%>
        <%--</div>--%>
        <div class="news-content clearfix">
            <div class="news-left">
                <div class="information-details">
                    <h2>${infoNewsInfo.title}</h2>
                    <span style="font-size: inherit">
                       	<c:if test="${infoNewsInfo.source == '0'}">
                           作者:${infoNewsInfo.ori_author}
                        </c:if>
                        <c:if test="${infoNewsInfo.source == '1'}">
                            来源:${infoNewsInfo.out_platform_name}
                        </c:if>
                        <i>发布时间:${update_time}</i>阅读次数: ${number}</span>

                    <p  style="text-indent: 0 ;"><span style="font-weight: bold" >导读：</span>${infoNewsInfo.abstrct}</p>
                    <br>
                        ${infoNewsInfo.content}
                </div>
            </div>
            <div class="news-right">
                <h2 style="margin-top: 0">相关资讯</h2>
                <ul>
                    <c:forEach items="${InfoNewsListByLabel}" var="list">
                    <li>
                        <a href="<c:url value='/infoNews/infoNewsInfo/${list.info_news_id}?ACCESS_TOKEN=${ACCESS_TOKEN}'/>"  >
                            <p>
                                <span>${list.title }</span>
                            </p>
                        </a>
                        <div class="ert"></div>
                    </li>
                   </c:forEach>
                    <c:if test="${empty InfoNewsListByLabel}">
                        <p id="wed-l" style="padding-top: 20px;margin: 0;">暂无相关专题资讯</p>
                    </c:if>
                    <%--<li>--%>
                        <%--<a href="javascript:;">--%>
                            <%--<p>--%>
                                <%--<i class="s1">1</i>--%>
                                <%--<span>这是新闻这是新闻这是新闻这是新闻这是新闻这是新闻这是新闻这是新闻</span>--%>
                            <%--</p>--%>
                        <%--</a>--%>
                    <%--</li>--%>
                    <%--<li>--%>
                        <%--<a href="javascript:;">--%>
                            <%--<p>--%>
                                <%--<i class="s2">2</i>--%>
                                <%--<span>这是新闻这是新闻这是新闻</span>--%>
                            <%--</p>--%>
                        <%--</a>--%>
                    <%--</li>--%>
                    <%--<li>--%>
                        <%--<a href="javascript:;">--%>
                            <%--<p>--%>
                                <%--<i class="s3">3</i>--%>
                                <%--<span>这是新闻这是新闻这是新闻这是新闻这是新闻</span>--%>
                            <%--</p>--%>
                        <%--</a>--%>
                    <%--</li>--%>
                </ul>
            </div>
        </div>
        <jsp:include page="../index/multi_f.jsp" />
</div>
</body>
<script type="text/javascript" src="<c:url value='/resources/versions-2.0/js/jquery-2.1.1.min.js' />"></script>
<script>
    $(function () {
//        $('.banner-tab ul li:first').find('.tab-cont a:first').addClass('on');

        $('.banner-tab ul li').mouseover(function () {
            $(this).find('.tab-cont').show();
        }).mouseout(function () {
            $(this).find('.tab-cont').hide();
        });
        $('.banner-tab ul li .tab-cont a').click(function () {
            $('.banner-tab ul li .tab-cont a').removeClass('on');
            sdf = ($(this).find('option').val());
            $('#info_news_type').val(sdf);
            $(this).addClass('on');
        })
    });
</script>
</html>
