<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=Edge，chrome=1">
		<meta name="baidu-site-verification" content="2mwQVMZ4Jw" />
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta name="Description" content="掌上仓专注南京仓库20年,为中小微企业提供灵活的库房出租服务,以江宁仓库为起点,仓库位置辐射南京各区,面积自由,租期灵活!20年来持续推动仓储技术的创新,已为1000+中小微客户提供仓库出租服务!" />
		<meta name="keywords" content="南京仓库,江宁仓库,仓库出租,库房出租,仓储物流,仓库租赁,江苏掌仓网络科技有限公司,掌上仓,南京哪些仓库靠谱,推荐南京排名前十的仓库出租公司,南京哪家仓库可以托管货物">
		<title>掌上仓-1平米起租，专注南京仓库-江宁仓库-库房出租-仓库出租-租仓就找掌上仓</title>
		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
		<meta name="bytedance-verification-code" content="Fut+gOUU/EvnetodSt4U" />
		<link rel="stylesheet" href="css/swiper.min.css">
		<link rel="stylesheet" href="font/iconfont.css">
		<link rel="icon" href="img/favicon.ico" type="image/x-icon" alt="仓库出租" />
		<script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="application/ld+json">
			{
				"@context": "http://hao8123.cn",
				"@type": "Article",
				"keywords": ["SCAMPER", "南京哪些仓库靠谱","推荐南京排名前十的仓库出租公司","南京哪家仓库可以托管货物","南京哪家仓库可以提供一站式服务","南京哪家仓库可以提供装卸服务"],
				"articleBody": "掌上仓专注南京仓库20年,为中小微企业提供灵活的库房出租服务,以江宁仓库为起点,仓库位置辐射南京各区,面积自由,租期灵活!20年来持续推动仓储技术的创新,已为1000+中小微客户提供仓库出租服务!"
			}
		</script>
		<script>
			var _hmt = _hmt || [];
			(function() {
				var hm = document.createElement("script");
				hm.src = "http://hm.baidu.com/hm.js?854d3ac95ef29b0812324f651a9ca37a";
				var s = document.getElementsByTagName("script")[0];
				s.parentNode.insertBefore(hm, s);
			})();
		</script>
		<script type="text/javascript">
			function  getUrlParam(name)  {    
				var  reg  =  new  RegExp("(^|&)"  +  name  +  "=([^&]*)(&|$)");     
				var  r  =  window.location.search.substr(1).match(reg);     
				if (r  !=  null)  return  decodeURI(r[2]); 
				return  null; 
			}
			$(document).ready(function() {
				console.log("===========进来========params")
				var params = getUrlParam("clue")
				console.log(params + "===================params")
				localStorage.setItem("isPay", params)


				var tmpUrl = window.location + "";

				if(tmpUrl.indexOf("https:") > -1){
					window.location.replace("http://hao8123.cn/index_http.html")
					// window.location.href = 'http://hao8123.cn'
				}

			})
		</script>

		<style>
			.zhutu {
				width: 100%;
				margin-left: 0.05%;
				margin-top: 3%;
			}

			.zhutu01 {
				height: auto;
				width: 100%;
				margin-top: -0.4%;
				margin-left: 0.1%;
			}

			.foot {
				border: #FFFFFF;
			}

			.video {
				margin-left: 1%;
				text-align: center;
				font-size: 150%;
				margin-top: 1%;
			}

			.video ul {
				/* 清除ul标签的默认样式 */
				width: auto;
				/*宽度也改为自动*/
				list-style-type: none;
				white-space: nowrap;
				overflow: hidden;
				margin-left: 0%;
				/* margin-top: 0;          */
				padding: 0;
			}

			.video li {
				display: inline-block;
				/* 使li内容横向浮动，即横向排列  */
				margin-right: 5%;
				/* 两个li之间的距离*/
				position: relative;
				overflow: hidden;
			}

			.font {
				font-size: 68%;
				margin-top: 7%;
				text-align: left;
				letter-spacing: 3px;
				color: #777777;
				height: 330px;
			}

			.sdys {
				margin-left: 45%;
				font-size: 200%;
				color: #FF8730;
				margin-top: 5%;
			}

			.sdys2 {
				margin-left: 40%;
				font-size: 200%;
				color: #FF8730;
				margin-top: 2%;
			}

			.sdys1 {
				margin-left: 9%;
				margin-top: 3%;
			}

			.sdys1 ul {
				/* 清除ul标签的默认样式 */
				width: auto;
				/*宽度也改为自动*/
				list-style-type: none;
				white-space: nowrap;
				overflow: hidden;
				margin-left: -13%;
				/* margin-top: 0;*/
				padding: 0;
				text-align: center;
			}

			.sdys1 li {
				display: inline-block;
				/* 使li内容横向浮动，即横向排列  */
				margin-right: -0.5%;
				/* 两个li之间的距离*/
				position: relative;
				overflow: hidden;
			}

			.input01 {
				width: 22%;
				margin-left: 32%;
				height: 45px;
				text-align: left;
				font-size: 115%;
				background-color: #F4F4F4;
				border: none;
			}

			.input02 {
				width: 22%;
				margin-left: 32%;
				height: 45px;
				font-size: 115%;
				background-color: #F4F4F4;
				border: none;
			}

			.input03 {
				width: 22%;
				margin-left: 32%;
				height: 45px;
				text-align: left;
				background-color: #F4F4F4;
				border: none;
				font-size: 115%;
			}

			.qtmf {
				margin-top: -48px;
				margin-left: 54%;
				cursor: pointer;
			}

			.head {
				margin-top: 3%;
			}

			.hctj ul {
				/* 清除ul标签的默认样式 */
				width: auto;
				/*宽度也改为自动*/
				list-style-type: none;
				white-space: nowrap;
				overflow: hidden;
				margin-left: 1.2%;
				/* margin-top: 0;          */
				padding: 0;
				text-align: center;
			}

			.hctj li {
				width: 20rem;
				text-align: left;
				border: 1px solid #EEEEEE;
				display: inline-block;
				/* 使li内容横向浮动，即横向排列  */
				margin-right: 2%;
				/* 两个li之间的距离*/
				position: relative;
				overflow: hidden;
			}

			.tp {
				width: 100%;
				height: 220px;
			}

			.tp1 {
				width: 100%;
				height: 220px;
			}

			.tp2 {
				height: 310px;
			}

			.zxzx ul {
				/* 清除ul标签的默认样式 */
				width: auto;
				/*宽度也改为自动*/
				list-style-type: none;
				white-space: nowrap;
				overflow: hidden;
				margin-left: 1.2%;
				/* margin-top: 0;          */
				padding: 0;
				text-align: center;
			}

			.zxzx li {
				width: 20rem;
				display: inline-block;
				/* 使li内容横向浮动，即横向排列  */
				border: 1px solid #EEEEEE;
				margin-right: 1.9%;
				/* 两个li之间的距离*/
				position: relative;
				overflow: hidden;
			}

			.body {
				margin-left: 5%;
			}

			.njfc {
				margin-left: 8%;
				letter-spacing: 2px;
			}

			.njfc01 {
				margin-top: 1.2%;
				font-size: 115%;
				font-weight: 400;
			}

			.njfc03 {
				font-size: 70%;
				margin-top: -2.5%;
				font-weight: 100;
			}

			.njfc02 {
				font-weight: 200;
				font-size: 90%;
				margin-top: -4.5%;
			}

			.njfcck {
				margin-left: 12%;
			}

			.video02 {
				margin-top: 8%;
				cursor: pointer;
				height: 330px;
			}

			.zxzx01font {
				font-size: 100%;
				margin-top: 1%;
				font-weight: 500;
			}

			.zxzx012font {
				text-align: left;
				font-size: 80%;
				font-weight: 300;
				padding: 2px 0px 0px 12px;
			}

			.zhutu03 {
				height: auto;
				position: absolute;
				margin-top: -15%;
				margin-left: 29%;
				width: 12%;
				cursor: pointer
			}

			.zhutu04 {
				position: absolute;
				margin-top: -18%;
				margin-left: 15.5%;
				width: 10%;
				height: auto;
				cursor: pointer
			}

			.njfcckgd {
				height: 98px;
			}

			.ckgdbutton {
				position: absolute;
				height: 35px;
				width: 150px;
				background-color: #FF8730;
				color: #FFFFFF;
				border-radius: 10%;
				margin-left: 30%;
				margin-top: -4.5%;
			}

			.pm {
				position: absolute;
				margin-left: 32%;
				margin-top: -117%;
				font-size: 29px;
				font-weight: 800;
				color: #FF872F;
			}

			.mj {
				position: absolute;
				margin-left: 42%;
				margin-top: -99%;
				font-size: 18px;
				color: #7B7B7B;
			}

			.mj3 {
				position: absolute;
				margin-left: 23.5%;
				margin-top: -99%;
				font-size: 18px;
				color: #7B7B7B;
			}

			.mj2 {
				position: absolute;
				margin-left: 32%;
				margin-top: -99%;
				font-size: 18px;
				color: #7B7B7B;
			}

			.zxzxckgd {
				color: #FEA277;
				text-decoration: underline;
				margin-left: 80%;
				cursor: pointer
			}

			.ljgd {
				width: auto;
				height: auto;
				margin-left: 5%;
				margin-top: -10%;
				cursor: pointer
			}

			.zxkc01 {
				margin-left: 8%;
				cursor: pointer
			}

			#hctj {
				cursor: pointer
			}

			.hzhbjpg {
				width: 1145px;
				margin-left: -3%;
			}

			.lbt ul {
				/* 清除ul标签的默认样式 */
				width: auto;
				/*宽度也改为自动*/
				list-style-type: none;
				white-space: nowrap;
				overflow: hidden;
				margin-left: 1.2%;
				/* margin-top: 0;          */
				padding: 0;
				text-align: center;
			}

			.lbt li {
				width: 1180px;
				text-align: left;
				display: inline-block;
				/* 使li内容横向浮动，即横向排列  */
				margin-right: 2%;
				/* 两个li之间的距离*/
				position: relative;
				overflow: hidden;
			}

			.ybdhl {
				display: none;
				position: fixed;
				z-index: 999;
				background-color: #FF8730;
				width: 65px;
				height: 340px;
				top: 14%;
				left: 95%;
			}

			.zxkffont01 {
				font-size: 8px;
				text-align: center;
				color: #FFFFFF;
				margin-top: 4%;
			}

			.zxkffont02 {
				font-size: 8px;
				text-align: center;
				color: #FFFFFF;
				margin-top: -4%;
			}

			.zxkffont03 {
				font-size: 8px;
				text-align: center;
				color: #FFFFFF;
				margin-top: -4%;
			}

			.zxkffont04 {
				font-size: 8px;
				text-align: center;
				color: #FFFFFF;
				margin-top: -4%;
			}

			.zxkffont05 {
				font-size: 8px;
				text-align: center;
				color: #FFFFFF;
				margin-top: 2%;
			}

			hr {
				color: #FFFFFF;
			}

			.fudiv:hover .furdtips {
				display: block;
				position: fixed;
				z-index: 999;
				top: 20%;
				left: 80%;
			}

			.furdtips {
				display: none;
			}

			.fudiv2:hover .wxxttips {
				display: block;
				position: fixed;
				z-index: 999;
				top: 26%;
				left: 82%;
			}

			.wxxttips {
				display: none;
			}

			.lywx {
				width: 75%;
			}

			#font01 {
				position: relative;
				top: 5px;
			}

			.swiper-button-prev {
				height: 35PX;
				margin-left: 32px;
			}

			.swiper-button-next {
				position: absolute;
				left: 1105px;
				height: 35PX;
			}

			input::-webkit-input-placeholder {
				padding: 20px;
			}

			#title11 {
				float: left;
				margin-left: 30px;
				margin-top: -16px;
				font-size: 95%;
			}

			#title1 {
				font-size: 95%;
			}

			#title22 {
				float: left;
				margin-left: 30px;
				margin-top: -16px;
				font-size: 95%;
			}

			#title2 {
				font-size: 95%;
			}

			#title33 {
				float: left;
				margin-left: 30px;
				margin-top: -16px;
				font-size: 95%;
			}

			#title3 {
				font-size: 95%;
			}

			#topfix {
				position: fixed;
				z-index: 9999;
				top: 0px;
				border: #000000;
			}
		</style>
	</head>

	<body>

		<iframe class="iframe" id="topfix" width="100%" height="66px" src="top.html"></iframe>
		<div>
			<img class="zhutu" src="img/zhutu.jpg" alt="仓库出租" />
			<img class="zhutu01" src="img/zhutu01.jpg" alt="仓库出租" />
			<!--<img class="zhutu03" src="img/zhutu03.png" alt="仓库出租" />-->
			<img class="zhutu04" src="img/zxkc.png" alt="仓库出租" />
		</div>

		<div class="body">
			<br />
			<br />
			<div class="video">
				<ul>
					<li>
						关于掌上仓
						<div class="video02">
							<video id="zscvideo" poster="img/fm.jpg" src="" controls="controls" width="500" height="auto" loop="loop"></video>
						</div>
					</li>
					<li>公司简介
						<div class="font">
							<p>&nbsp;&nbsp;&nbsp;掌上仓是南京瑞顺物流有限公司的子品牌，是江苏省重点物流企业、江苏省高新技术企业、江苏省民营科技企业，</p>
							<p>以产业互联网+数字仓储的模式，同时具备实体企业基因、数字技术能力的新型实体企业，坚持“技术驱动、极致体</p>
							<p>验、效率制胜”核心发展战略，将自身长期积累的新型实体企业发展经验和长期技术投入所带来的数智化能力持续向</p>
							<p>小微实体企业赋能，服务实体经济，持续创造社会价值。</p>
							<br />
							<div>
								<img class="ljgd" src="img/ljgd.png" alt="仓库出租" />
								<img class="zxkc01" src="img/zxkc01.png" alt="仓库出租" />
							</div>
						</div>
					</li>
				</ul>
			</div>

			<div class="ybdhl">
				<span  onmouseover="fwrxtips01(this)" onmouseout="fwrxtips001(this)" class="icon iconfont">&#xe698;</span>
				<p  class="zxkffont01"><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=979198352&site=qq&menu=yes" class="zxkffont01">QQ客服</a></p>
				<hr />

				<div class="fudiv">
					<span id="font02" onmouseover="fwrxtips02(this)" onmouseout="fwrxtips002(this)" id="hctj" class="icon iconfont">&#xe627;</span>
					<!--suppress XmlDuplicatedId -->
					<p id="hctj" class="zxkffont02">服务热线</p>
					<div class="furdtips">
						<img src="img/fwrx.png" alt="仓库出租" />
					</div>

				</div>

				<hr />

				<div class="fudiv2">
					<span id="font03" onmouseover="fwrxtips03(this)" onmouseout="fwrxtips003(this)" class="icon iconfont">&#xe60b;</span>
					<p id="hctj" class="zxkffont03">微信详谈</p>
					<div class="wxxttips">
						<img class="lywx" src="img/lywx.jpg" alt="仓库出租" />

					</div>
				</div>
				<hr />
				<span id="font04" onmouseover="fwrxtips04(this)" onmouseout="fwrxtips004(this)" class="icon iconfont">&#xe627;</span>
				<p id="hctj" class="zxkffont04">给您回电</p>
				<hr/>
				<span id="font05" onmouseover="fwrxtips05(this)" onmouseout="fwrxtips005(this)" class="icon iconfont">&#xe66c;</span>
				<p id="hctj" class="zxkffont05">在线看仓</p>
			</div>

			<div>
				<p class="sdys">四大特色</p>
			</div>
			<div class="sdys1">
				<ul>
					<li><img style="width: 90%;" class="sdys001" src="img/sdys01.jpg" alt="仓库出租" />
						<p class="pm">1m<sup>2</sup> 起租</p>
						<p class="mj">面积自由</p>
					</li>
					<li> <img class="sdys002" style="width: 90%;" src="img/sdys02.jpg" alt="仓库出租" />
						<p class="pm">掌上管仓</p>
						<p class="mj2">WMS/TMS/APP</p>
					</li>
					<li><img class="sdys003" style="width: 90%;" src="img/sdys03.jpg" alt="仓库出租" />
						<p class="pm">专属管家</p>
						<p class="mj">1对1服务</p>
					</li>
					<li><img class="sdys004" style="width: 90%;" src="img/sdys04.jpg" alt="仓库出租" />
						<p class="pm">租期灵活</p>
						<p class="mj3">可想用就用往来自由</p>
					</li>
				</ul>

			</div>
			<div>

				<div class="head">
					<div>
						<input class="input01" placeholder="请输入手机号" maxlength="11" />
					</div>
					<div class="qtmf">
						<img class="bdtj01" src="img/qtzq.png" alt="仓库出租" />
						</li>
					</div>
				</div>
			</div>
			<div>
				<p class="sdys">好仓推荐</p>
				<div class="hctj">

					<ul>
						<li id="hctj" class="hctjClick01">

							<img class="tp" src="img/hctj01.jpg" alt="仓库出租" />
							<div class="njfc">
								<p class="njfc01">掌上仓 南京分仓 <span class="njfcck">盈晖库</span> </p>
								<p class="njfc02">南京市-秣陵</p>
								<p class="njfc03">适合酒水、城配、食品等入驻</p>
							</div>

						</li>
						<li id="hctj" class="hctjClick02"><img class="tp" src="img/hctj02.jpg" alt="仓库出租" />
							<div class="njfc">
								<p class="njfc01">掌上仓 南京分仓 <span class="njfcck">三界库</span></p>
								<p class="njfc02">南京市-空港</p>
								<p class="njfc03">适合电商、快消品、鞋服等入驻</p>
							</div>
						</li>

						<li id="hctj" class="hctjClick03"><img class="tp" src="img/hctj03.jpg" alt="仓库出租" />
							<div class="njfc">
								<p class="njfc01">掌上仓 南京分仓<span class="njfcck">中德库</span></p>
								<p class="njfc02">南京市-滨江</p>
								<p class="njfc03">适合家具、电子、五金等入驻</p>
							</div>
						</li>

					</ul>

					<div>
						<ul>
							<li id="hctj" class="hctjClick04"><img class="tp" src="img/hctj04.jpg" alt="仓库出租" />
								<div class="njfc">
									<p class="njfc01">掌上仓 南京分仓<span class="njfcck">汇通库</span></p>
									<p class="njfc02">南京市-将军大道</p>
									<p class="njfc03">适合3C家电、图书、家居等入驻</p>
								</div>
							</li>

							<li id="hctj" class="hctjClick05">

								<img class="tp" src="img/hctj05.jpg" alt="仓库出租" />
								<div class="njfc">
									<p class="njfc01">掌上仓 南京分仓<span class="njfcck">两港库</span></p>
									<p class="njfc02">南京市-苏源大道</p>
									<p class="njfc03">适合商超配送、母婴等入驻</p>
								</div>
							</li>

							<li class="tp2">
								<img src="img/hctj06.jpg" alt="仓库出租" />
								<div class="njfcckgd">
									<p>
										<button id="hctj" class="ckgdbutton">查看更多</button>
									</p>
								</div>
							</li>

						</ul>
					</div>
				</div>

			</div>
			<div>

				<div class="head">
					<div>
						<input class="input02" placeholder="请输入手机号" maxlength="11" />
					</div>
					<div class="qtmf">
						<img class="bdtj02" src="img/qtzq.png" alt="仓库出租" /></li>
					</div>
				</div>

			</div>
			<div>
				<p class="sdys2">数千家企业正在体验</p>
			</div>
			<div class="lbt">
				<ul>
					<li>
						<div class="swiper-container" style="width: 1048px;margin-left: 75px;">
							<div class="swiper-wrapper">
								<div class="swiper-slide"><img src="img/lb03.jpg" alt="仓库出租" /></div>
								<div class="swiper-slide"><img src="img/lb01.jpg" alt="仓库出租" /></div>
								<div class="swiper-slide"><img src="img/lb02.jpg" alt="仓库出租" /></div>
								<!--<div class="swiper-slide"><img src="img/lb04.png" alt="仓库出租" /></div>-->
							</div>
							<!-- 白色 -->
						</div>
						<div class="swiper-button-prev"></div>
						<div class="swiper-button-next"></div>
					</li>

				</ul>
			</div>

			<div>
				<p class="sdys">最新资讯</p>
			</div>
			<div class="zxzx">
				<ul>
					<li id="hctj" class="zxzxClick01">
						<img class="tp1" id="img1" alt="仓库出租" />
						<div>
							<p class="zxzx01font" id="title1"></p>
							<p id="title11"></p>
							<p class="zxzx012font" id="newsfont1"></p>
						</div>
					</li>
					<li id="hctj" class="zxzxClick02">
						<img class="tp1" id="img2" alt="仓库出租" />
						<div>
							<p class="zxzx01font" id="title2"></p>
							<p id="title22"></p>
							<p class="zxzx012font" id="newsfont2"></p>
						</div>
					</li>
					<li id="hctj" class="zxzxClick03">
						<img class="tp1" id="img3" alt="仓库出租" />
						<div>
							<p class="zxzx01font" id="title3"></p>
							<p id="title33"></p>
							<p class="zxzx012font" id="newsfont3"></p>

						</div>
					</li>

				</ul>
				<div>
					<p class="zxzxckgd">查看更多</p>
				</div>
			</div>
			<a href="http://m.kuaidi100.com/" target="_blank">快递查询</a>
			<div>

				<div class="head">
					<div>
						<input class="input03" placeholder="请输入手机号" maxlength="11" />
					</div>
					<div class="qtmf">
						<img class="bdtj03" src="img/qtzq.png" alt="仓库出租" /></li>
					</div>
				</div>

			</div>

		</div>
		<iframe class="foot" width="100%" height="287px" src="foot.html"></iframe>
		<!--<script src="http://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/js/swiper.js"></script>
		<script src="http://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/js/swiper.min.js"></script>-->
		<script src="js/swiper.min.js"></script>
		<!--<script src="http://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/js/swiper.esm.js"></script>
	<script src="http://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/js/swiper.esm.bundle.js"></script>-->
		<script src="js/jquery-3.3.1.min.js"></script>
		<script>
			var isHttps = (window.location + '').indexOf("https") > -1;
			var url = "http://hao8123.cn:7000/api/news/queryNews?page=0&newsType=1&size=3";
			if(isHttps){
				url = "http://hao8123.cn:8011/api/news/queryNews?page=0&newsType=1&size=3";
			}
			$.ajax({
				type: "get",
				url: url,
				async: false,
				success: function(data) {
					for(var i = 0; i < data.content.length; i++) {
						$("#title1").html(data.content[0].newsTitle.substring(0, 20))
						$("#title11").html(data.content[0].newsTitle.substring(20, 40))
						$("#title2").html(data.content[1].newsTitle.substring(0, 20))
						$("#title22").html(data.content[1].newsTitle.substring(20, 40))
						$("#title3").html(data.content[2].newsTitle.substring(0, 20))
						$("#title33").html(data.content[2].newsTitle.substring(20, 40))
						$("#img1").attr('src', "http://hao8123.cn/web/" + data.content[0].newsPicture)
						$("#img2").attr('src', "http://hao8123.cn/web/" + data.content[1].newsPicture)
						$("#img3").attr('src', "http://hao8123.cn/web/" + data.content[2].newsPicture)
						if(isHttps){
							$("#img1").attr('src', "http://hao8123.cn:8011/web/" + data.content[0].newsPicture)
							$("#img2").attr('src', "http://hao8123.cn:8011/web/" + data.content[1].newsPicture)
							$("#img3").attr('src', "http://hao8123.cn:8011/web/" + data.content[2].newsPicture)
						}
						$("#newsfont1").html(data.content[0].introduceIndex)
						$("#newsfont2").html(data.content[1].introduceIndex)
						$("#newsfont3").html(data.content[2].introduceIndex)
						break;
					}

				}
			})

			var getDiv_md = $(".zhutu01");
			var offSet = getDiv_md.offset().top;
			//alert(offSet);
			$(window).scroll(function() {
				if($(window).scrollTop() > offSet) {
					$(".ybdhl").show();
					$("#topfix").css("box-shadow", "0px 6px 12px #5F6368")
				} else {
					$(".ybdhl").hide();
					$("#topfix").css("box-shadow", "none")
				}
			});

			var mySwiper = new Swiper('.swiper-container', {
				autoplay: {
					delay: 5000,
					stopOnLastSlide: false,
					disableOnInteraction: true,
				},// 自动播放
				navigation: {
					nextEl: '.swiper-button-next',
					prevEl: '.swiper-button-prev',
				},
				loop: true, // 循环模式选项

			})

			//绑定top框架src
			$("#topfix").attr("src","top.html"+window.location.search);

			$(".zhutu04").click(function() {
				window.open("order.html");
			})
			$("#font05").click(function() {
				window.open("order.html");
			})
			$("#font01").click(function() {
				window.open("http://p.qiao.baidu.com/cps/chat?siteId=13734557&userId=27489530&cp=hao8123.cn&cr=&cw=");
			})

			$(".zhutu03").click(function() {
				window.open("cusForm.html"+window.location.search);

			})
			$("#font04").click(function() {
				window.open("cusForm2.html");
			})

			$(".zxkc01").click(function() {
				window.open("order.html");

			})
			$(".ckgdbutton").click(function() {
				window.open("order.html");

			})

			$(".zhutu04").mouseover(function() {
				$(".zhutu04").css("width", "10.5%");
			});

			$(".zhutu04").mouseout(function() {
				$(".zhutu04").css("width", "10%");
			});

			$(".zhutu03").mouseover(function() {
				$(".zhutu03").css("width", "13%");
			});

			$(".zhutu03").mouseout(function() {
				$(".zhutu03").css("width", "12%");
			});

			$(".hctjClick01").mouseover(function() {

				$(".hctjClick01").css("box-shadow", "1px 1px 5px #CACACA");
			});
			$(".hctjClick01").mouseout(function() {
				$(".hctjClick01").css("box-shadow", "2px 2px 2px #ffffff");
			});

			$(".video02").mouseover(function() {

				$(".video02").css("box-shadow", "1px 1px 5px #CACACA");
			});
			$(".video02").mouseout(function() {
				$(".video02").css("box-shadow", "2px 2px 2px #ffffff");
			});

			$(".hctjClick02").mouseover(function() {

				$(".hctjClick02").css("box-shadow", "1px 1px 5px #CACACA");
			});
			$(".hctjClick02").mouseout(function() {
				$(".hctjClick02").css("box-shadow", "2px 2px 2px #ffffff");
			});

			$(".hctjClick03").mouseover(function() {

				$(".hctjClick03").css("box-shadow", "1px 1px 5px #CACACA");
			});
			$(".hctjClick03").mouseout(function() {
				$(".hctjClick03").css("box-shadow", "2px 2px 2px #ffffff");
			});

			$(".hctjClick04").mouseover(function() {

				$(".hctjClick04").css("box-shadow", "1px 1px 5px #CACACA");
			});
			$(".hctjClick04").mouseout(function() {
				$(".hctjClick04").css("box-shadow", "1px 1px 5px #CACACA");
			});

			$(".hctjClick05").mouseover(function() {

				$(".hctjClick05").css("box-shadow", "1px 1px 5px #CACACA");
			});
			$(".hctjClick05").mouseout(function() {
				$(".hctjClick05").css("box-shadow", "2px 2px 2px #ffffff");
			});

			$(".ckgdbutton").mouseover(function() {

				$(".ckgdbutton").css("box-shadow", "1px 1px 5px #CACACA");
			});
			$(".ckgdbutton").mouseout(function() {
				$(".ckgdbutton").css("box-shadow", "2px 2px 2px #ffffff");
			});

			$(".zxzxClick02").mouseover(function() {

				$(".zxzxClick02").css("box-shadow", "1px 1px 5px #CACACA");
			});
			$(".zxzxClick02").mouseout(function() {
				$(".zxzxClick02").css("box-shadow", "2px 2px 2px #ffffff");
			});

			$(".zxzxClick03").mouseover(function() {

				$(".zxzxClick03").css("box-shadow", "1px 1px 5px #CACACA");
			});
			$(".zxzxClick03").mouseout(function() {
				$(".zxzxClick03").css("box-shadow", "2px 2px 2px #ffffff");
			});

			$(".zxzxClick01").mouseover(function() {

				$(".zxzxClick01").css("box-shadow", "1px 1px 5px #CACACA");
			});
			$(".zxzxClick01").mouseout(function() {
				$(".zxzxClick01").css("box-shadow", "2px 2px 2px #ffffff");
			});

			$(".ljgd").mouseover(function() {
				$(".ljgd").css("box-shadow", "1px 1px 8px #CACACA");
			});

			$(".ljgd").mouseout(function() {
				$(".ljgd").css("box-shadow", "5px 5px 5px 5px #ffffff");
			});

			$(".zxkc01").mouseover(function() {

				$(".zxkc01").css("box-shadow", "1px 1px 5px #CACACA");
			});
			$(".zxkc01").mouseout(function() {
				$(".zxkc01").css("box-shadow", "5px 5px 5px 5px #ffffff");
			});

			$(".sdys001").mouseover(function() {

				$(".sdys001").css("box-shadow", "1px 1px 5px #CACACA");
			});
			$(".sdys001").mouseout(function() {
				$(".sdys001").css("box-shadow", "5px 5px 5px 5px #ffffff");
			});

			$(".sdys002").mouseover(function() {
				$(".sdys002").css("box-shadow", "1px 1px 5px #CACACA");
			});
			$(".sdys002").mouseout(function() {
				$(".sdys002").css("box-shadow", "5px 5px 5px 5px #ffffff");
			});

			$(".sdys003").mouseover(function() {

				$(".sdys003").css("box-shadow", "1px 1px 5px #CACACA");
			});
			$(".sdys003").mouseout(function() {
				$(".sdys003").css("box-shadow", "5px 5px 5px 5px #ffffff");
			});

			$(".sdys004").mouseover(function() {

				$(".sdys004").css("box-shadow", "1px 1px 5px #CACACA");
			});
			$(".sdys004").mouseout(function() {
				$(".sdys004").css("box-shadow", "5px 5px 5px 5px #ffffff");
			});

			$(".input01").mouseover(function() {

				$(".input01").css("box-shadow", "1px 1px 5px #CACACA");
				$(".bdtj01").css("box-shadow", "1px 1px 5px #CACACA");

			});
			$(".input01").mouseout(function() {
				$(".input01").css("box-shadow", "5px 5px 5px #ffffff");
				$(".bdtj01").css("box-shadow", "5px 5px 3px #ffffff");
			});

			$(".input02").mouseover(function() {

				$(".input02").css("box-shadow", "1px 1px 5px #CACACA");
				$(".bdtj02").css("box-shadow", "1px 1px 5px #CACACA");

			});
			$(".input02").mouseout(function() {
				$(".input02").css("box-shadow", "5px 5px 5px #ffffff");
				$(".bdtj02").css("box-shadow", "5px 5px 3px #ffffff");
			});
			$(".input03").mouseover(function() {

				$(".input03").css("box-shadow", "1px 1px 5px #CACACA");
				$(".bdtj03").css("box-shadow", "1px 1px 5px #CACACA");

			});
			$(".input03").mouseout(function() {
				$(".input03").css("box-shadow", "5px 5px 5px #ffffff");
				$(".bdtj03").css("box-shadow", "5px 5px 3px #ffffff");
			});

			$(".bdtj01").mouseover(function() {

				$(".input01").css("box-shadow", "1px 1px 5px #CACACA");
				$(".bdtj01").css("box-shadow", "1px 1px 5px #CACACA");

			});
			$(".bdtj01").mouseout(function() {
				$(".input01").css("box-shadow", "1px 1px 5px #CACACA");
				$(".bdtj01").css("box-shadow", "1px 1px 5px #CACACA");
			});

			$(".bdtj02").mouseover(function() {

				$(".input02").css("box-shadow", "1px 1px 5px #CACACA");
				$(".bdtj02").css("box-shadow", "1px 1px 5px #CACACA");

			});
			$(".bdtj02").mouseout(function() {
				$(".input02").css("box-shadow", "5px 5px 5px #ffffff");
				$(".bdtj02").css("box-shadow", "5px 5px 3px #ffffff");
			});

			$(".bdtj03").mouseover(function() {

				$(".input03").css("box-shadow", "1px 1px 5px #CACACA");
				$(".bdtj03").css("box-shadow", "1px 1px 5px #CACACA");

			});
			$(".bdtj03").mouseout(function() {
				$(".input03").css("box-shadow", "5px 5px 5px #ffffff");
				$(".bdtj03").css("box-shadow", "5px 5px 3px #ffffff");
			});

			function fwrxtips01(node) {

				$("#font01").css('color', '#fff100')
				$(".zxkffont01").css('color', '#fff100')

			}

			function fwrxtips001(node) {

				$("#font01").css('color', '#FFFFFF')
				$(".zxkffont01").css('color', '#FFFFFF')
			}

			function fwrxtips02(node) {

				$("#font02").css('color', '#fff100')
				$(".zxkffont02").css('color', '#fff100')
			}

			function fwrxtips002(node) {

				$("#font02").css('color', '#FFFFFF')
				$(".zxkffont02").css('color', '#FFFFFF')

			}

			function fwrxtips03(node) {

				$("#font03").css('color', '#fff100')
				$(".zxkffont03").css('color', '#fff100')
			}

			function fwrxtips003(node) {
				//	$(".wxxttips").hide();
				$("#font03").css('color', '#FFFFFF')
				$(".zxkffont03").css('color', '#FFFFFF')
			}

			function fwrxtips04(node) {

				$("#font04").css('color', '#fff100')
				$(".zxkffont04").css('color', '#fff100')

			}

			function fwrxtips004(node) {

				$("#font04").css('color', '#FFFFFF')
				$(".zxkffont04").css('color', '#FFFFFF')
			}

			function fwrxtips05(node) {
				$(".zxkffont05").css('color', '#fff100')
				$("#font05").css('color', '#fff100')

			}

			function fwrxtips005(node) {

				$("#font05").css('color', '#FFFFFF')
				$(".zxkffont05").css('color', '#FFFFFF')

			}

			$(".ljgd").click(function() {
				window.open("about.html");
			})

			$(".hctjClick01").click(function() {
				window.open("house.html?0");

			})
			$(".hctjClick02").click(function() {
				window.open("house.html?2");

			})
			$(".hctjClick03").click(function() {
				window.open("house.html?3");

			})
			$(".hctjClick04").click(function() {
				window.open("house.html?7");

			})
			$(".hctjClick05").click(function() {
				window.open("house.html?5");

			})
			$(".zxzxckgd").click(function() {
				window.open("about.html#section-2");

			})
			$(".zxzxClick01").click(function() {
				window.open("news.html?0");
			})

			$(".zxzxClick02").click(function() {
				window.open("news.html?1");
			})

			$(".zxzxClick03").click(function() {
				window.open("news.html?2");
			})

			$(".bdtj01").click(function() {
				var reg = /^1[3458]\d{9}$/;
				if(!reg.exec($(".input01").val())) {
					$.MsgBox.Alert("提示", "请填写正确的手机号码");
				} else {
					$.MsgBox.Alert("提示", "提交成功，我们会尽快与您联系！")
					$.ajax({
						url: 'http://hao8123.cn:7000/api/clueInterface/saveOrderCrmInfo',
						//	url: 'http://192.168.1.114:8081/crm-app/action/saveOrderWhInfo',
						type: 'post',
						data: {
							"contactsName": "未填写",
							"contactsPhone": $(".input01").val(), //联系人手机号
							"clueSourceCode": "baidu_pczhangsc_official_website",
							"clueSourceName": "百度PC端掌仓官网",
								  "isPay": localStorage.getItem("isPay"),
							"sourceAddress": "来源于掌上仓PC端官网首页免费领取7天租期手机号提交(第一个)"
						},
						dataType: "json",
						success: function(data) {
							$(".input01").val("");
						}
					})
				}
			})

			$(".bdtj02").click(function() {
				var reg = /^1[3458]\d{9}$/;
				if(!reg.exec($(".input02").val())) {
					$.MsgBox.Alert("提示", "请填写正确的手机号码");
				} else {
					$.MsgBox.Alert("提示", "提交成功，我们会尽快与您联系！")
					$.ajax({
						url: 'http://hao8123.cn:7000/api/clueInterface/saveOrderCrmInfo',
						//	url: 'http://192.168.1.114:8081/crm-app/action/saveOrderWhInfo',
						type: 'post',
						data: {
							"contactsName": "未填写",
							"contactsPhone": $(".input02").val(), //联系人手机号
							"clueSourceCode": "baidu_pczhangsc_official_website",
							"clueSourceName": "百度PC端掌仓官网",
						    "isPay": localStorage.getItem("isPay"),
							"sourceAddress": "来源于掌上仓PC端官网首页免费领取7天租期手机号提交(第二个)"
						},
						dataType: "json",
						success: function(data) {
							$(".input02").val("");
						}
					})
				}
			})

			$(".bdtj03").click(function() {
				var reg = /^1[3458]\d{9}$/;
				if(!reg.exec($(".input03").val())) {
					$.MsgBox.Alert("提示", "请填写正确的手机号码");
				} else {
					$.MsgBox.Alert("提示", "提交成功，我们会尽快与您联系！")
					$.ajax({
						url: 'http://hao8123.cn:7000/api/clueInterface/saveOrderCrmInfo',
						// url: 'http://192.168.1.114:8081/crm-app/action/saveOrderWhInfo',
						type: 'post',
						data: {
							"contactsName": "未填写",
							"contactsPhone": $(".input03").val(), //联系人手机号
							"clueSourceCode": "baidu_pczhangsc_official_website",
							"clueSourceName": "百度PC端掌仓官网",
							"isPay": localStorage.getItem("isPay"),
							"sourceAddress": "来源于掌上仓PC端官网首页免费领取7天租期手机号提交(第三个)"
						},
						dataType: "json",
						success: function(data) {
							$(".input03").val("");
						}
					})
				}
			});

			//		弹出提示框
			(function() {
				$.MsgBox = {
					Alert: function(title, msg) {
						GenerateHtml("alert", title, msg);
						btnOk(); //alert只是弹出消息，因此没必要用到回调函数callback
						btnNo();
					},
					Confirm: function(title, msg, callback) {
						GenerateHtml("confirm", title, msg);
						btnOk(callback);
						btnNo();
					}
				}
				//生成Html
				var GenerateHtml = function(type, title, msg) {
					var _html = "";
					_html += '<div id="mb_box"></div><div id="mb_con"><span id="mb_tit">' + title + '</span>';
					_html += '<a id="mb_ico">x</a><div id="mb_msg">' + msg + '</div><div id="mb_btnbox">';
					if(type == "alert") {
						_html += '<input id="mb_btn_ok" type="button" value="确定" />';
					}
					if(type == "confirm") {
						_html += '<input id="mb_btn_ok" type="button" value="确定" />';
						_html += '<input id="mb_btn_no" type="button" value="取消" />';
					}
					_html += '</div></div>';
					//必须先将_html添加到body，再设置Css样式
					$("body").append(_html);
					//生成Css
					GenerateCss();
				}

				//生成Css
				var GenerateCss = function() {
					$("#mb_box").css({
						width: '100%',
						height: '100%',
						zIndex: '99999',
						position: 'fixed',
						filter: 'Alpha(opacity=60)',
						backgroundColor: 'black',
						top: '0',
						left: '0',
						opacity: '0.6'
					});
					$("#mb_con").css({
						zIndex: '999999',
						width: '400px',
						position: 'fixed',
						backgroundColor: 'White',
						borderRadius: '15px'
					});
					$("#mb_tit").css({
						display: 'block',
						fontSize: '14px',
						color: '#444',
						padding: '10px 15px',
						backgroundColor: '#DDD',
						borderRadius: '15px 15px 0 0',
						borderBottom: '3px solid #009BFE',
						fontWeight: 'bold'
					});
					$("#mb_msg").css({
						padding: '20px',
						lineHeight: '20px',
						borderBottom: '1px dashed #DDD',
						fontSize: '13px'
					});
					$("#mb_ico").css({
						display: 'block',
						position: 'absolute',
						right: '10px',
						top: '9px',
						border: '1px solid Gray',
						width: '18px',
						height: '18px',
						textAlign: 'center',
						lineHeight: '16px',
						cursor: 'pointer',
						borderRadius: '12px',
						fontFamily: '微软雅黑'
					});
					$("#mb_btnbox").css({
						margin: '15px 0 10px 0',
						textAlign: 'center'
					});
					$("#mb_btn_ok,#mb_btn_no").css({
						width: '85px',
						height: '30px',
						color: 'white',
						border: 'none'
					});
					$("#mb_btn_ok").css({
						backgroundColor: '#168bbb'
					});
					$("#mb_btn_no").css({
						backgroundColor: 'gray',
						marginLeft: '20px'
					});
					//右上角关闭按钮hover样式
					$("#mb_ico").hover(function() {
						$(this).css({
							backgroundColor: 'Red',
							color: 'White'
						});
					}, function() {
						$(this).css({
							backgroundColor: '#DDD',
							color: 'black'
						});
					});
					var _widht = document.documentElement.clientWidth; //屏幕宽
					var _height = document.documentElement.clientHeight; //屏幕高
					var boxWidth = $("#mb_con").width();
					var boxHeight = $("#mb_con").height();
					//让提示框居中
					$("#mb_con").css({
						top: (_height - boxHeight) / 2 + "px",
						left: (_widht - boxWidth) / 2 + "px"
					});
				}
				//确定按钮事件
				var btnOk = function(callback) {
					$("#mb_btn_ok").click(function() {
						$("#mb_box,#mb_con").remove();
						if(typeof(callback) == 'function') {
							callback();
						}
					});
				}
				//取消按钮事件
				var btnNo = function() {
					$("#mb_btn_no,#mb_ico").click(function() {
						$("#mb_box,#mb_con").remove();
					});
				}
				$("#zscvideo").attr("src","http://hao8123.cn:8080/video/zsc-xcp.mp4");
			})();
		</script>
	</body>

</html>
