<!DOCTYPE html>
<html lang="zh-ch">
<head>
<meta charset="UTF-8" />
<meta name="renderer" content="webkit">
<meta http-equiv="x-ua-compatible" content="IE=edge,chrome=1" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
<title>全景秀-VR全景营销系统,专业专注VR营销,VR全景,720全景,VR全景</title>
<meta name="description" content="全景秀,企业定制,VR全景,720全景,VR定制服务,企业VR全景拍摄系统" />
<link rel="stylesheet" href="/static/css/zui.min.css">
<link rel="stylesheet" href="/template/default/css/zui-theme.css">
<link rel="stylesheet" href="/template/default/css/redefine.css">
<script language="JavaScript" type="text/javascript" src="/static/js/jquery-1.9.1.js"></script>
<script language="JavaScript" type="text/javascript" src="/static/js/jquery-1.1.js"></script>
<script language="JavaScript" type="text/javascript" src="/static/js/datetimepicker.js"></script>
</head>

<body>
<header>
<style>
  @media screen and (max-width: 767px) {
    .mobile_nav_hide{
      display: none;
    }
  }
  #search_input{
    margin-top: 6px;
    width: 200px;
    border-radius: 5px;
  }
  #search_btn{
    position: absolute;
    top: 6px;
	right: 10px;
    opacity: .65;
    border-radius: 5px;
  }
  .header_wrap .navbar-nav>li>a{
    color:#fff;
  }
</style>
<nav class="navbar navbar-default header_wrap" role="navigation" style="background-color:#454445;">
  <div class="container" >
    <div class="navbar-header">
      <!-- 移动设备上的导航切换按钮 -->
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse-example">
        <span class="sr-only">切换导航</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="/"><img src="/static/images/logo.png" height="40px" alt="全景秀" /></a>
    </div>
    <div class="collapse navbar-collapse navbar-collapse-example ">
      <ul class="nav navbar-nav" style="margin:0 -10px;">
	    <li class="active"><a href="/">发现</a></li>
        <li ><a href="/pictures">全景摄影</a></li>
        <li ><a href="/videos">全景视频</a></li>
        <!-- <li ><a href="/ring_around">720环物</a></li> -->
		<li ><a href="/people">作者</a></li>
    <li ><a href="/footmarker" target="_blank">足迹</a></li>
      </ul>

      <ul class="nav navbar-nav navbar-right mobile_nav_hide">
        <li>
           <form class="navbar-form navbar-left" style="position: relative;">
            <div class="form-group">
              <input id="search_input" value="" type="text" class="form-control" maxlength="20" placeholder="请输入全景作品名称">
              <button id="search_btn" type="button" class="btn btn-link"><i class="icon icon-search"></i></button>
            </div>
          </form>
        </li>
	  		 <li>
			  <button style="margin-top:10px" type="button" class="btn btn-primary" onclick="javascript:window.location.href='/add/pic'">
			   <i class="cloud-upload"></i> 发布
			  </button>
			 </li>
       			 <li><a href="/passport/">登录</a></li>
			 			       </ul>

    </div>
  </div>
</nav>
<script>
  $("#search_btn").click(function(){
      var word = $.trim($("#search_input").val());
      if (word=="") {
        return false;
      }
      window.location.href="/search?word="+word;
  })
</script>
</header>

<style>
	body{
		background-color: #efefef;
	}
	.inline.hidden-xs {
  		display: inline !important;
  	}
	.chosen_wrap{
	}
	.img_list{
		margin-bottom: 10px;
		cursor: pointer;
	}
	.title_cover{
		height: 30px;
		background-color: rgba(138,137,137,0.5);
		position: absolute;
		bottom: 0px;
		width: 100%;
		color: #fff;
		line-height: 30px;
		font-size: 14px;
		padding-left: 10px;
	}
	.more{
		margin-top: 10px;
		text-align: right;
		display: block;
	}
	.of_hide{
		display: block;
	    overflow: hidden;
	    text-overflow: ellipsis;
	}
	.padding0{
		padding: 0;
	}
	.cards .card .card-content span{
		width: 100%;
		height: 20px;
	}
	.content_nav{
		/*margin-top: 18px;*/
	}
	.content_nav .col-md-2 div{
		height: 60px;
		line-height: 60px;
		text-align: center;
		font-size: 23px;
		border-radius: 8px;
		cursor: pointer;
		color:#fff;
	}
	.content_nav .col-xs-4{
		margin-top: 10px;
	}
	.kf_block{
		background-color: #EA644A;
	}
	.gj_block{
		background-color: #F1A325;
	}
	.ly_block{
		background-color: #38B03F;
	}
	.jz_block{
		background-color: #03B8CF;
	}
	.jy_block{
		background-color: #BD7B46;
	}
	.xw_block{
		background-color: #8666B8;
	}
	div.flicking_con>.bz_flicking_inner {
    position: absolute;
    top: 470px;
    left: 50%;
    z-index: 999;
    margin: 0 auto;
    height: 21px;
}

