<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="security" uri="http://www.ccpit.org/"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>中国国际贸易促进委员会原产地证申报系统</title>
<!-- Bootstrap -->
<link href="/resource/front/css/poposlides.css" rel="stylesheet">
<link href="/resource/front/css/bootstrap.min.css" rel="stylesheet">
<link href="/resource/front/css/style.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="/resource/front/css/costom_css_tongzhigonggao.css">
<link rel="stylesheet" type="text/css" href="/resource/front/css/home_costom_css.css">
<link rel="stylesheet" type="text/css" href="/resource/front/css/home-page.css">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
  <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<style type="text/css">
a:hover{ 
text-decoration:none; 
} 
</style>
<script>
	var _hmt = _hmt || [];
	(function() {
		var hm = document.createElement("script");
		hm.src = "https://hm.baidu.com/hm.js?d7c1db8302ad04cca3afe72d6b1aed11";
		var s = document.getElementsByTagName("script")[0];
		s.parentNode.insertBefore(hm, s);
	})();
</script>
<style type="text/css">
	@media(min-width:1200px){
		.col-lg-l5{
			width:20%;
			float:left;
		}
	}
</style>
</head>


<body>
<!-- 
<div class="container">
    <div class="row">
        <div class="col-xs-12">
            <p style="color:red;font-size:16px;padding:20px">通知:贸促会原产地证系统官方网站已于 2017-05-22 推出新版,目前旧版的部分页面和功能仍在迁移中,在迁移完成前,如有找不到的内容,请暂时先访问旧版网站查找您需要的内容:<a style="color:blue;border-bottom:1px solid blue" href="http://oldwww.co.ccpit.org/notice.aspx?typeid=003">oldwww.co.ccpit.org</a></p>
        </div>
    </div>
