zkx
/
jp-gateway-pc


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527
							<!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);
						 }
						 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>