div.flicking_con>.bz_flicking_inner a.on {
    background-position: 0 -5px;
}
div.flicking_con>.bz_flicking_inner a {
    float: left;
    width: 50px;
    height: 5px;
    margin: 0;
    margin-left: 10px;
    padding: 0;
    background: url('/template/default/images/icon/btn_main_img1.png') 0 0 no-repeat;
    display: block;
    text-indent: -1000px;
}
div.flicking_con>.bz_flicking_inner a:first-child{
    margin-left: 0;
}
.navbar{
	border-bottom:0 none;margin-bottom:0;
}
div.flicking_con>.bz_flicking_inner{
	top:400px;
}
</style>
<script>
	$(function(){
		$("#top_frame").load(function() {
			console.log($(this).contents().find("body").height());
			$(this).height($(window).height()*0.7);
		})
	})
</script>
<!-- 有上传焦点图 -->
	<script type="text/javascript" src="/template/default/slide/js/jquery.event.drag-1.5.min.js"></script>
	<script type="text/javascript" src="/template/default/slide/js/jquery.touchSlider.js"></script>
	<link href="/template/default/slide/css/common.css" rel="stylesheet"/>
	<script type="text/javascript">
	$(document).ready(function () {
		/*$(".main_visual").hover(function(){
			$("#btn_prev,#btn_next").fadeIn()
			},function(){
			$("#btn_prev,#btn_next").fadeOut()
			})*/
		$dragBln = false;
		$(".main_image").touchSlider({
			flexible : true,
			speed : 200,
			btn_prev : $("#btn_prev"),
			btn_next : $("#btn_next"),
			paging : $(".flicking_con a"),
			counter : function (e) {
				$(".flicking_con a").removeClass("on").eq(e.current-1).addClass("on");
			}
		});
		$(".main_image").bind("mousedown", function() {
			$dragBln = false;
		})
		$(".main_image").bind("dragstart", function() {
			$dragBln = true;
		})
		$(".main_image a").click(function() {
			if($dragBln) {
				return false;
			}
		})
		timer = setInterval(function() { $("#btn_next").click();}, 5000);
		$(".main_visual").hover(function() {
			clearInterval(timer);
		}, function() {
			timer = setInterval(function() { $("#btn_next").click();}, 5000);
		})
		$(".main_image").bind("touchstart", function() {
			clearInterval(timer);
		}).bind("touchend", function() {
			timer = setInterval(function() { $("#btn_next").click();}, 5000);
		})
		
		
		var bz_f_width=$("div.flicking_con>.bz_flicking_inner").css('width');
		var bz_fw=-parseInt(bz_f_width)/2+"px";
		$("div.flicking_con>.bz_flicking_inner").css('margin-left',bz_fw);
	});
	</script>
	<div class="main_visual">
			<div class="flicking_con">
				<div class="bz_flicking_inner">
									<a href="javascript:;"></a>
									<a href="javascript:;"></a>
									<a href="javascript:;"></a>
								</div>
			</div>
			
			
			
			<div class="main_image">
				<ul>		
				    					<li>
						<a href="http://liangcq.cn" target="_blank">
							<span class="img" style="background-image:url(/data/slide/1557250451.png);"></span>
						</a>
					</li>
										<li>
						<a href="http://liangcq.cn" target="_blank">
							<span class="img" style="background-image:url(/data/slide/1557250458.png);"></span>
						</a>
					</li>
										<li>
						<a href="http://liangcq.cn" target="_blank">
							<span class="img" style="background-image:url(/data/slide/1557250465.png);"></span>
						</a>
					</li>
									</ul>
				<a href="javascript:;" id="btn_prev"></a>
				<a href="javascript:;" id="btn_next"></a>
			</div>
	</div>