</div>
 -->
	<nav class="navbar navbar-default">
	<div class="container-fluid costom_main_navigation">
		<!-- Brand and toggle get grouped for better mobile display -->
		<div class="navbar-header">
			<button type="button" class="navbar-toggle collapsed"
				data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"
				aria-expanded="false">
				<span class="sr-only">Toggle navigation</span> <span
					class="icon-bar"></span> <span class="icon-bar"></span> <span
					class="icon-bar"></span>
			</button>
			<a class="navbar-brand" href="/"> <img
				src="/resource/front/images/loge_get_it.png" style="width: 90%;">
			</a>
			<div class="banner-click" style="width:44%;height:110px;left:28%;" >
				<a href="http://qiye.ccpiteco.net" target="_blank"  style="width:90%;height:80px;font-size:30px;"><i></i>点击进入新版原产地证申报系统</a>
			</div> 
		</div>

		<!-- Collect the nav links, forms, and other content for toggling -->
		<div class="collapse navbar-collapse"
			id="bs-example-navbar-collapse-1">
			<ul class="nav navbar-nav navbar-right">
				<li><a href="/">首页</a></li>
				<li><a href="/front/aboutCO">关于原产地证</a></li>
				<li><a href="/front/aboutNotice/1">通知公告</a></li>
				<li><a href="/front/aboutNotice/2">政策法规</a></li>
				<li><a href="/front/aboutQuestion">常见问题</a></li>
				<li><a href="/front/aboutUS">关于我们</a></li>
				<%-- <li>
					<!-- <button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="bottom" data-content="Vivamus
					sagittis lacus vel augue laoreet rutrum faucibus."></button> --> <a
					href="#" class="glyphicon glyphicon-search" data-toggle="popover"
					data-html=true data-placement="bottom"
					data-content="<input style='height:30px; margin-top:10px;border-radius:3px;border:1px #cecbcb solid;padding-left:5px' placeholder='搜索'>"
					data-container="body"></a>


				</li> --%>
			</ul>
		</div>
		<!-- /.navbar-collapse -->
	</div>
	</nav>

	<div class="row content" id="banner_image_row" style="max-width: 100%">
		<div class="col-sm-12 col-md-12">
			<!-- <div class="thumbnail"> -->
			<!-- <div class="caption"> -->
			<!-- <img src="/resource/front/images/fakeIndexBanner.png" class="costom_title_img_div" style="width: 100%"> -->
			<div class="slides-box">
				<ul class="slides">
					<li
						style="background: url('/resource/front/images/banner_6.jpg') center"></li>
					<li
						style="background: url('/resource/front/images/banner_7.jpg') center"></li>
					<li
						style="background: url('/resource/front/images/banner_8.jpg') center"></li>  
				</ul>
			</div>
			<!-- </div> -->
			<!-- </div> -->
		</div>
	</div>

	<div id="firstRowGetDiv">
		<div class="row content" id="firstRowGet">
			<div class="col-lg-3 col-md-6 col-sm-6 col-lg-l5">
				<div style="box-shadow: 3px 2px 9px; text-align:center">
					<a href="/front/aboutCO" target="_blank"> <img
						src="/resource/front/images/home_firstRow_firstImg.png"> <span
						class="firstRow_span">关于原产地证</span>
					</a>
 
				</div> 
			</div>
			<div class="col-lg-3 col-md-6 col-sm-6 col-lg-l5">
				<div style="box-shadow: 3px 2px 9px; text-align:center">
					<a href="/front/aboutQuestionContent/16"> <img
						src="/resource/front/images/home_firstRow_secondImg.png"> <span
						class="firstRow_span">办理流程</span>
					</a>
				</div>
			</div>
			<div class="col-lg-3 col-md-6 col-sm-6 col-lg-l5">
				<div style="box-shadow: 3px 2px 9px; text-align:center">
					<a href="/front/serviceNetWork"> <img
						src="/resource/front/images/home_firstRow_thirdImg.png"> <span
						class="firstRow_span">签证机构查询</span>
					</a>

				</div>
			</div>
			<div class="col-lg-3 col-md-6 col-sm-6 col-lg-l5">
				<div style="box-shadow: 3px 2px 9px; text-align:center">
					<a href="http://fta.mofcom.gov.cn/index.shtml" target="_blank"> <img
						src="/resource/front/images/home_firstRow_forthImg.png"> <span
						class="firstRow_span">优惠税率查询</span>
					</a>

				</div>
			</div> 
			<div class="col-lg-3 col-md-6 col-sm-6 col-lg-l5">
				<div style="box-shadow: 3px 2px 9px;text-align:center">
					<a href="/front/thirdPlatform"> <img style="width:135px;height:83px"
						src="/resource/front/images/timg.png"> <span
						class="firstRow_span">第三方平台查询</span>
					</a>
 
				</div>
			</div>
		</div>
	</div>
	
    <!--     <div style="background:#e9e9e9"> 
                    <div class="container">
                    <div class="row">
                        <div class="col-xs-12">
                            <p style="font-size:16px;padding:20px"><b>您是否在寻找(旧版内容):</b>&emsp;<a href="http://oldwww.co.ccpit.org/notice.aspx?typeid=003">重要公告</a>&emsp;<a href="http://oldwww.co.ccpit.org/CerAffiars/Cer.aspx">商事证明书</a>&emsp;<a href="horg/Consulate/Consulate_Illustration.html">领事认证服务</a>&emsp;<a href="http://oldwww.co.ccpit.org/Translate_visa_services/T_index.html">签证服务</a>
                        </div>
                    </div>
                </div>
        </div> -->


	<div class="row content" id="secondRowGet"
		style="margin-top: 50px; margin-bottom: 50px">
		<div class="col-sm-4 col-md-4 ">
			<div class="secondRow_div">
				<div class="secondRow_div_title">
					<img src="/resource/front/images/home_secondRow_firstTitleImg.png">
					<p class="chineseFont">
						通知公告<a href="/front/aboutNotice/1" target="_blank">更多&gt;&gt;</a>
					</p>
					<p class="englishFont">Notice Announcement</p>
					<hr>
				</div>
				<ul class="secondRow_div_content">
					<c:forEach items="${noticeList}" var="notice" begin="0" end="9" varStatus="status">
					<c:if test="${notice.infotatus==1&&status.count<3}">
						<li><span class="secondRow_div_content_content"><a style="font-weight:bold;color:red"
								href="/front/aboutNoticeContent/${notice.id }"
								title="${notice.noticeTitle }" target="_blank">${fn:substring(notice.noticeTitle, 0, 40) }</a></span></li>
					</c:if>
					<c:if test="${notice.infotatus==0||status.count>2}">
					<li><span class="secondRow_div_content_content"><a 
								href="/front/aboutNoticeContent/${notice.id }"
								title="${notice.noticeTitle }" target="_blank">${fn:substring(notice.noticeTitle, 0, 40) }</a></span></li>
					</c:if>
					</c:forEach>
				</ul>
			</div>
		</div>
		<div class="col-sm-4 col-md-4 ">
			<div class="secondRow_div">
				<div class="secondRow_div_title">
					<img src="/resource/front/images/home_secondRow_secondTitleImg.png">
					<p class="chineseFont">
						政策法规<a href="/front/aboutNotice/2" target="_blank">更多&gt;&gt;</a>
					</p>
					<p class="englishFont">Policies Regulations</p>
					<hr>
				</div>
				<ul class="secondRow_div_content">
					<c:forEach items="${policyList}" var="policy" begin="0" end="9">
						<li><span class="secondRow_div_content_content"><a
								href="/front/aboutNoticeContent/${policy.id }"
								title="${policy.noticeTitle }" target="_blank">${fn:substring(policy.noticeTitle, 0, 40)  }</a></span></li>
					</c:forEach>
				</ul>
			</div>
		</div>
		<div class="col-sm-4 col-md-4 ">
			<div class="secondRow_div">
				<div class="secondRow_div_title">
					<img src="/resource/front/images/home_secondRow_thirdTitleImg.png">
					<p class="chineseFont">
						常见问题<a href="/front/aboutQuestion" target="_blank">更多&gt;&gt;</a>
					</p>
					<p class="englishFont">Common Problem</p>
					<hr>
				</div>
				<ul class="secondRow_div_content">
					<c:forEach items="${questionList}" var="question" begin="0" end="9">
						<li><span class="secondRow_div_content_content"><a
								href="/front/aboutQuestionContent/${question.id }"
								title="${question.title }" target="_blank">${fn:substring(question.title, 0, 40) }</a></span></li>
					</c:forEach>
				</ul>
			</div>
		</div>
	</div>
<!-- 客服文件 --> <jsp:include page="customerService.jsp" /> 
<jsp:include page="footer.jsp" /> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
	<script src="/resource/front/js/jquery.min.js"></script> 
	<script src="/resource/front/js/bootstrap.min.js"></script> <script
		src="/resource/front/js/poposlides.js"></script> <script rel="script"
		type="text/javascript">
			$(document).ready(function() {
				$("#search").click(function() {
					$("#popsearch").slideDown("slow");
				});
				$("#popsearch .gb_btn").click(function() {
					$("#popsearch").slideUp("slow");
				});
			});
			$(function() {
				$('[data-toggle="popover"]').popover()
			});
			$(".slides").poposlides();
		</script> <script src="/resource/front/js/aside_fade.js"></script>
</body>
</html>