team-work
/
民生建设移动端.html

<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
		<link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
		<!--主要样式-->
		<link rel="stylesheet" type="text/css" href="./css/民生建设移动端.css"/>
		<!--图标样式-->
		<link rel="stylesheet" type="text/css" href="./css/icon.css"/>
	</head>
	<body>
		<!-- 导航栏开始 -->
		<div id="homepage">
		   <div id="head">
		     <div class="logo"><img src="img/logo9.png" /></div>
			 <div class="inputsearch">
				<i class="fa fa-search" aria-hidden="true"></i><input type="text" class="search" placeholder="请输入关键词" />
			 </div>

		     <div class="navigation">
		         <ul>
		            <li><a href="mobile.html">首页</a></li>
		            <li><a  href="政策资讯移动端.html">政策资讯</a></li>
		            <li><a  href="脱贫攻坚移动端.html">脱贫攻坚</a></li>
		            <li><a href="地方实践子页（移动端）.html">地方实践</a></li>
		            <li><a class="neat" href="#">民生建设</a></li>

		       </ul>
		     </div>
		   </div>
		</div>
		<!-- 导航栏结束 -->
		<!-- 头部背景图片开始 -->
		<div id="introduction">
		    <div class="understand"><a href="#">轻触了解</a></div>
		</div>
		<!-- 头部背景图片结束 -->
		<!-- 中间部分开始 -->
		<div class="zhongjian">
		<div class="title">
				一纸民生
			</div>
			<!-- tab卡片 -->
			<div class="cur">
				<div class="container">
		    <input type="radio" name="tabs" id="tab_top" checked>
		    <input type="radio" name="tabs" id="tab_middle">
		    <input type="radio" name="tabs" id="tab_bottom">
		    <div class="cube">
		        <div class="tab-content"></div>
		        <div class="tab-content"> </div>
		        <div class="tab-content"></div>
		    </div>
		    <div class="labels">
		        <label for="tab_top" class="tab">
					<div class="black"></div>
				</label>
		        <label for="tab_middle" class="tab">
					<div class="black"></div>
				</label>
		        <label for="tab_bottom" class="tab">
					<div class="black"></div>
				</label>
		    </div>
		</div>
			</div>
		<!-- 民生面对面 -->
		<div class="title1">
			民生面对面
		</div>
		<div class="cons">
		    <div class="slide">
		        <div class="image" style="background: url(img/民生面对面C.jpg);"></div>
		        <div class="overlay"></div>
		        <div class="content">
		            <h1 data-title="公共服务">公共服务</h1>
		        </div>
		    </div>
		    <div class="slide">
		        <div class="image" style="background-image: url(img/民生面对面A.jpg);"></div>
		        <div class="overlay"></div>
		        <div class="content">
		            <h1 data-title="乡村教师">乡村教师</h1>
		        </div>
		    </div>
		    <div class="slide">
		        <div class="image" style="background-image: url(img/民生面对面B.jpg);"></div>
		        <div class="overlay"></div>
		        <div class="content">
		            <h1 data-title="幸福高光">幸福高光</h1>
		        </div>
		    </div>
		    <div class="slide">
		        <div class="image" style="background-image: url(img/民生面对面D.jpg);"></div>
		        <div class="overlay"></div>
		        <div class="content">
		            <h1 data-title="就业服务">就业服务</h1>
		        </div>
		    </div>
		</div>
		<!-- 一图读懂 -->
		<div class="title">
			一图读懂
		</div>
		<div class="flex">
			<ul>
				<li>
			    	<div class="port">
			        	<div class="image-box">
			            	<img src="img/一图读懂A.jpg" alt="Image-1">
			            </div>
			            <div class="text-desc">
			            	<h3>民生解读</h3>
			                <p>工伤保险 “打工人”的必修课</p>
			            	<a href="#" class="btn">详情</a>
			            </div>
			        </div>
			    </li>
			    <li>
			    	<div class="port">
			        	<div class="image-box">
			            	<img src="img/一图读懂B.jpg" alt="Image-2">
			            </div>
			            <div class="text-desc">
			            	<h3>民生解读</h3>
			                <p>解读《保障基层工人工资支付条例》</p>
			            	<a href="#" class="btn">详情</a>
			            </div>
			        </div>
			    </li>
			    <li>
			    	<div class="port">
			        	<div class="image-box">
			            	<img src="img/一图读懂C.jpg" alt="Image-3">
			            </div>
			            <div class="text-desc">
			            	<h3>民生解读</h3>
			                <p>人才新政2022，党和人民在行动</p>
			            	<a href="#" class="btn">详情</a>
			            </div>
			        </div>
			    </li>
			</ul>
			<div class="push">
				查看更多+
			</div>
		</div>
		<!-- 民生热点 -->
		<div class="title">
			民生热点
		</div>
		<div class="hot">
			<ul>
				<li>
					<div class="photo">
						<img src="img/民生热点A.jpg"/>
					</div>
					<div class="font">
						<h1>教育民生，让群众“暖心”</h1>
						<p>今年以来，全省各级各部门坚持以人民为中心为中心发展教育，全力办好教育民生实事，不断
							增强人民群众的教育获得感、幸福感、安全感
						</p>
						<p>2022-12-07&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;来源：湖南日报</p>
					</div>
				</li>
				<hr />
				<li>
					<div class="photo">
						<img src="img/民生热点B.jpg"/>
					</div>
					<div class="font">
						<h1>落实新课标，教师要超越“教书”走向“育人”</h1>
						<p>新修订的义务教育课程方案和课程标准描绘了培育时代新人的蓝图。理想的蓝图如何变为现实？
							美国学者的课程实施层级理论告诉我们，从理想的课程到学生体验到的课程，其中关键环节是
							教师理...
						</p>
						<p>2022-12-06&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;来源：光明日报</p>
					</div>
				</li>
				<hr />
				<li>
					<div class="photo">
						<img src="img/民生热点C.jpg"/>
					</div>
					<div class="font">
						<h1>湖南省根治欠薪专项行动“再亮剑”</h1>
						<p>为贯彻落实党中央、国务院和习近平总书记关于保障农民工工资支付重要精神根据省委、省政府
							相关要求，湖南省人社厅在全省组织开展根治欠薪冬季专项行动切实保障农民工合法权益。
						</p>
						<p>2022-12-05&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;来源：红网</p>
					</div>
				</li>
				<hr />
			</ul>
		</div>
		<div class="push">
			查看更多+
		</div>
	</div>
		<!-- 中间部分结束 -->
		<!-- 底部开始 -->
		<div class="float">
				<hr/>
				<div class="wei_font">
					<ul>
						<li>中心概况</li>
						<li>电子政务外网</li>
						<li>预决算公开</li>
					</ul>
					<ul>
						<li>工作要闻</li>
						<li>大数据与数字中国</li>
					</ul>
					<ul>
						<li>宏观形势分析</li>
						<li>在线培训</li>
					</ul>
					<ul>
					<li>信息化和产业研究</li>
					<li>工作成果</li>
					</ul>
				</div>
				<div class="wei_end">
					 <div class="wei_logo">
						<img src="img/logo9.png" >
					</div>

					<div class="wei_font2">
						<ul>
							主办单位：国家信息中心
							&nbsp;&nbsp;&nbsp;京ICP备05063309号/京ICP备05063309号-1
							&nbsp;&nbsp;&nbsp;京公安网安备11010202010038号
						</ul>
						<ul>
							技术支持：北京中经网软件开发有限公司
							&nbsp;&nbsp;&nbsp;地址：北京市西城区三里河路58号
							&nbsp;&nbsp;&nbsp;邮编：100045
						</ul>
						<ul>
							电话：010-68557000
							&nbsp;&nbsp;&nbsp;信访电话：010-68558389
							&nbsp;&nbsp;&nbsp;信访邮箱： xinfang@sic.gov.cn
						</ul>
					</div>
				</div>
				<div class="wei_font3">
					京ICP证030173号-1   京网文【2013】0934-983号     ©2022Baidu
					&nbsp;&nbsp;使用浏览器前必读
					&nbsp;&nbsp;|&nbsp;&nbsp;知道协议 &nbsp;&nbsp;|&nbsp;&nbsp;
					&nbsp;&nbsp;企业推广
				</div>
			</div>
		</body>
		<!-- 底部结束 -->
	</body>
</html>