<div class="container" style="margin-top:20px">
		<div class="row">
		<div class="col-md-3">
			<h2 class="text-muted">精选全景<small style="margin-left:10px;">优质的全景作品赏析</small></h2>
		</div>
	</div>
	<div class="row chosen_wrap">
		<div class="col-md-5" style="height:380px;">
			<div id="myNiceCarousel" class="carousel slide" data-ride="carousel">
			  <!-- 轮播项目 -->
			  <div class="carousel-inner">
			   			    <div class="item active">
			      <a target="_blank" href="/tour/573afe79b84b538e">
				   <img src="http://qiniu.360qjx.com/1038/works/5fa5d0a619ee80a3/thumb.jpg"  class="img-responsive" style="width: 100%;max-height: 420px;">
			      </a>
				  <div class="carousel-caption">
			        <h3>森香原木定制|水岸新城|美式轻奢风格|VR实景案例赏析！</h3>
			      </div>
			    </div>
			   			    <div class="item ">
			      <a target="_blank" href="/tour/eda266558ef4a134">
				   <img src="http://qiniu.360qjx.com/1038/works/0fe4d0fdd7e85acf/thumb.jpg"  class="img-responsive" style="width: 100%;max-height: 420px;">
			      </a>
				  <div class="carousel-caption">
			        <h3>森香全屋定制|华新苑|现代风格|VR实景案例赏析！</h3>
			      </div>
			    </div>
			   			    <div class="item ">
			      <a target="_blank" href="/tour/2ebedd6d49f9fb29">
				   <img src="http://qiniu.360qjx.com/1038/works/4eb1bc824376277e/thumb.jpg"  class="img-responsive" style="width: 100%;max-height: 420px;">
			      </a>
				  <div class="carousel-caption">
			        <h3>森香原木定制|水岸新城|小美风格|VR实景案例赏析！</h3>
			      </div>
			    </div>
			       
			  </div>
			  <!-- 项目切换按钮 -->
			   <a class="left carousel-control" href="#myNiceCarousel" data-slide="prev">
			     <span class="icon icon-chevron-left"></span>
			   </a>
			   <a class="right carousel-control" href="#myNiceCarousel" data-slide="next">
			     <span class="icon icon-chevron-right"></span>
			   </a>
			</div>
		</div>

		<div class="col-md-7">
			<div class="row chosen_wrap">
			    				<div class="col-md-4 col-sm-4 col-xs-6 img_list">
					<a href="/tour/0075b3116e430e2e" target="_blank">
						<img src="http://qiniu.360qjx.com/1038/works/da92f19457444103/thumb.jpg" class="img-responsive">
					</a>
					<div style="position:relative">
						<div class="title_cover of_hide">森香全屋定制|香江水岸新城|新中式风格|VR实景案例赏析！</div>
					</div>
				</div>
			    				<div class="col-md-4 col-sm-4 col-xs-6 img_list">
					<a href="/tour/f4667cf8a7178d92" target="_blank">
						<img src="http://qiniu.360qjx.com/1038/works/ee24a49ffef4d9ed/thumb.jpg" class="img-responsive">
					</a>
					<div style="position:relative">
						<div class="title_cover of_hide">森香全屋定制|酃湖世家|现代风格|VR实景案例赏析！</div>
					</div>
				</div>
			    				<div class="col-md-4 col-sm-4 col-xs-6 img_list">
					<a href="/tour/cef784d2a423a558" target="_blank">
						<img src="http://qiniu.360qjx.com/1038/works/f06ab49648243071/thumb.jpg" class="img-responsive">
					</a>
					<div style="position:relative">
						<div class="title_cover of_hide">森香全屋定制|融冠乐城|新中式风格|VR实景案例赏析！</div>
					</div>
				</div>
			    				<div class="col-md-4 col-sm-4 col-xs-6 img_list">
					<a href="/tour/e9941aa99a8436d0" target="_blank">
						<img src="http://qiniu.360qjx.com/1038/works/25ccc64056eb819b/thumb.jpg" class="img-responsive">
					</a>
					<div style="position:relative">
						<div class="title_cover of_hide">森香全屋定制|西渡别墅|新中式风格|VR实景案例赏析！</div>
					</div>
				</div>
			    				<div class="col-md-4 col-sm-4 col-xs-6 img_list">
					<a href="/tour/b2c94ad5c4058031" target="_blank">
						<img src="http://qiniu.360qjx.com/1038/works/1437c3c86832e660/thumb.jpg" class="img-responsive">
					</a>
					<div style="position:relative">
						<div class="title_cover of_hide">[森香全屋定制]新中式风格VR实景案例赏析！</div>
					</div>
				</div>
			    				<div class="col-md-4 col-sm-4 col-xs-6 img_list">
					<a href="/tour/c7b1724ac10fa490" target="_blank">
						<img src="http://qiniu.360qjx.com/1038/works/ab19e546edc5509c/thumb.jpg" class="img-responsive">
					</a>
					<div style="position:relative">
						<div class="title_cover of_hide">[森香全屋定制]蒸湘雅郡新中式风格VR实景案例赏析！</div>
					</div>
				</div>
			        
			</div>
		</div>
	</div>

	<div class="row">
		<div class="col-xs-12">
			<h2 class="text-muted">推荐全景<small style="margin-left:10px;">为您推荐的优质作品</small><a href="/pictures"><small class="text-muted  pull-right more">更多>></small></a></h2>
		</div>
	</div>
	<!--一个卡片列表行-->
	<div class="row">
		<div class="cards" style="margin:0;">
			<!--卡片列表循环-->
						<div class="col-md-3 col-sm-3 col-xs-6 col-lg-3">
			   <div class="card" href="###">
			     <a target="_blank" href="/tour/0710c202e5cb80c2"><img src="http://qiniu.360qjx.com/1038/works/cfccc0a2c65b8ac7/thumb.jpg" alt="[森香全屋定制]富运大厦新中式风格VR实景案例赏析！"></a>
			     <div class="card-heading">
			     	<div class="col-md-9 col-xs-8 of_hide padding0">
			     		<strong class="text-primary">[森香全屋定制]富运大厦新中式风格VR实景案例赏析！</strong> 
			     	</div>
			     	<div class="col-md-3 col-xs-4 of_hide padding0">
			     		<div class="pull-right text-danger"><i class="icon-heart-empty"></i> 9148</div>
			     	</div>
			     </div>
			     <div class="card-content text-muted">
			     <span class="of_hide">富运大厦实景案例|新中式风格全屋定制VR全景赏析|湖南森香木业有限公司出品</span>
			     </div>
			   </div>
			 </div>
						<div class="col-md-3 col-sm-3 col-xs-6 col-lg-3">
			   <div class="card" href="###">
			     <a target="_blank" href="/tour/fbe1e5fce2313c6b"><img src="http://qiniu.360qjx.com/1038/works/34bc8a6e9d601ac0/thumb.jpg" alt="[森香全屋定制]十里江湾轻奢风格VR实景案例赏析！"></a>
			     <div class="card-heading">
			     	<div class="col-md-9 col-xs-8 of_hide padding0">
			     		<strong class="text-primary">[森香全屋定制]十里江湾轻奢风格VR实景案例赏析！</strong> 
			     	</div>
			     	<div class="col-md-3 col-xs-4 of_hide padding0">
			     		<div class="pull-right text-danger"><i class="icon-heart-empty"></i> 11596</div>
			     	</div>
			     </div>
			     <div class="card-content text-muted">
			     <span class="of_hide">十里江湾实景案例|轻奢风格全屋定制VR全景赏析!湖南森香木业有限公司出品</span>
			     </div>
			   </div>
			 </div>
						<div class="col-md-3 col-sm-3 col-xs-6 col-lg-3">
			   <div class="card" href="###">
			     <a target="_blank" href="/tour/10acb1a958519d30"><img src="http://qiniu.360qjx.com/1038/works/531479bafa32dcac/thumb.jpg" alt="[森香全屋定制]天鹅堡别墅新中式风格VR实景案例赏析！"></a>
			     <div class="card-heading">
			     	<div class="col-md-9 col-xs-8 of_hide padding0">
			     		<strong class="text-primary">[森香全屋定制]天鹅堡别墅新中式风格VR实景案例赏析！</strong> 
			     	</div>
			     	<div class="col-md-3 col-xs-4 of_hide padding0">
			     		<div class="pull-right text-danger"><i class="icon-heart-empty"></i> 12172</div>
			     	</div>
			     </div>
			     <div class="card-content text-muted">
			     <span class="of_hide">天鹅堡实景案例|新中式风格全屋定制VR全景赏析!湖南森香木业有限公司出品</span>
			     </div>
			   </div>
			 </div>
						<div class="col-md-3 col-sm-3 col-xs-6 col-lg-3">
			   <div class="card" href="###">
			     <a target="_blank" href="/tour/18bf0f16124c0117"><img src="http://qiniu.360qjx.com/1038/works/778520e10da84a48/thumb.jpg" alt="[森香全屋定制]愉景新城美式风格VR实景案例赏析！"></a>
			     <div class="card-heading">
			     	<div class="col-md-9 col-xs-8 of_hide padding0">
			     		<strong class="text-primary">[森香全屋定制]愉景新城美式风格VR实景案例赏析！</strong> 
			     	</div>
			     	<div class="col-md-3 col-xs-4 of_hide padding0">
			     		<div class="pull-right text-danger"><i class="icon-heart-empty"></i> 7887</div>
			     	</div>
			     </div>
			     <div class="card-content text-muted">
			     <span class="of_hide">愉景新城实景案例|全屋定制VR全景赏析!湖南森香木业有限公司出品</span>
			     </div>
			   </div>
			 </div>
						<div class="col-md-3 col-sm-3 col-xs-6 col-lg-3">
			   <div class="card" href="###">
			     <a target="_blank" href="/tour/4a7b78a6fb89b2dd"><img src="http://qiniu.360qjx.com/1038/works/5e494626e0c4d0e7/thumb.jpg" alt="森香全屋定制 | 银泰红城别墅VR实景案例 | VR全景赏析"></a>
			     <div class="card-heading">
			     	<div class="col-md-9 col-xs-8 of_hide padding0">
			     		<strong class="text-primary">森香全屋定制 | 银泰红城别墅VR实景案例 | VR全景赏析</strong> 
			     	</div>
			     	<div class="col-md-3 col-xs-4 of_hide padding0">
			     		<div class="pull-right text-danger"><i class="icon-heart-empty"></i> 10106</div>
			     	</div>
			     </div>
			     <div class="card-content text-muted">
			     <span class="of_hide">银泰红城别墅实景案例|全屋定制VR全景赏析!湖南森香木业有限公司出品</span>
			     </div>
			   </div>
			 </div>
						<div class="col-md-3 col-sm-3 col-xs-6 col-lg-3">
			   <div class="card" href="###">
			     <a target="_blank" href="/tour/568378c0785f3a22"><img src="http://qiniu.360qjx.com/1038/works/2c8f034e8b32a5a3/thumb.jpg" alt="森香全屋定制 | 红湘路苑VR实景案例 | VR全景赏析！"></a>
			     <div class="card-heading">
			     	<div class="col-md-9 col-xs-8 of_hide padding0">
			     		<strong class="text-primary">森香全屋定制 | 红湘路苑VR实景案例 | VR全景赏析！</strong> 
			     	</div>
			     	<div class="col-md-3 col-xs-4 of_hide padding0">
			     		<div class="pull-right text-danger"><i class="icon-heart-empty"></i> 8941</div>
			     	</div>
			     </div>
			     <div class="card-content text-muted">
			     <span class="of_hide">红湘路苑实景案例|全屋定制VR全景赏析!湖南森香木业有限公司出品</span>
			     </div>
			   </div>
			 </div>
						<div class="col-md-3 col-sm-3 col-xs-6 col-lg-3">
			   <div class="card" href="###">
			     <a target="_blank" href="/tour/f26c29aae64a77be"><img src="http://qiniu.360qjx.com/1051/works/3eda799f8f6b552c/thumb.jpg" alt="宏阁装饰出品-万和城VR实景案例0734-8120566"></a>
			     <div class="card-heading">
			     	<div class="col-md-9 col-xs-8 of_hide padding0">
			     		<strong class="text-primary">宏阁装饰出品-万和城VR实景案例0734-8120566</strong> 
			     	</div>
			     	<div class="col-md-3 col-xs-4 of_hide padding0">
			     		<div class="pull-right text-danger"><i class="icon-heart-empty"></i> 2730</div>
			     	</div>
			     </div>
			     <div class="card-content text-muted">
			     <span class="of_hide">万和城VR实景案例-宏阁装饰出品15115426192</span>
			     </div>
			   </div>
			 </div>
						<div class="col-md-3 col-sm-3 col-xs-6 col-lg-3">
			   <div class="card" href="###">
			     <a target="_blank" href="/tour/9afa2517f00273de"><img src="http://qiniu.360qjx.com/1038/works/a5f80f1546c2fcc0/thumb.jpg" alt="森香全屋定制 | 云集复式楼VR实景案例 | VR全景赏析！"></a>
			     <div class="card-heading">
			     	<div class="col-md-9 col-xs-8 of_hide padding0">
			     		<strong class="text-primary">森香全屋定制 | 云集复式楼VR实景案例 | VR全景赏析！</strong> 
			     	</div>
			     	<div class="col-md-3 col-xs-4 of_hide padding0">
			     		<div class="pull-right text-danger"><i class="icon-heart-empty"></i> 11667</div>
			     	</div>
			     </div>
			     <div class="card-content text-muted">
			     <span class="of_hide">云集复式楼实景案例|全屋定制VR全景赏析!湖南森香木业有限公司出品</span>
			     </div>
			   </div>
			 </div>
						<div class="col-md-3 col-sm-3 col-xs-6 col-lg-3">
			   <div class="card" href="###">
			     <a target="_blank" href="/tour/43e79a96b075fbf9"><img src="http://qiniu.360qjx.com/1038/works/f392c89d9ba3ec46/thumb.jpg" alt="森香全屋定制 | 雅士林欣城别墅VR实景案例赏析！"></a>
			     <div class="card-heading">
			     	<div class="col-md-9 col-xs-8 of_hide padding0">
			     		<strong class="text-primary">森香全屋定制 | 雅士林欣城别墅VR实景案例赏析！</strong> 
			     	</div>
			     	<div class="col-md-3 col-xs-4 of_hide padding0">
			     		<div class="pull-right text-danger"><i class="icon-heart-empty"></i> 12373</div>
			     	</div>
			     </div>
			     <div class="card-content text-muted">
			     <span class="of_hide">雅士林欣城别墅实景案例|全屋定制VR全景赏析!湖南森香木业有限公司出品</span>
			     </div>
			   </div>
			 </div>
						<div class="col-md-3 col-sm-3 col-xs-6 col-lg-3">
			   <div class="card" href="###">
			     <a target="_blank" href="/tour/7b790977559bf32d"><img src="http://qiniu.360qjx.com/1038/works/cfd8e0557cc1eee6/thumb.jpg" alt="森香全屋定制 | 云集VR实景案例 | VR全景赏析！"></a>
			     <div class="card-heading">
			     	<div class="col-md-9 col-xs-8 of_hide padding0">
			     		<strong class="text-primary">森香全屋定制 | 云集VR实景案例 | VR全景赏析！</strong> 
			     	</div>
			     	<div class="col-md-3 col-xs-4 of_hide padding0">
			     		<div class="pull-right text-danger"><i class="icon-heart-empty"></i> 9161</div>
			     	</div>
			     </div>
			     <div class="card-content text-muted">
			     <span class="of_hide">云集实景案例|全屋定制VR全景赏析!湖南森香木业有限公司出品</span>
			     </div>
			   </div>
			 </div>
						<div class="col-md-3 col-sm-3 col-xs-6 col-lg-3">
			   <div class="card" href="###">
			     <a target="_blank" href="/tour/1024999f8857caef"><img src="http://qiniu.360qjx.com/1038/works/0c0389bd945bbef0/thumb.jpg" alt="森香全屋定制 |岳阳复式楼 VR实景案例 | VR全景赏析！"></a>
			     <div class="card-heading">
			     	<div class="col-md-9 col-xs-8 of_hide padding0">
			     		<strong class="text-primary">森香全屋定制 |岳阳复式楼 VR实景案例 | VR全景赏析！</strong> 
			     	</div>
			     	<div class="col-md-3 col-xs-4 of_hide padding0">
			     		<div class="pull-right text-danger"><i class="icon-heart-empty"></i> 11994</div>
			     	</div>
			     </div>
			     <div class="card-content text-muted">
			     <span class="of_hide">岳阳复式楼 实景案例|全屋定制VR全景赏析!湖南森香木业有限公司出品</span>
			     </div>
			   </div>
			 </div>
						<div class="col-md-3 col-sm-3 col-xs-6 col-lg-3">
			   <div class="card" href="###">
			     <a target="_blank" href="/tour/0854a1c5ee7fa303"><img src="http://qiniu.360qjx.com/1042/works/ce0c82588b0f2766/thumb.jpg" alt="全友全屋整装|祁东碧桂园别墅实景案例VR全景赏析！"></a>
			     <div class="card-heading">
			     	<div class="col-md-9 col-xs-8 of_hide padding0">
			     		<strong class="text-primary">全友全屋整装|祁东碧桂园别墅实景案例VR全景赏析！</strong> 
			     	</div>
			     	<div class="col-md-3 col-xs-4 of_hide padding0">
			     		<div class="pull-right text-danger"><i class="icon-heart-empty"></i> 2822</div>
			     	</div>
			     </div>
			     <div class="card-content text-muted">
			     <span class="of_hide">祁东别墅-实景客户案例VR全景-展厅地址：祁东永昌大道工商局对面！咨询：0734-6252988！</span>
			     </div>
			   </div>
			 </div>
				         
			<!--卡片列表循环结束-->	
		</div>
	</div>
	<!--一个卡片列表行结束-->
	</div>

