CQ_JD
/
nazw


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253
							<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>数据汇总页面</title>

		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="stylesheet" href="./layui/layui.css" media="all">

		<link rel="stylesheet" href="./css/dataAll.css">
		<style type="text/css">
			body{
				margin: 0px;
				padding: 0px;
			}
			.bodyBox{
				width: 80%;
				margin: 0 auto;
				height: 880px;
			}

			.box{
				width: 401px;
				height: 226px;
				background: #FFFFFF;
				border: 1px solid #FFFFFF;
				box-shadow: 5px 9px 17px 1px rgba(122,122,122,0.16);
				float: left;
				margin:25px 49px 25px 50px;
				cursor: pointer;
			}
			.box:hover{
				background: #125DB2;
				color: #fff;
			}
			/*.first{*/
			/*	background: #125DB2;*/
			/*}*/
			.moduleIcon{
				display: block;
				width: 54px;
				height: 54px;
				margin: 50px auto 0;
			}
			.moduleName{
				width: 150px;
				height: 64px;
				font-size: 20px;
				font-family: Microsoft YaHei;
				font-weight: bold;
				color: #333333;
				line-height: 64px;
				text-align: center;
			}
			.box:hover .moduleName{
				color: #fff;
			}
			.cutOffRule{
				width: 2px;
				height: 184px;
				background: #EEEEEE;
				float: left;
				margin-top: 23px;
			}
			.moduleMenu{
				width: 50%;
				float: left;
				height: 100%;
				margin-top: 15px;
				margin-left: 25px;
			}
			.moduleMenu li{
				display: block;
				width: 100%;
				height: 64px;
				font-size: 16px;
				font-family: Microsoft YaHei;
				font-weight: 400;
				color: #333333;
				line-height: 64px;
			}
			.box:hover .moduleMenu li {
				color:#fff;
			}
			.img1{
				display: block;
			}
			.img2{
				display: none;
			}

			.box:hover .img1{
				display: none;
			}
			.box:hover .img2{
				display: block;
			}

			.floatingButton{
				width: 300px;
				height: 300px;
				border: #333;
				
			}

		</style>
	</head>
	<body style="background-color: #fff;">
		<div class="bodyBox">
<!--			国民经济-->
			<div class="box" onclick="goGmjj()">
				<div style="width: 150px;height: 100%;float: left; ">
					<img class="moduleIcon img1" src="./image/content_icon_financing_default.png">
					<img class="moduleIcon img2" src="./image/content_icon_financing_hover.png">
					<div class="moduleName">国民经济</div>
				</div>
				<div class="cutOffRule"></div>
				<div>
					<ul class="moduleMenu">
						<li>国民经济数据统计</li>
						<li>GDP地区生产总值规模以...</li>
						<li>建筑业总产值</li>
					</ul>
				</div>
			</div>
			<!--			政务服务-->
			<div class="box" onclick="goZwfw()">
				<div style="width: 150px;height: 100%;float: left; ">
					<img class="moduleIcon img1" src="./image/content_icon_hands_default.png">
					<img class="moduleIcon img2" src="./image/content_icon_hands_hover.png">
					<div class="moduleName">政务服务</div>
				</div>
				<div class="cutOffRule"></div>
				<div>
					<ul class="moduleMenu">
						<li>政务服务数据统计</li>
						<li>本周办件数</li>
						<li>事实办件详情</li>
					</ul>
				</div>
			</div>
			<!--			公开信箱-->
			<div class="box" onclick="goGkyx()">
				<div style="width: 150px;height: 100%;float: left; ">
					<img class="moduleIcon img1" src="./image/content_icon_mail_default.png">
					<img class="moduleIcon img2" src="./image/content_icon_mail_hover.png">
					<div class="moduleName">公开信箱</div>
				</div>
				<div class="cutOffRule"></div>
				<div>
					<ul class="moduleMenu">
						<li>公开信箱数据统计</li>
						<li>本周信件数量</li>
						<li>信箱信息</li>
					</ul>
				</div>
			</div>
			<!--			社会保障-->
			<div class="box" onclick="goShbz()">
				<div style="width: 150px;height: 100%;float: left; ">
					<img class="moduleIcon img1" src="./image/content_icon_protect_default.png">
					<img class="moduleIcon img2" src="./image/content_icon_protect_hover.png">
					<div class="moduleName">社会保障</div>
				</div>
				<div class="cutOffRule"></div>
				<div>
					<ul class="moduleMenu">
						<li>社会保障数据统计</li>
						<li>最低生活保障人数</li>
						<li>发放低保金</li>
					</ul>
				</div>
			</div>
			<!--			卫生医疗-->
			<div class="box" onclick="goWsyl()">
				<div style="width: 150px;height: 100%;float: left; ">
					<img class="moduleIcon img1" src="./image/content_icon_love_default.png">
					<img class="moduleIcon img2" src="./image/content_icon_love_hover.png">
					<div class="moduleName">卫生医疗</div>
				</div>
				<div class="cutOffRule"></div>
				<div>
					<ul class="moduleMenu">
						<li>卫生医疗数据统计</li>
						<li>医疗器械具体情况明细表</li>
						<li>卫生注意事项</li>
					</ul>
				</div>
			</div>
			<!--			文化旅游-->
			<div class="box" onclick="goWhly()">
				<div style="width: 150px;height: 100%;float: left;">
					<img class="moduleIcon img1" src="./image/content_icon_takeoff_default.png">
					<img class="moduleIcon img2" src="./image/content_icon_takeoff_hover.png">
					<div class="moduleName">文化旅游</div>
				</div>
				<div class="cutOffRule"></div>
				<div>
					<ul class="moduleMenu">
						<li>文化旅游数据统计</li>
						<li>文化旅游地点详情数据统计</li>
						<li>旅游人员</li>
					</ul>
				</div>
			</div>
			<!--			社会救助-->
			<div class="box" onclick="goShjz()">
				<div style="width: 150px;height: 100% ;float: left;">
					<img class="moduleIcon img1" src="./image/content_icon_sport_default.png">
					<img class="moduleIcon img2" src="./image/content_icon_sport_hover.png">
					<div class="moduleName">社会救助</div>
				</div>
				<div class="cutOffRule"></div>
				<div>
					<ul class="moduleMenu">
						<li>社会救助数据统计</li>
						<li>GDP地区生产总值规模以...</li>
						<li>建筑业总产值</li>
					</ul>
				</div>
			</div>
<!--			重庆市公共数据开发平台-->
			<div class="floatingButton">公共数据平台</div>
		</div>
	</body>
	<script src="js/jquery-3.5.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		let PATH = "https://data.cqna.gov.cn/natj"
		// let PATH = "http://localhost:7777/natj"
		function goGmjj(){
			window.open("https://www.cqna.gov.cn/bm/qtjj/gmjjtj/")
		}
		function goZwfw(){
			window.open("https://www.cqna.gov.cn/sjtj1/")
		}
		function goGkyx(){
			window.open("https://www.cqna.gov.cn/hdjl_254/gkxxtjsj/")
		}

		function goShbz(){
			window.open(PATH+"/dataCenter/socialSecurity.html")
		}
		function goWsyl(){
			window.open(PATH+"/dataCenter/healthCare.html")
		}
		function goWhly(){
			window.open(PATH+"/dataCenter/culturalTourism.html")
		}
		function goShjz(){
			window.open(PATH+"/dataCenter/socialAssistance.html")
		}
	</script>
</html>