<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <title></title>
  <style>
  	.main.product .content {

	    padding: 100px 0;
	    border-bottom: none;
	
	}
	.main.product  .label {
		margin-top: 50px;
		margin-bottom: 50px;
		font-size: 18px;
	}
	.content ul li{
		list-style: inherit;
		list-style-position: outside; 
		clear: both; 
		padding-left: 12px; 
		position: relative; 
		font-size: 16px; 
		color: rgb(102, 102, 102); 
		line-height: 30px;
	}
	.main.product .content div.right {
	    padding-left: 60px;
	}
	.banner.product {
	    background: url(resources/static/img/nav_img1.jpg) no-repeat center top;
	        
	}
	
	
	.product .bg1 {
	    background: url(resources/static/img/bg1.jpg) no-repeat center top;
	        
	}
  </style>	
</head>
<body>
  
  
  <!-- banner部分 -->
  <div class="banner product">
    <div class="title">
       <p>虚拟指挥中心</p>
      <p class="en">Virtual Command Center</p>
    </div>
  </div>
  <!-- main部分 -->
  <div class="main product">
    	<div class="layui-container">
		    
		    <div class="layui-row layui-col-space25">
		    	<div class="layui-col-sm6 layui-col-md12">
		          <div class=" " style="height:220px;text-align: center;">
		            
		            <div><img src="resources/static/img/zh1.png"></div>
		            <!-- <a href="javascript:;">查看产品 ></a> -->
		          </div>
		        </div>

		    </div>
		    <p></p>
		  </div>     
		  
		  
		  <div class="bg_gray "> 
    
		    <div class="layui-container">
			    
			    <div class="layui-row layui-col-space25">
			    	<div class="layui-col-sm6 layui-col-md12">
			          <div class=" " style="height:610px;text-align: center;">
			            <div>
			              <p class="label">基于拖拽方式的3D场景构建能力，基于Gis数据构造场景，使3D场景的构建简单易行。</p>
			            </div>
			            
			            
			            <div><img src="resources/static/img/3d1.png"></div>
			            <!-- <a href="javascript:;">查看产品 ></a> -->
			          </div>
			        </div>
			        
			        
			    
			    </div>
			    
			    <p></p>
			   </div>
		    
		    
		    </div>
		  
		  
		  <div class="layui-container">
			    
			    <div class="layui-row layui-col-space25">
			    	<div class="layui-col-sm6 layui-col-md12">
			          <div class=" " style="height:750px;text-align: center;">
			            <div>
			              <p class="label">虚拟场景的可视化组件与现实世界物联设备进行数据互通与联动，实现虚实同步、数据互联、场景可视。</p>
			            </div>
			            
			            
			            <div><iframe src="http://39.100.79.208:9090/overview?userId=campus" style="padding:0; margin:0 auto;position:relative; bottom: 0px;left:0px" width="988" height="550px" frameborder="0"></iframe></div>
			            <!-- <a href="javascript:;">查看产品 ></a> -->
			          </div>
			        </div>
			        
			        
			    
			    </div>
			    
			    <p></p>
		   </div>
  </div>

  
<script src="resources/layui/layui.js"></script>
<!--[if lt IE 9]>
  <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
  <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script>
  layui.config({
    base: 'resources/static/js/' 
  }).use('firm'); 
</script>

</body>
</html>