<style type="text/css">
.footer {
        height: 75px;
        font-size: 12px;
        clear: both;
        display: none
}
.footer ul {
	height: 75px;
	line-height: 75px;
}
.footer-logo {
	height: 75px;
	line-height: 75px;
}

.cooperative p{
	margin: 0;
}
.cooperative p:nth-child(1) {
	font-size: 12px;
}
.cooperative p:nth-child(2) {
	font-size: 9px;
}

.ab{
	position: absolute;
	bottom: 0;
}
@media (max-width:470px) {
.footer{ position: relative;height: 94px;}
.footer ul { margin-left: 5px;width: 200px;}
.footer ul li a { padding: 5px 2px;}
.footer-logo>a>img{ vertical-align: 14px;}
.footer-nav>li{ line-height: 50px;}
.cooperative>p>a>img{ width: 61px}
.cooperative{ width:100%;position: absolute;top: 8px;right: 7px;}
.hz{ text-align: center;}
.bq{ text-align: center;}

}
</style>
<footer class="footer">
 <div class="footer-warper">
  <div class="footer-logo"><a href="#"><img src="/static/images/logo.png"></a></div>
  <ul class="footer-nav">
   <li>
   	   </li>
  </ul>
  <div class="cooperative" style="float:right">
   <p class="qq"><a target="blank" href="http://wpa.qq.com/msgrd?V=3&uin=2424501894&Site=全景秀&Menu=yes"><img src="/static/images/qq_online.png" style="cursor:pointer;"></a></p>
   <div class="clearfix" style="height:5px"></div>
   <p class="hz">合作电话：15570975800 </p>
   <p class="bq">Copyright&copy;2013-2022 全景秀 All Rights Reserved   <a style="color: #bfbfbf;text-decoration: underline;" href="http://beian.miit.gov.cn/" target="_blank">湘ICP备16019071号-3</a></p>
   </div>
  </div>
</footer>
<script language="JavaScript" type="text/javascript" src="/static/js/jquery.form.js"></script>
<script language="JavaScript" type="text/javascript" src="/static/js/bootbox.js"></script> 
<script language="JavaScript" type="text/javascript" src="/static/js/pager.js"></script> 
<script language="JavaScript" type="text/javascript" src="/static/js/common.js"></script>
<script language="JavaScript" type="text/javascript" src="/static/js/zui.js"></script>
<script>
	var f_resize_time;
	window.onload = function (){ 
		f_resize_time = setTimeout(resizeFooter,1000);
		// $(window).bind("resize",function(){
		// 	$("footer").hide();
		// 	if(f_resize_time) clearTimeout(f_resize_time);
		// 	f_resize_time = setTimeout(resizeFooter,100);
		// })
		$(document).bind("resize",function(){
			$("footer").hide();
			if(f_resize_time) clearTimeout(f_resize_time);
			f_resize_time = setTimeout(resizeFooter,100);
		})
	} 
	function resizeFooter(){
		if ($(window).height()>$(document.body).height()) {
			$("footer").addClass("ab").show();
		}else{
			$("footer").removeClass("ab").show();
		}
	}
</script>
</body>
</html>
