zkx
/
jp-gateway-pc


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650
							<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport"
			content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="renderer" content="webkit" />
		<meta name="robots" content="index, follow" />
		<meta name="keywords" content="" />
		<meta name="description" content="" />
		<link rel="stylesheet" type="text/css" href="../css/font-awesome.css" media="screen" />
		<link rel="stylesheet" type="text/css" href="../css/bootstrap.css" media="screen" />

		<link rel="stylesheet" type="text/css" href="../css/owl.carousel.css" media="screen" />
		<!--<link rel="stylesheet" type="text/css" href="../css/jquery.bxslider.css"
        media="screen"/>
        -->
		<link rel="stylesheet" type="text/css" href="../css/magnific-popup.css" media="screen" />

		<link rel="stylesheet" type="text/css" href="../css/animate.css" media="screen" />
		<link rel="stylesheet" type="text/css" href="../css/settings.css" media="screen" />
		<link rel="stylesheet" type="text/css" href="../css/style-red.css" media="screen" />
		<link rel="stylesheet" type="text/css" href="../css/tk.css" media="screen" />
		<style>
			@import url(../css/time/time.css?family=Fira+Sans:200,400,500);

			* {
				border: 0;
				margin: 0;
				padding: 0;
			}

			html {
				height: 100%;
			}

			body {
				height: inherit;
				display: flex;
				flex-direction: column;
				font-family: "Fira Sans", sans-serif;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
				color: #79838c;
			}

			a {
				color: #50585f;
				text-decoration: none;
			}

			a:hover {
				color: #383e44;
			}

			div.containerTime {
				display: flex;
				flex: auto;
				flex-direction: column;
				max-height: 100%;
			}

			div.header {
				height: auto;
				text-align: center;
				background: slategrey;
				color: ghostwhite;
				padding: 2.3rem 1rem 2.3rem 1rem;
				position: relative;
			}

			div.header:after {
				content: "";
				position: absolute;
				bottom: -5rem;
				left: 0rem;
				height: 5.1rem;
				display: block;
				width: 100%;
				z-index: 300;
				background: -moz-linear-gradient(top, white 20%, rgba(255, 255, 255, 0) 100%);
				/* FF3.6-15 */
				background: -webkit-linear-gradient(top, white 20%, rgba(255, 255, 255, 0) 100%);
				/* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(to bottom, white 20%, rgba(255, 255, 255, 0) 100%);
				/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#00ffffff", GradientType=0);
				/* IE6-9 */
			}

			div.header h1 {
				margin-top: 0.8rem;
				margin-bottom: 0.5rem;
				font-weight: 200;
				font-size: 1.6em;
				letter-spacing: 0.1rem;
				text-transform: uppercase;
			}

			@media (min-width: 62em) {
				div.header h1 {
					font-size: 1.9em;
					letter-spacing: 0.2rem;
				}
			}

			div.header h2 {
				font-size: 1.1em;
				font-weight: 400;
				color: #cfd7de;
				max-width: 30rem;
				margin: auto;
			}

			div.item {
				display: flex;
				flex: auto;
				overflow-y: auto;
				padding: 0rem 1rem 0rem 1rem;
			}

			#timeline {
				position: relative;
				display: table;
				height: 100%;
				margin-left: auto;
				margin-right: auto;
				margin-top: 5rem;
			}

			#timeline div:after {
				content: "";
				width: 2px;
				position: absolute;
				top: 0.5rem;
				bottom: 0rem;
				left: 60px;
				z-index: 1;
				background: #C5C5C5;
			}

			#timeline h3 {
				position: -webkit-sticky;
				position: sticky;
				top: 5rem;
				color: #888;
				margin: 0;
				font-size: 1em;
				font-weight: 400;
				line-height: 1.0;
			}

			@media (min-width: 62em) {
				#timeline h3 {
					font-size: 1.1em;
				}
			}

			#timeline section.year {
				position: relative;
			}

			#timeline section.year:first-child section {
				margin-top: -1.3em;
				padding-bottom: 0px;
			}

			#timeline section.year section {
				position: relative;
				padding-bottom: 1.25em;
				margin-bottom: 2.2em;
			}

			#timeline section.year section h4 {
				position: absolute;
				bottom: 0;
				font-size: 0.9em;
				font-weight: 400;
				line-height: 1.2em;
				margin: 0;
				padding: 0 0 0 89px;
				color: #C5C5C5;
			}

			@media (min-width: 62em) {
				#timeline section.year section h4 {
					font-size: 1em;
				}
			}

			#timeline section.year section ul {
				list-style-type: none;
				padding: 0 0 0 75px;
				margin: -1.35rem 0 1em;
				/* max-width: 32rem; */
				font-size: 1em;
			}

			@media (min-width: 62em) {
				#timeline section.year section ul {
					font-size: 1.1em;
					padding: 0 0 0 81px;
				}
			}

			#timeline section.year section ul:last-child {
				margin-bottom: 0;
			}

			#timeline section.year section ul:first-of-type:after {
				content: "";
				width: 10px;
				height: 10px;
				background: #C5C5C5;
				border: 2px solid #FFFFFF;
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
				-ms-border-radius: 50%;
				border-radius: 50%;
				position: absolute;
				left: 54px;
				top: 3px;
				z-index: 2;
				box-sizing: unset;
			}

			#timeline section.year section ul li {
				margin-left: 0.5rem;
			}

			#timeline section.year section ul li:before {

				margin-left: -0.5rem;
				padding-right: 0.3rem;
			}

			#timeline section.year section ul li:not(:first-child) {
				margin-top: 0.5rem;
			}

			#timeline section.year section ul li span.price {
				color: mediumturquoise;
				font-weight: 500;
			}

			.usd {
				display: inline;
			}

			svg {
				border: 3px solid white;
				border-radius: 50%;
				box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
			}
		</style>
		<script type="text/javascript" src="../js/jquery.min.js">
		</script>
		<script type="text/javascript" src="../js/jquery.migrate.js">
		</script>
		<script type="text/javascript" src="../js/bootstrap.js">
		</script>
		<script type="text/javascript" src="../js/owl.carousel.min.js">
		</script>
		<script>
			var currency = "BTC";
		</script>
		<!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at
        the end of file. -->
		<!--[if lt IE 9]>
            <script src="../js/html5.js">
            </script>
            <script src="../js/respond.min.js">
            </script>
            <style>
                article,aside,dialog,footer,header,section,nav,figure,menu{display:block;padding:0;margin:0;}
            </style>
            <link rel="stylesheet" href="../css/ie.css" type="text/css" media="screen"
            />
        <![endif]-->
		<!--[if lte IE 9]>
            <script src="../js/jquery.placeholder.js">
            </script>
            <script>
                jQuery(document).ready(function($) {
                    $('input, textarea').placeholder();
                });
            </script>
            <script type="text/javascript" src="../js/pie.js">
            </script>
            <script type="text/javascript">
                jQuery(document).ready(function($) {
                    $('.indexci img').each(function() {
                        PIE.attach(this);
                    });
                });
            </script>
        <![endif]-->
		<!--[if (gte IE 6)&(lte IE 8)]>
            <script type="text/javascript" src="../js/ie8-eventlistener.js">
            </script>
            <script type="text/javascript" src="../js/selectivizr.js">
            </script>
            <script type="text/javascript" src="../js/excanvas.compiled.js">
            </script>
        <![endif]-->
		<link rel="icon" href="favicon.ico">
		<title>
			荆鹏集团
		</title>
	</head>

	<body>
		<!--[if lt IE 8]>
            <div class="lt-ie8-bg">
                <p class="browsehappy">
                    You are using an
                    <strong>
                        outdated
                    </strong>
                    browser.
                </p>
                <p>
                    Please
                    <a >
                        upgrade your browser
                    </a>
                    to improve your experience.
                </p>
                <p class="browsehappy">
                    对不起，您正在使用的是
                    <strong>
                        过时
                    </strong>
                    的浏览器.
                </p>
                <p>
                    请升级您的浏览器（IE8+，或者是火狐、谷歌、Opera、Safari等现代浏览器），以改进您的用户体验！
                </p>
            </div>
            <style>
                .lt-ie8-bg{z-index:11111;position:absolute;top:0;left:0;right:0;bottom:0;background-color:#333;color:#999;padding:100px
                20px;text-align:center;font-size:26px} .lt-ie8-bg a{color:#f5f5f5;border-bottom:2px
                solid #fff} .lt-ie8-bg a:hover{text-decoration:none} #container{display:none;}
            </style>
        <![endif]-->
		<div id="container">

			<div id="head"></div>
			<script>
				$("#head").load("common/head.html");
				//公共属性
				$(function() {
					getData();

					function getData() {
						console.log(Constant)
						$.post(Constant.serverUrl + "api/mhdata/getList", {
							code: Constant.query.jpcode,
							id: Constant.query.id,
							pageSize: 500,
							isdetails: 1
						}, function(data, status) {
							$(".data-title").text(data.data.dic.name)
							$(".data-title").attr("href", data.data.dic.extended3 + "?jpcode=" + data.data.dic
								.value)
							var list = data.data.data.data;
							var rowList = []
							for (var i in list) {
								var row = {
									title: list[i].title,
									list: []
								}
								console.log(list[i].content)

								console.log($(list[i].content))
								$(list[i].content).each(function() {
									var c = $(this).text()
									if (c != '\n') {
										row.list.push(c)
									}

								})

								rowList.push(row);
							}
							rowList.sort((a, b) => {
								var n1 = Number(a.title)
								var n2 = Number(b.title)

								if (!isNaN(n1) && !isNaN(n2)) {

									return n1 - n2;
								} else // 字符
								{
									return true
								}

							})
							console.log(rowList)
							$("#portfolio-temp").tmpl(rowList).prependTo(".data-portfolio")

						})
					}
				})
			</script>

			<div class="breadcrumb-wrapper">
				<div class="container">
					<div class="row">
						<div class="col-md-3 col-sm-4 bcid-cat data-title">

						</div>
						<div class="col-md-9 col-sm-8 location">
							<i class="fa fa-map-marker">
							</i>
							&nbsp;
							<span>
								当前位置：
								<a href="index.html">

									网站首页
								</a>
								&gt
								<a  class="data-title">

								</a>
							</span>
						</div>
					</div>
				</div>
			</div>
			<script type="text/text/x-jquery-tmpl" id="portfolio-temp">
				<section class="year">
				  <h3>${title}</h3>
				  {{each(i,item) list}}
				  <section>
				    <ul>
				      <li>${item}</li>
				    </ul>
				  </section>  
					  {{/each}}
				</section>
				
			</script>
			<div class="page-container" id="innerpage-wrap">
				<div class="container">
					<div class="row">
						<div class="main col-md-9 inner-left" role="main">
							<div class="about-page-wrap">
								<div class="com-cnt page-content">


									<div class="containerTime">

										<div class="item">
											<div id="timeline">
												<div class="data-portfolio">

												</div>
											</div>
										</div>
									</div>
									<div id="pages" class="page">
									</div>
								</div>
							</div>
						</div>

						<div id="sidebar"></div>
						<script>
							$("#sidebar").load("common/sidebar.html");
						</script>

					</div>
				</div>
			</div>
			<div class="for-bottom-padding">
			</div>
			<div id="food"></div>
			<script>
				$("#food").load("common/foot.html")
			</script>
		</div>
		<!--<script type="text/javascript" src="../js/jquery.bxslider.min.js"></script>
        <script type="text/javascript" src="../js/jquery.countto.js"></script>-->
		<script type="text/javascript" src="../js/jquery.magnific-popup.min.js">
		</script>
		<script type="text/javascript" src="../js/jquery.appear.js">
		</script>
		<script type="text/javascript" src="../js/jquery.imagesloaded.min.js">
		</script>
		<script type="text/javascript" src="../js/jquery.isotope.min.js">
		</script>
		<script type="text/javascript" src="../js/retina-1.1.0.min.js">
		</script>
		<script type="text/javascript" src="../js/plugins-scroll.js">
		</script>
		<script type="text/javascript" src="../js/waypoint.min.js">
		</script>
		<script type="text/javascript" src="../js/jquery.themepunch.tools.min.js">
		</script>
		<script type="text/javascript" src="../js/jquery.themepunch.revolution.min.js">
		</script>
		<script type="text/javascript" src="../js/script.js">
		</script>
		<script>
			var Speed_1 = 10; //速度(毫秒)
			var Space_1 = 20; //每次移动(px)
			if (document.documentElement.clientWidth > 1500) {
				var PageWidth_1 = 366 * 1; //翻页宽度
			} else if (document.documentElement.clientWidth > 1150) {
				var PageWidth_1 = 326 * 1; //翻页宽度
			} else {
				var PageWidth_1 = 366 * 1; //翻页宽度
			}
			var interval_1 = 3000; //翻页间隔时间
			var fill_1 = 0; //整体移位
			var MoveLock_1 = false;
			var MoveTimeObj_1;
			var MoveWay_1 = "right";
			var Comp_1 = 0;
			var AutoPlayObj_1 = null;

			function GetObj(objName) {
				if (document.getElementById) {
					return eval('document.getElementById("' + objName + '")')
				} else {
					return eval('document.all.' + objName)
				}
			}

			function AutoPlay_1() {
				clearInterval(AutoPlayObj_1);
				AutoPlayObj_1 = setInterval('ISL_GoDown_1();ISL_StopDown_1();', interval_1)
			}

			function ISL_GoUp_1() {
				if (MoveLock_1) return;
				clearInterval(AutoPlayObj_1);
				MoveLock_1 = true;
				MoveWay_1 = "left";
				MoveTimeObj_1 = setInterval('ISL_ScrUp_1();', Speed_1);
			}

			function ISL_StopUp_1() {
				if (MoveWay_1 == "right") {
					return
				};
				clearInterval(MoveTimeObj_1);
				if ((GetObj('ISL_Cont_11').scrollLeft - fill_1) % PageWidth_1 != 0) {
					Comp_1 = fill_1 - (GetObj('ISL_Cont_11').scrollLeft % PageWidth_1);
					CompScr_1()
				} else {
					MoveLock_1 = false
				}
				AutoPlay_1()
			}

			function ISL_ScrUp_1() {
				if (GetObj('ISL_Cont_11').scrollLeft <= 0) {
					GetObj('ISL_Cont_11').scrollLeft = GetObj('ISL_Cont_11').scrollLeft + GetObj('List1_1').offsetWidth
				}
				GetObj('ISL_Cont_11').scrollLeft -= Space_1
			}

			function ISL_GoDown_1() {
				clearInterval(MoveTimeObj_1);
				if (MoveLock_1) return;
				clearInterval(AutoPlayObj_1);
				MoveLock_1 = true;
				MoveWay_1 = "right";
				ISL_ScrDown_1();
				MoveTimeObj_1 = setInterval('ISL_ScrDown_1()', Speed_1)
			}

			function ISL_StopDown_1() {
				if (MoveWay_1 == "left") {
					return
				};
				clearInterval(MoveTimeObj_1);
				if (GetObj('ISL_Cont_11').scrollLeft % PageWidth_1 - (fill_1 >= 0 ? fill_1 : fill_1 + 1) != 0) {
					Comp_1 = PageWidth_1 - GetObj('ISL_Cont_11').scrollLeft % PageWidth_1 + fill_1;
					CompScr_1()
				} else {
					MoveLock_1 = false
				}
				AutoPlay_1()
			}

			function ISL_ScrDown_1() {
				if (GetObj('ISL_Cont_11').scrollLeft >= GetObj('List1_1').scrollWidth) {
					GetObj('ISL_Cont_11').scrollLeft = GetObj('ISL_Cont_11').scrollLeft - GetObj('List1_1').scrollWidth
				}
				GetObj('ISL_Cont_11').scrollLeft += Space_1
			}

			function CompScr_1() {
				if (Comp_1 == 0) {
					MoveLock_1 = false;
					return
				}
				var num, TempSpeed = Speed_1,
					TempSpace = Space_1;
				if (Math.abs(Comp_1) < PageWidth_1 / 2) {
					TempSpace = Math.round(Math.abs(Comp_1 / Space_1));
					if (TempSpace < 1) {
						TempSpace = 1
					}
				}
				if (Comp_1 < 0) {
					if (Comp_1 < -TempSpace) {
						Comp_1 += TempSpace;
						num = TempSpace
					} else {
						num = -Comp_1;
						Comp_1 = 0
					}
					GetObj('ISL_Cont_11').scrollLeft -= num;
					setTimeout('CompScr_1()', TempSpeed)
				} else {
					if (Comp_1 > TempSpace) {
						Comp_1 -= TempSpace;
						num = TempSpace
					} else {
						num = Comp_1;
						Comp_1 = 0
					}
					GetObj('ISL_Cont_11').scrollLeft += num;
					setTimeout('CompScr_1()', TempSpeed)
				}
			}

			function picrun_ini() {
				GetObj("List2_1").innerHTML = GetObj("List1_1").innerHTML;
				GetObj('ISL_Cont_11').scrollLeft = fill_1 >= 0 ? fill_1 : GetObj('List1_1').scrollWidth - Math.abs(fill_1);
				GetObj("ISL_Cont_11").onmouseover = function() {
					clearInterval(AutoPlayObj_1)
				}
				GetObj("ISL_Cont_11").onmouseout = function() {
					AutoPlay_1()
				}
				AutoPlay_1();
			}
		</script>

	</body>

</html>