zkx
/
jp-gateway-pc


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500
							<!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" />
        <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"
        />
        <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>
        <!-- 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>
        <meta name="keywords" content="荆鹏集团" />
        <meta name="description" content="荆鹏集团。" /> 
			 
    </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");
			</script>
			<script type="text/text/x-jquery-tmpl" id="banner-temp">
				<li data-transition="random" data-link="${link}" data-slotamount="7" data-masterspeed="500">
					
				    <img src="${logo}" alt="${title}"  data-bgfit="cover" data-bgposition="center top"
				    data-bgrepeat="no-repeat" />
				
				</li>
			</script>
          <div id="slider" class="slider2">
                <div class="tp-banner-container">
                  <div class="tp-banner">
                       <ul class="data-banner">
                           
                           
                        </ul>  
						
                       <div class="tp-bannertimer">
                        </div>
                    </div> 
                </div>
            </div> 
			<script>
			$(function() {
				 
				getBanner();
				
				function getBanner(){
						
						 $.post(Constant.serverUrl+"api/mhdata/getList",{
							code:"JPZJ-banner",isdetails:1
						 },function(data,status){
							
							 if(data.data.data){
							 	//aaa.find(".data-banner").append( $("#banner-temp").tmpl(data.data.data.data))
								 $("#banner-temp").tmpl(data.data.data.data).prependTo(".data-banner")
								 if(jQuery('.tp-banner')&&true){
									var revapi;
									jQuery(document).ready(function() {
								 
									   revapi = jQuery('.tp-banner').revolution(
										{
											delay:6000,
											startwidth:940,
											startheight:540,
											hideThumbs:10,
											fullWidth:"on",
											forceFullWidth:"on",
											onHoverStop:"off",
											navigationVOffset:80,
											navigationHOffset:0,//90
											soloArrowLeftHOffset:50,
											soloArrowRightHOffset:50
										});
								 
									});
								 }
							 }
						 })
				}
			})
			</script>
            <div id="content">
                <div class="section-content text-banner-section white-back" id="index-business-title">
                    <div class="container">
                        <div class="text-box triggerAnimation animated-x" data-animate="bounceIn">
                            <h1>
                               <a href="news.html?jpcode=ZYYW%25" >
                                    我们的主要产品
                                </a> 
								
                            </h1>
                            <p>
                              我公司可根据用户的需求进行需求分析、系统设计、系统集成、软件研制开发开发，安防设计施工、仪器制造生产。
							</p>
                        </div>
                    </div>
                </div>
                <div class="section-content services-section3" id="index-business">
                    <div class="services-box">
                        <div class="container">
                            <div class="row">
                                <div class="col-md-3 col-sm-6 cls-item">
                                    <div class="services-post">
                                        <div class="inner-service-post">
                                            <a href="product.html?jpcode=ZYYW-ZHXL" class="icon">
                                                <i class="fa fa-cloud">
                                                </i>
                                            </a>
                                            <h2>
                                                智慧系列
                                            </h2>
                                           <!-- <p>
                                                XXX在国内外有众多的厂家合作伙伴，如 Microsoft，Adobe，赛门铁克，甲骨文，金山等。
                                            </p> -->
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-2 col-sm-6 cls-item">
                                    <div class="services-post">
                                        <div class="inner-service-post">
                                            <a href="product.html?jpcode=ZYYW-SYXL" class="icon">
                                                <i class="fa fa-tint">
                                                </i>
                                            </a>
                                            <h2>
                                                石油系列
                                            </h2>
                                           <!-- <p>
                                                XXX硬件方面主攻的产品有：HP服务器，DELL服务器，浪潮服务器，建恒信安保垒机，思科，H3C...
                                            </p> -->
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-2 col-sm-6 cls-item">
                                    <div class="services-post">
                                        <div class="inner-service-post">
                                            <a href="product.html?jpcode=ZYYW-DZXL" class="icon">
                                                <i class="fa fa-globe">
                                                </i>
                                            </a>
                                            <h2>
                                               地质系列
                                            </h2>
                                          <!--  <p>
                                                XXX服务范围涵盖了软件销售、私有云、IT基础架构系统规划、IT咨询、系统实施、信息安全构建...
                                            </p> -->
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-2 col-sm-6 cls-item">
                                    <div class="services-post">
                                        <div class="inner-service-post">
                                            <a href="product.html?jpcode=ZYYW-ZFXL" class="icon">
                                                <i class="fa fa-bank">
                                                </i>
                                            </a>
                                            <h2>
                                                政府/服务系列
                                            </h2>
                                           <!-- <p>
                                                XXX正开拓其他业务，服务范围涵盖了软件销售、私有云、IT基础架构系统规划、IT咨询、系统实...
                                            </p> -->
                                        </div>
                                    </div>
                                </div>
								<div class="col-md-3 col-sm-6 cls-item">
								    <div class="services-post">
								        <div class="inner-service-post">
								            <a href="product.html?jpcode=ZYYW-DSXL" class="icon">
								                <i class="fa fa-shopping-bag">
								                </i>
								            </a>
								            <h2>
								               电商系列
								            </h2>
								           <!-- <p>
								                XXX正开拓其他业务，服务范围涵盖了软件销售、私有云、IT基础架构系统规划、IT咨询、系统实...
								            </p> -->
								        </div>
								    </div>
								</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="section-content portfolio-section carousel-projects" id="index-project">
                    <div class="title-section title2">
                        <div class="container triggerAnimation animated" data-animate="bounceIn">
                            <h1 class="dark-title-x">
                              
								<a href="case.html?jpcode=CGAL%25">
                                    我们的成功案例
                                </a>
                            </h1>
                        </div>
                    </div>
					<script type="text/text/x-jquery-tmpl" id="portfolio-temp">
						<div class="project-post item">
						    <div class="inner-project">
						        <img alt="Image" src="${logo}"  />
						        <div class="project-hover">
						            <ul>
						                <li>
						                    <a href="${link}">
						                        <i class="fa fa-link">
						                        </i>
						                    </a>
						                </li>
						            </ul>
						            <div class="caption">
						                <h2>
						                    <a href="${link}" title="${title}">
						                        ${title}
						                    </a>
						                </h2>
						                <span>
						                    ${typeN}
						                </span>
						            </div>
						        </div>
						    </div>
						</div>
						
					</script>
                    <div class="portfolio-container">
						<div id="owl-demo4" class="owl-carousel data-portfolio">
						</div>
						
                        <div class="show-all">
                            <a  href="case.html?jpcode=CGAL%25" >
                                <i class="fa fa-th">
                                </i>
                            </a>
                        </div>
                    </div>
					<script>
					$(function() {
						 
						getPortfolio();
						
						function getPortfolio(){
								
								 $.post(Constant.serverUrl+"api/mhdata/getList",{
									code:"CGAL%",isdetails:1
								 },function(data,status){
									
									 if(data.data.data){
									 	//aaa.find(".data-banner").append( $("#banner-temp").tmpl(data.data.data.data))
										 $("#portfolio-temp").tmpl(data.data.data.data).prependTo(".data-portfolio")
										 $("#owl-demo4").owlCarousel({
										 	navigation : true,
										 	autoPlay: 8000,
										 	items : 5,
										 	itemsDesktop : [1199,4],
										 	itemsDesktopSmall : [979,3],
										 	itemsTabletSmall : [768,2],
										 	itemsMobile : [479,1]
										 });
									 }
								 })
						}
					})
					</script>
                </div>
                <div class="section-content team-section2 no-padd" id="index-news">
                    <div class="title-section title2">
                        <div class="container triggerAnimation animated" data-animate="bounceIn">
                            <h1>
                                <a  href="news.html?jpcode=XWZX%25">
                                    最新资讯
                                </a>
                            </h1>
                        </div>
                    </div>
					<style >
					 .jp-desc-d{
						display: -webkit-box;
						            display: -moz-box;
						            white-space: pre-wrap;
						            word-wrap: break-word;
						            overflow: hidden;
						            text-overflow: ellipsis;
						            -webkit-box-orient: vertical;
						            -webkit-line-clamp:4;   /*显示行数*/
					} 
					</style>
					<script type="text/text/x-jquery-tmpl" id="iblog-temp">
						<div class="item team-post iblog-item">
						    <div class="team-gal">
						        <img src="${logo}" alt="Image" style="height: 230px;" />
						        <div class="hover-team">
						            <div class="inner-team">
						                <ul class="team-social">
						                    <li>
						                        <a class="facebook" href="${link}">
						                            <i class="fa fa-eye">
						                            </i>
						                        </a>
						                    </li>
						                </ul>
						            </div>
						        </div>
						    </div>
						    <h2 class="iblog-title">
						        <a href="${link}" title="${title}">
						            ${title}
						        </a>
						    </h2>
						    <div class="iblog-desc jp-desc-d"  style="    height: 80px;"  >
							{{html content}}
							
						    </div>
						    <span class="iblog-date">
						        <i class="fa fa-calendar">
						        </i>
						        &nbsp;${createTime}
						    </span>
						</div>
						
						
					</script>
                    <div class="team-box">
                        <div class="container">
                            <div class="row">
								 <div id="owl-demo" class="owl-carousel data-iblog">
								</div>
                            </div>
						<script>
							$(function() {
								 
								getIblog();
								
								function getIblog(){
										
										 $.post(Constant.serverUrl+"api/mhdata/getList",{
											code:"XWZX%",isdetails:1
										 },function(data,status){
											
											 if(data.data.data){
											 	//aaa.find(".data-banner").append( $("#banner-temp").tmpl(data.data.data.data))
												 $("#iblog-temp").tmpl(data.data.data.data).prependTo(".data-iblog")
												$("#owl-demo").owlCarousel({
													autoPlay: false,//8000
													items : 4,
													itemsDesktop : [1199,3],
													itemsDesktopSmall : [979,3],
													itemsTablet : [961,3],
													itemsTabletSmall : [768,2],
													itemsMobile : [479,1]
												});
												//$(".iblog-desc").children().addClass("jp-desc-d")
												$(".jp-desc-d").each(function(){
													$(this).text($(this).text().trim())
												})
											 }
										 })
								}
							})
							</script>
                        </div>
                    </div>
                </div>
            </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>
       

</body>

</html>