更新阿勒泰

.project

@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<projectDescription>
+	<name>web-altai</name>
+	<comment></comment>
+	<projects>
+	</projects>
+	<buildSpec>
+		<buildCommand>
+			<name>com.aptana.ide.core.unifiedBuilder</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
+	</buildSpec>
+	<natures>
+		<nature>com.aptana.projects.webnature</nature>
+	</natures>
+	<filteredResources>
+		<filter>
+			<id>1575526377340</id>
+			<name></name>
+			<type>26</type>
+			<matcher>
+				<id>org.eclipse.ui.ide.multiFilter</id>
+				<arguments>1.0-name-matches-false-false-node_modules</arguments>
+			</matcher>
+		</filter>
+	</filteredResources>
+</projectDescription>

css/style.css

@@ -0,0 +1,900 @@
+@charset 'UTF-8';
+html{ overflow-x:auto; overflow-y:auto;}
+*{ padding:0; margin:0;outline:none !important;}
+ul, ol,li{ list-style-type:none;}
+body, button, input, select, textarea{  font-family: 'Microsoft yahei'; font-size:12px;}
+code, kbd, pre, samp { font-family: 'Microsoft yahei';}
+a{ text-decoration:none; color:#333; cursor:pointer;
+-webkit-transition: all 0.2s ease-out 0s; 
+   -moz-transition: all 0.2s ease-out 0s; 
+	 -o-transition: all 0.2s ease-out 0s; 
+		transition: all 0.2s ease-out 0s;}
+img{border:0; max-width:100%;max-height: 100%;vertical-align: middle;}
+
+li { line-height:normal; }
+table { border-collapse: collapse; border-spacing: 0; }
+h1,h2,h3,h4,h5,h6{margin:0; font-weight:normal; font-family: 'Microsoft yahei'; }
+input,table,tr,td{ margin:0; padding:0; border:none;}
+button,table{ border:none; background:none; margin:0; padding:0;}
+body{position: relative; float:left; width:100%; overflow:hidden;}
+select{ margin:0; padding:0; font-family: 'Microsoft yahei'; border:none;}
+textarea{ resize:none;outline:none;}
+label{ margin-bottom:0; font-weight:normal;}
+input,select,textarea{ margin:0; padding:0; border:0; outline:none;
+ -moz-border-radius:0px; 
+ -webkit-border-radius:0; 
+ -khtml-border-radius:0;
+ border-radius:0;
+}
+.pz_top{ float:left; width:100%; min-width:1200px; z-index: 101;}
+.pz_banner{ float: left; width:100%; min-width:1200px; position:relative; overflow:hidden; min-height:260px;}
+.pz_main{ float:left; width:100%; min-width:1200px; overflow:hidden; position:relative;}
+.pz_down{ float:left; width:100%; min-width:1200px;}
+.pz_menu{ float:left; width:100%; min-width:1200px;}
+.w_0100{ float:left; width:100%;}
+.w_1200{ margin:0 auto; width:1200px;}
+
+.bg{
+	float: left;
+	background-image: url(../images/bg.jpg);
+	background-size: 100% 100%;
+}
+.topDate{
+	height:40px;
+	line-height: 40px;
+	background: #215299;
+}
+.topDateInfo{
+	font-size: 14px;
+	color: #fff;
+}
+.top{
+	height: 245px;
+}
+.top .logo{
+	float: left;
+	width: 800px;
+	padding: 90px 0;	    
+}
+.top .logo .title{
+	color: #215299;
+  	font-size: 36px;
+ 	font-family: cursive;
+ 	text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
+ 	font-weight: 600;
+}
+.top .logo .english {
+  	color: #215299;
+  	font-size: 18px;
+  	font-weight: bold;
+}
+.top .search{
+	float: right;
+	width: 340px;
+	height: 40px;
+	background: #2152999f;
+	border-radius: 25px;
+	margin: 102px 0;
+}
+.top .search .input{
+	width: 274px;
+    height: 40px;
+    background: transparent;
+    border-radius: 25px;
+    color: #fff;
+    padding: 0 0 0 16px;
+}
+::-webkit-input-placeholder { /* WebKit browsers */
+    color:    #fff;
+}
+:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
+    color:    #fff;
+}
+::-moz-placeholder { /* Mozilla Firefox 19+ */
+    color:    #fff;
+}
+:-ms-input-placeholder { /* Internet Explorer 10+ */
+    color:    #fff;
+}
+.top .search .button{
+	width: 40px;
+    height: 40px;
+    line-height: 40px;
+}
+.menu{
+	height: 70px;
+	line-height: 70px;
+	background-color: rgba(0,0,0,0.4);
+	margin: 0 0 10px 0;
+}
+.menu ul li{
+	float: left;
+	width:298px;
+	height: 70px;
+	line-height: 70px;
+	text-align: center;
+	border-right: 2px solid #76bdfe;
+}
+.menu ul li:last-child{
+	width:298px;
+	border-right: none;
+}
+.menu ul li a{
+	font-size: 22px;
+	font-family: "微软雅黑";
+	color: #FFFFFF;
+}
+.menu ul li:hover{
+	background: #215299;
+	cursor: pointer;
+}
+.menu ul .active{
+	background: #215299;
+}
+/*地图+最新资讯*/
+.main_1{
+	width: 1200px;
+	height: 354px;
+	margin: 0 0 10px 0;
+}
+.map{
+	position: relative;
+	float: left;
+	width: 512px;
+	height: 354px;
+	overflow: hidden;
+	margin: 0 10px 0 0;
+	background: #fff;
+	border: 1px solid #ccc;
+}
+.map img{
+	width: 490px;
+	height: 330px;
+	margin: 12px;
+}
+.map span{
+	position: absolute;
+    bottom: 18px;
+    left: 32px;
+    font-size: 12px;
+    color: #fff;
+    font-family: "黑体";
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    display: inline-block;
+    width: 454px;
+}
+.zixun{
+	width: 676px;
+	height: 354px;
+	overflow: hidden;
+	background: #fff;
+}
+.zixunTop{
+	width: 636px;
+    height: 39px;
+    line-height: 40px;
+    margin: 20px;
+    border-bottom: 1px solid #ccc;
+}
+.zixunTop .zixunTit{	
+	float: left;
+	height: 38px;
+    line-height: 35px;
+}
+.zixunTop .zixunTit .shu{
+	display: inline-block;
+	width: 4px;
+	height: 20px;
+	background: #005293;
+	margin:0 10px -3px 0;
+}
+.zixunTop .zixunTit .span{
+	font-size: 20px;
+	color: #005293;
+}
+.zixunTop  .more{
+	float: right;
+    height: 40px;
+    line-height: 40px;
+}
+.zixunInfo{
+	height: 254px;
+	padding: 0 20px;
+    overflow: hidden;
+}
+.zixunInfo ul li{
+	padding: 3px 0;
+}
+.zixunInfo ul li .dian {
+	display: inline-block;
+    width: 4px;
+    height: 4px;
+    margin: 0 10px 8px 0;
+    background: #ccc;
+}
+.zixunInfo ul li .title {
+	display: inline-block;
+    font-size: 16px;
+    color: #555555;
+    font-family: "微软雅黑";
+    width: 490px;
+    margin: 0 30px 0 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+.zixunInfo ul li .date {
+	display: inline-block;
+    width: 90px;
+    font-size: 16px;
+    color: #a8abb7;
+    font-family: "微软雅黑";
+    text-align: right;
+}
+/*通知公告,政策法规,科技服务*/
+.main_2{
+	height: 362px;
+	overflow: hidden;
+	margin: 0 0 10px 0;
+}
+.main_2 .notice{
+	float: left;
+	width: 394px;
+	height: 360px;
+	margin:0 10px 0 0 ;
+	overflow: hidden;
+	background: #fff;
+}
+.noticeTop{
+	width: 354px;
+    height: 39px;
+    line-height: 40px;
+    margin: 20px;
+    border-bottom: 1px solid #ccc;
+}
+.noticeTop .noticeTit{
+	float: left;
+    height: 38px;
+    line-height: 35px;
+}
+.noticeTop .noticeTit .shu{
+	    display: inline-block;
+    width: 4px;
+    height: 20px;
+    background: #005293;
+    margin: 0 10px -3px 0;
+}
+.noticeTop .noticeTit .span{
+	font-size: 20px;
+    color: #005293;
+}
+.noticeTop .more{
+	    float: right;
+    height: 40px;
+    line-height: 40px;
+}
+.noticeInfo{
+	height: 254px;
+    padding: 0 20px;
+    overflow: hidden;
+}
+.noticeInfo li{
+	float: left;
+	height: 60px;
+    line-height: 34px;
+    margin: 0 0 2px 0;
+}
+.noticeInfo .dian{
+	float: left;
+    display: inline-block;
+    width: 4px;
+    height: 4px;
+    margin: 15px 10px 0px 0;
+    background: #ccc;
+}
+.noticeInfo .title{
+    float: left;
+    font-size: 16px;
+    color: #444444;
+    font-family: "微软雅黑";
+    overflow: hidden;
+    text-overflow: ellipsis;
+    -webkit-line-clamp: 2;
+    word-break: break-all;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    width: 290px;
+    line-height: 31px;
+}
+.noticeInfo .date{
+	float: right;
+    text-align: right;
+    width: 50px;
+    font-size: 13px;
+    color: #777777;
+    font-family: "微软雅黑";
+}
+.main_2 .law{
+	float: left;
+	width: 394px;
+	height: 360px;
+	margin:0 10px 0 0 ;
+	overflow: hidden;
+	background: #fff;
+}
+.main_2 .service{
+	float: left;
+	width: 392px;
+	height: 360px;
+	overflow: hidden;
+	background: #fff;
+}
+.main_2 .service .serviceInfo{
+	padding: 0 20px;
+}
+.main_2 .service .serviceInfo ul li{
+	float: left;
+	width: 170px;
+	height: 53px;
+	padding: 0 10px 10px 0;
+}
+.main_2 .service .serviceInfo ul li:nth-child(2n){
+	padding: 0 0 10px 0;
+}
+/*友情链接*/
+.main_3{
+	height: 100px;
+	margin: 0 0 10px 0;
+	overflow: hidden;
+	background: #fff;
+}
+.main_3 h3{
+	float: left;
+	width: 130px;
+    height: 100px;
+    line-height: 100px;
+    text-align: center;
+    font-size: 22px;
+    font-weight: bold;
+    color: #2c3250;
+}
+.link{
+	float: left;
+}
+.link ul li{
+	float: left;
+	margin: 25px 10px;
+	
+}
+/*.link ul li:last-child{
+	margin: 0;
+}*/
+.down{
+	padding: 15px 0 0 0;
+	height: 120px;
+	text-align: left;
+	background-color: rgba(14,30,59, 0.4);
+}
+.down p{
+	font-size: 14px;
+	color: #868f9e;
+	font-family: "微软雅黑";
+	padding: 5px 200px;
+}
+/*科技资讯*/
+.info{
+	height: 680px;
+	margin: 0 0 10px 0;
+	overflow: hidden;
+}
+.info .infoLeft{
+	float: left;
+	width: 514px;
+	height: 680px;
+	margin: 0 10px 0 0;
+	overflow: hidden;
+}
+.info .infoLeft .infoNews{
+	position: relative;
+	width: 514px;
+	height: 340px;
+	overflow: hidden;
+	background: #fff;
+	margin: 0 0 10px 0;
+}
+.info .infoLeft .infoNews span{
+	position: absolute;
+    bottom: 0;
+    left: 0;
+    font-size: 12px;
+    color: #fff;
+    font-family: "黑体";
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    display: inline-block;
+    width: 485px;
+    height: 40px;
+    line-height: 40px;
+    padding: 0 20px;
+    background-color: rgba(0,0,0,0.4);
+}
+.infoMetti{
+	width: 514px;
+	height:330px;
+	overflow: hidden;
+	background: #fff;
+}
+.info .infoRight{
+	float: left;
+	width: 676px;
+	height: 680px;
+	overflow: hidden;
+	background: #fff;
+}
+.meitiTop{
+	width: 474px;
+    height: 39px;
+    line-height: 40px;
+    margin: 20px;
+    border-bottom: 1px solid #ccc;
+}
+.meitiTop .zixunTit{
+	float: left;
+    height: 38px;
+    line-height: 35px;
+}
+.meitiTop .zixunTit .shu{
+	    display: inline-block;
+    width: 4px;
+    height: 20px;
+    background: #005293;
+    margin: 0 10px -3px 0;
+}
+.meitiTop .zixunTit .span{
+	    font-size: 20px;
+    color: #005293;
+}
+.meitiTop .more{
+	    float: right;
+    height: 40px;
+    line-height: 40px;
+}
+.meitiInfo{
+	height: 230px;
+    padding: 0 20px;
+    overflow: hidden;
+}
+.meitiInfo li{
+	float: left;
+    height: 55px;
+    line-height: 30px;
+    margin: 0 0 2px 0;
+}
+.meitiInfo .dian{
+	float: left;
+    display: inline-block;
+    width: 4px;
+    height: 4px;
+    margin: 15px 10px 0px 0;
+    background: #ccc;
+}
+.meitiInfo .title{
+    float: left;
+    font-size: 16px;
+    color: #444444;
+    font-family: "微软雅黑";
+    overflow: hidden;
+    text-overflow: ellipsis;
+    -webkit-line-clamp: 2;
+    word-break: break-all;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    width: 400px;
+    line-height: 31px;
+}
+.meitiInfo .date{
+	float: right;
+    text-align: right;
+    width: 60px;
+    font-size: 13px;
+    color: #777777;
+    font-family: "微软雅黑";
+}
+.infoRightTop{
+	width: 636px;
+    height: 39px;
+    line-height: 40px;
+    margin: 20px;
+    border-bottom: 1px solid #ccc;
+}
+.infoRightTop .zixunTit{	
+	float: left;
+	height: 38px;
+    line-height: 35px;
+}
+.infoRightTop .zixunTit .shu{
+	display: inline-block;
+	width: 4px;
+	height: 20px;
+	background: #005293;
+	margin:0 10px -3px 0;
+}
+.infoRightTop .zixunTit .span{
+	font-size: 20px;
+	color: #005293;
+}
+.infoRightTop .more{
+	float: right;
+    height: 40px;
+    line-height: 40px;
+}
+.infoRightInfo{
+	height: 580px;
+    padding: 0 20px;
+    overflow: hidden;
+}
+.infoRightInfo ul li{
+	padding: 5px 0;
+}
+.infoRightInfo ul li:nth-child(8){
+	padding:0 0 20px 0;
+	border-bottom: 1px solid #ccc;
+}
+.infoRightInfo ul li:nth-child(9){
+	padding:20px 0 0 0;
+}
+.infoRightInfo ul li .dian {
+	display: inline-block;
+    width: 4px;
+    height: 4px;
+    margin: 0 10px 8px 0;
+    background: #ccc;
+}
+.infoRightInfo ul li .title {
+	display: inline-block;
+    font-size: 16px;
+    color: #555555;
+    font-family: "微软雅黑";
+    width: 490px;
+    margin: 0 30px 0 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+.infoRightInfo ul li .date {
+	display: inline-block;
+    width: 90px;
+    font-size: 16px;
+    color: #a8abb7;
+    font-family: "微软雅黑";
+    text-align: right;
+}
+/*科技培训*/
+.natural{
+	height: 612px;
+	overflow: hidden;
+	margin: 0 0 10px 0;
+}
+.naturalLeft{
+	float: left;
+	width: 514px;
+	height: 612px;
+	margin: 0 10px 0 0;
+	overflow: hidden;
+	background: #fff;
+}
+.naturalLeft .naturalLeftTop{
+	width:474px;
+    height: 39px;
+    line-height: 40px;
+    margin: 20px;
+    border-bottom: 1px solid #ccc;
+}
+.naturalLeftTop .noticeTit{
+	float: left;
+    height: 38px;
+    line-height: 35px;
+}
+.naturalLeftTop .noticeTit .shu{
+	display: inline-block;
+    width: 4px;
+    height: 20px;
+    background: #005293;
+    margin: 0 10px -3px 0;
+}
+.naturalLeftTop .noticeTit .span{
+	font-size: 20px;
+    color: #005293;
+}
+.naturalLeftTop .more{
+	    float: right;
+    height: 40px;
+    line-height: 40px;
+}
+.naturalRight{
+	float: left;
+	width: 676px;
+	height: 612px;
+	overflow: hidden;
+	background: #fff;
+}
+.naturalLeftInfo{
+	padding: 0 20px;
+    height: 512px;
+    overflow: hidden;
+}
+.naturalLeftInfo ul li{
+	float: left;
+    height: 80px;
+    margin: 0 0 6px 0;
+}
+.naturalLeftInfo ul li .date{
+	float: left;
+	width: 60px;
+	height: 20px;
+	text-align: center;
+	line-height: 20px;
+	background: #005293;
+	font-size: 14px;
+	color: #FFFFFF;
+	margin: 0 10px 0 0;
+}
+.naturalLeftInfo ul li .text{
+	float: left;
+	width: 404px;
+}
+.naturalLeftInfo ul li .text .title{
+	float: left;
+	width: 404px;
+	height: 20px;
+	line-height: 20px;
+	font-size: 16px;
+	color: #005293;
+	overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+.naturalLeftInfo ul li .text .content{
+	float: left;
+	width: 400px;
+	text-align: left;
+	font-size: 14px;
+	color: #929292;
+	line-height: 24px;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	-webkit-line-clamp: 2;
+	word-break: break-all;
+	display: -webkit-box;
+	-webkit-box-orient: vertical;
+}
+.naturalRight{
+	
+}
+.naturalRight .tabList{
+    float: left;
+    width: 636px;
+    margin: 20px;
+    height: 35px;
+    line-height: 35px;
+    border-bottom: 1px solid #ccc;
+}
+.naturalRight #tab{position:relative;}
+.naturalRight #tab .tabList ul li{
+	float: left;
+    width: 80px;
+    height: 35px;
+    text-align: center;
+    font-size: 20px;
+    color: #005293;
+    margin: 0 20px 0 0;
+}
+.naturalRight #tab .tabCon{
+	position: absolute;
+    left: 20px;
+    top: 76px;
+    width: 634px;
+}
+.naturalRight #tab .tabCon div{
+	position:absolute;
+	opacity:0;
+	filter:alpha(opacity=0);
+}
+.naturalRight #tab .tabList li.cur{
+	border-bottom:3px solid#005293;
+}
+.naturalRight #tab .tabCon div.cur{
+	opacity:1;
+	filter:alpha(opacity=100);
+}
+.naturalRight .tabCon .tabConList{
+	height: 511px;
+    overflow: hidden;
+}
+.naturalRight .tabCon .tabConList li{
+	    padding: 3px 0 2px 0;
+}
+.naturalRight .tabCon .tabConList li .dian{
+	display: inline-block;
+    width: 4px;
+    height: 4px;
+    margin: 0 10px 8px 0;
+    background: #ccc;
+}
+.naturalRight .tabCon .tabConList li .title{
+	    display: inline-block;
+    font-size: 16px;
+    color: #555555;
+    font-family: "微软雅黑";
+    width: 490px;
+    margin: 0 30px 0 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+.naturalRight .tabCon .tabConList li .date{
+	display: inline-block;
+    width: 90px;
+    font-size: 16px;
+    color: #a8abb7;
+    font-family: "微软雅黑";
+    text-align: right;
+}
+.cur_1 ul li:nth-child(8){
+	padding: 0 0 20px 0 !important;
+	border-bottom: 1px solid #ccc;
+}
+.cur_1 ul li:nth-child(9){
+	padding: 20px 0 0 0 !important;
+}
+.cur_3 ul li:nth-child(8){
+	padding: 0 0 20px 0 !important;
+	border-bottom: 1px solid #ccc;
+}
+.cur_3 ul li:nth-child(9){
+	padding: 20px 0 0 0 !important;
+}
+/*科技服务*/
+.service{
+	height: 576px;
+	overflow: hidden;
+	margin: 0 0 10px 0;
+}
+.service_1{
+	width: 100%;
+	height: 330px;
+	overflow: hidden;
+	margin: 0 0 10px 0;
+}
+.service_1 .service_1Left{
+	float: left;
+	width: 595px;
+	height: 330px;
+	overflow: hidden;
+	background: #FFFFFF;
+	margin: 0 10px 0 0;
+}
+.service_1Left .zixunTop{
+	width: 555px;
+    height: 29px;
+    line-height: 29px;
+    margin: 20px;
+    border-bottom: 1px solid #ccc;
+}
+.service_1Left  .zixunTop .zixunTit{	
+	float: left;
+	height: 30px;
+    line-height: 30px;
+}
+.service_1Left  .zixunTop .zixunTit .shu{
+	display: inline-block;
+	width: 4px;
+	height: 20px;
+	background: #005293;
+	margin:0 10px -3px 0;
+}
+.service_1Left  .zixunTop .zixunTit .span{
+	font-size: 20px;
+	color: #005293;
+}
+.zhengwu{
+	padding: 0 20px;
+}
+.zhengwu ul li{
+	float: left;
+	width: 130px;
+	height: 115px;
+	margin: 0 10px 10px 0;
+}
+.zhengwu ul li:nth-child(4){
+	margin: 0 0 10px 0;
+}
+.zhengwu ul li:nth-child(8){
+	margin: 0 0 10px 0;
+}
+.changyong{
+	padding: 0 20px;
+}
+.changyong ul li{
+	float: left;
+	width: 185px;
+	height: 110px;
+	margin: 0 0 20px 0;
+}
+.service_1 .service_1right{
+	float: left;
+	width: 595px;
+	height: 330px;
+	overflow: hidden;
+	background: #FFFFFF;
+}
+.service_1right .zixunTop{
+	width: 555px;
+    height: 30px;
+    line-height: 30px;
+    margin: 20px;
+    border-bottom: 1px solid #ccc;
+}
+.service_1right  .zixunTop .zixunTit{	
+	float: left;
+	height: 30px;
+    line-height: 30px;
+}
+.service_1right  .zixunTop .zixunTit .shu{
+	display: inline-block;
+	width: 4px;
+	height: 20px;
+	background: #005293;
+	margin:0 10px -3px 0;
+}
+.service_1right  .zixunTop .zixunTit .span{
+	font-size: 20px;
+	color: #005293;
+}
+.service_2{
+	float: left;
+	width: 100%;
+	height: 237px;
+	overflow: hidden;
+	background: #FFFFFF;
+}
+.service_2 .zixunTop{
+	width: 1160px;
+    height: 30px;
+    line-height: 30px;
+    margin: 20px;
+    border-bottom: 1px solid #ccc;
+}
+.service_2  .zixunTop .zixunTit{	
+	float: left;
+	height: 30px;
+    line-height: 30px;
+}
+.service_2  .zixunTop .zixunTit .shu{
+	display: inline-block;
+	width: 4px;
+	height: 20px;
+	background: #005293;
+	margin:0 10px -3px 0;
+}
+.service_2  .zixunTop .zixunTit .span{
+	font-size: 20px;
+	color: #005293;
+}
+.gongzhong{
+	padding: 0 20px;
+}
+
+.gongzhong ul li{
+	float: left;
+	width: 185px;
+	height: 146px;
+	overflow: hidden;
+	margin: 0 10px 0 0;
+}
+.gongzhong ul li:last-child{
+	margin:0;
+}

detail.html

@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="UTF-8">
+	<title>详情页</title>
+	<link rel="stylesheet" type="text/css" href="css/style.css"/>
+</head>
+<body style="background-image: url(images/bg.jpg);background-size: 100% 100%;">
+<div class="pz_top">
+	<div class="w_0100 topDate"> 
+		<div class="w_1200">
+			<div class="topDateInfo">
+				2019年12月5日&nbsp;星期四
+			</div>
+		</div>
+	</div>
+	<div class="w_0100">
+		<div class="w_1200">
+			<div class="top">
+				<div class="logo">
+					<a href="index.html">
+						<p class="title">阿勒泰地区科技创新创业服务平台</p>
+						<p class="english">Altay technology innovation and entrepreneurship service platform</p>
+					</a>
+				</div>
+				<div class="search">
+					<input class="input" type="text" placeholder="关键词"/>
+					<button class="button"><img src="images/搜索.png"/></button>
+				</div>
+			</div>
+		</div>
+	</div>
+</div>
+<div class="pz_menu">
+	<div class="w_0100">
+		<div class="w_1200">
+			<div class="menu">
+				<ul>
+					<li class="active"><a href="">科技资讯</a></li>
+					<li><a href="">科技培训</a></li>
+					<li><a href="">科技资源</a></li>
+					<li><a href="">科技服务</a></li>
+				</ul>
+			</div>
+		</div>
+	</div>
+</div>
+<div class="pz_main">
+	<div class="w_0100">
+		<div class="w_1200">
+			<div class="detail">
+				<h3 class="title">自治区科技厅开展“与法同行”宣讲活</h3>
+				<div class="userDate">
+					<span class="user">文章来源：新疆科技报社</span>
+					<span class="date">时间：2019-12-05</span>
+				</div>
+				<p class="content">为深入贯彻落实党的十九届四中全会精神，推动领导干部做遵法学法守法用法的模范，根据《自治区2019年“宪法宣传周”活动方案》要求，12月4日上午，自治区科技厅开展“与法同行”宣讲活动。</p>
+			</div>
+		</div>
+	</div>
+</div>
+<div class="pz_down">
+	<div class="w_0100">
+		<div class="w_1200">
+			<div class="down">
+				<p>版权所有：吉林省技术算中心</p>
+				<p>
+					<span>技术支持：长春福瑞科技有限公司</span>
+					&nbsp;&nbsp;&nbsp;&nbsp;
+					<span>邮编：130000</span>
+					&nbsp;&nbsp;&nbsp;&nbsp;
+					<span>传真：239823982</span>
+				</p>
+				<p>
+					<span>地址：吉林省长春市朝阳区前进大街1244号</span>
+					&nbsp;&nbsp;&nbsp;&nbsp;
+					<span>电话：0134-1234567</span>
+					&nbsp;&nbsp;&nbsp;&nbsp;
+					<span>邮箱：123456@163.com</span>
+				</p>
+			</div>
+		</div>
+	</div>
+</div>
+</body>
+</html>

index.html

@@ -0,0 +1,371 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<title>阿勒泰地区科技创新创业服务平台</title>
+	<link rel="stylesheet" type="text/css" href="css/style.css"/>
+</head>
+<body style="background-image: url(images/bg.jpg);background-size: 100% 100%;">
+<div class="pz_top">
+	<div class="w_0100 topDate"> 
+		<div class="w_1200">
+			<div class="topDateInfo">
+				2019年12月5日&nbsp;星期四
+			</div>
+		</div>
+	</div>
+	<div class="w_0100">
+		<div class="w_1200">
+			<div class="top">
+				<div class="logo">
+					<a href="index.html">
+						<p class="title">阿勒泰地区科技创新创业服务平台</p>
+						<p class="english">Altay technology innovation and entrepreneurship service platform</p>
+					</a>
+				</div>
+				<div class="search">
+					<input class="input" type="text" placeholder="关键词"/>
+					<button class="button"><img src="images/搜索.png"/></button>
+				</div>
+			</div>
+		</div>
+	</div>
+</div>
+<div class="pz_menu">
+	<div class="w_0100">
+		<div class="w_1200">
+			<div class="menu">
+				<ul>
+					<li class="active"><a href="">科技资讯</a></li>
+					<li><a href="">科技培训</a></li>
+					<li><a href="">科技资源</a></li>
+					<li><a href="">科技服务</a></li>
+				</ul>
+			</div>
+		</div>
+	</div>
+</div>
+<div class="pz_main">
+	<div class="w_0100">
+		<div class="w_1200">
+			<div class="main_1">
+				<div class="map">
+					<img src="images/map.jpg"/>
+					<span>
+						创新地图提供科技企业的分布和位置信息
+					</span>
+				</div>
+				<div class="zixun">
+					<div class="zixunTop">
+						<div class="zixunTit">
+							<span class="shu"></span>
+							<span class="span">最新资讯</span>
+						</div>
+						<div class="more">
+							<a href=""><img src="images/更多.png"/></a>
+						</div>
+					</div>
+					<div class="zixunInfo">
+						<ul>
+							<li>
+								<span class="dian">
+									
+								</span>
+								<span class="title">
+									2019年中国科学院、中国工程院新增两名吉林省院士 
+								</span>
+								<span class="date">
+									2019-12-05
+								<span>
+							</li>
+							<li>
+								<span class="dian">
+									
+								</span>
+								<span class="title">
+									2019年中国科学院、中国工程院新增两名吉林省院士 
+								</span>
+								<span class="date">
+									2019-12-05
+								<span>
+							</li>
+							<li>
+								<span class="dian">
+									
+								</span>
+								<span class="title">
+									2019年中国科学院、中国工程院新增两名吉林省院士 
+								</span>
+								<span class="date">
+									2019-12-05
+								<span>
+							</li>
+							<li>
+								<span class="dian">
+									
+								</span>
+								<span class="title">
+									2019年中国科学院、中国工程院新增两名吉林省院士 
+								</span>
+								<span class="date">
+									2019-12-05
+								<span>
+							</li>
+							<li>
+								<span class="dian">
+									
+								</span>
+								<span class="title">
+									2019年中国科学院、中国工程院新增两名吉林省院士 
+								</span>
+								<span class="date">
+									2019-12-05
+								<span>
+							</li>
+							<li>
+								<span class="dian">
+									
+								</span>
+								<span class="title">
+									2019年中国科学院、中国工程院新增两名吉林省院士 
+								</span>
+								<span class="date">
+									2019-12-05
+								<span>
+							</li>
+							<li>
+								<span class="dian">
+									
+								</span>
+								<span class="title">
+									2019年中国科学院、中国工程院新增两名吉林省院士 
+								</span>
+								<span class="date">
+									2019-12-05
+								<span>
+							</li>
+							<li>
+								<span class="dian">
+									
+								</span>
+								<span class="title">
+									2019年中国科学院、中国工程院新增两名吉林省院士 
+								</span>
+								<span class="date">
+									2019-12-05
+								<span>
+							</li>
+							<li>
+								<span class="dian">
+									
+								</span>
+								<span class="title">
+									2019年中国科学院、中国工程院新增两名吉林省院士 
+								</span>
+								<span class="date">
+									2019-12-05
+								<span>
+							</li>
+							<li>
+								<span class="dian">
+									
+								</span>
+								<span class="title">
+									2019年中国科学院、中国工程院新增两名吉林省院士 
+								</span>
+								<span class="date">
+									2019-12-05
+								<span>
+							</li>
+						</ul>
+					</div>
+				</div>
+			</div>
+			<div class="main_2">
+				<div class="notice">
+					<div class="noticeTop">
+						<div class="noticeTit">
+							<span class="shu"></span>
+							<span class="span">
+								通知公告
+							</span>
+						</div>
+						<div class="more">
+							<a href=""><img src="images/更多.png"/></a>
+						</div>
+					</div>
+					<div class="noticeInfo">
+						<ul>
+							<li>
+								<span class="dian"></span>
+								<p class="title">省人大车秀兰副主任赴柳河县时家店乡鹿尾林村检查指导脱贫攻坚工作</p>
+								<span class="date">12-05</span>
+							</li>
+							<li>
+								<span class="dian"></span>
+								<p class="title">省人大车秀兰副主任赴柳河县时家店乡鹿尾林村检查指导脱贫攻坚工作</p>
+								<span class="date">12-05</span>
+							</li>
+							<li>
+								<span class="dian"></span>
+								<p class="title">省人大车秀兰副主任赴柳河县时家店乡鹿尾林村检查指导脱贫攻坚工作</p>
+								<span class="date">12-05</span>
+							</li>
+							<li>
+								<span class="dian"></span>
+								<p class="title">省人大车秀兰副主任赴柳河县时家店乡鹿尾林村检查指导脱贫攻坚工作</p>
+								<span class="date">12-05</span>
+							</li>
+						</ul>
+					</div>
+				</div>
+				<div class="law">
+					<div class="noticeTop">
+						<div class="noticeTit">
+							<span class="shu"></span>
+							<span class="span">
+								政策法规
+							</span>
+						</div>
+						<div class="more">
+							<a href=""><img src="images/更多.png"/></a>
+						</div>
+					</div>
+					<div class="noticeInfo">
+						<ul>
+							<li>
+								<span class="dian"></span>
+								<p class="title">省人大车秀兰副主任赴柳河县时家店乡鹿尾林村检查指导脱贫攻坚工作</p>
+								<span class="date">12-05</span>
+							</li>
+							<li>
+								<span class="dian"></span>
+								<p class="title">省人大车秀兰副主任赴柳河县时家店乡鹿尾林村检查指导脱贫攻坚工作</p>
+								<span class="date">12-05</span>
+							</li>
+							<li>
+								<span class="dian"></span>
+								<p class="title">省人大车秀兰副主任赴柳河县时家店乡鹿尾林村检查指导脱贫攻坚工作</p>
+								<span class="date">12-05</span>
+							</li>
+							<li>
+								<span class="dian"></span>
+								<p class="title">省人大车秀兰副主任赴柳河县时家店乡鹿尾林村检查指导脱贫攻坚工作</p>
+								<span class="date">12-05</span>
+							</li>
+						</ul>
+					</div>
+				</div>
+				<div class="service">
+					<div class="noticeTop">
+						<div class="noticeTit">
+							<span class="shu"></span>
+							<span class="span">
+								科技服务
+							</span>
+						</div>
+						<div class="more">
+							<a href=""><img src="images/更多.png"/></a>
+						</div>
+					</div>
+					<div class="serviceInfo">
+						<ul>
+							<li>
+								<a href="">
+									<img style="width:170px;height:53px;" src="images/service1.jpg"/>
+								</a>
+							</li>
+							<li>
+								<a href="">
+									<img style="width:170px;height:53px;" src="images/service2.jpg"/>
+								</a>
+							</li>
+							<li>
+								<a href="">
+									<img style="width:170px;height:53px;" src="images/service3.jpg"/>
+								</a>
+							</li>
+							<li>
+								<a href="">
+									<img style="width:170px;height:53px;" src="images/service4.jpg"/>
+								</a>
+							</li>
+							<li>
+								<a href="">
+									<img style="width:170px;height:53px;" src="images/service5.jpg"/>
+								</a>
+							</li>
+							<li>
+								<a href="">
+									<img style="width:170px;height:53px;" src="images/service6.jpg"/>
+								</a>
+							</li>
+							<li>
+								<a href="">
+									<img style="width:170px;height:53px;" src="images/service7.jpg"/>
+								</a>
+							</li>
+							<li>
+								<a href="">
+									<img style="width:170px;height:53px;" src="images/service8.jpg"/>
+								</a>
+							</li>
+						</ul>
+					</div>
+				</div>
+			</div>
+			<div class="main_3">
+				<h3>友情链接</h3>
+				<div class="link">
+					<ul>
+						<li>
+							<a href="">
+								<img src="images/link2.jpg"/>
+							</a>
+						</li>
+						<li>
+							<a href="">
+								<img src="images/link.jpg"/>
+							</a>
+						</li>
+						<li>
+							<a href="">
+								<img src="images/link3.jpg"/>
+							</a>
+						</li>
+						<li>
+							<a href="">
+								<img src="images/link3.jpg"/>
+							</a>
+						</li>
+					</ul>
+				</div>
+			</div>
+		</div>
+	</div>
+</div>
+<div class="pz_down">
+	<div class="w_0100">
+		<div class="w_1200">
+			<div class="down">
+				<p>版权所有：吉林省技术算中心</p>
+				<p>
+					<span>技术支持：长春福瑞科技有限公司</span>
+					&nbsp;&nbsp;&nbsp;&nbsp;
+					<span>邮编：130000</span>
+					&nbsp;&nbsp;&nbsp;&nbsp;
+					<span>传真：239823982</span>
+				</p>
+				<p>
+					<span>地址：吉林省长春市朝阳区前进大街1244号</span>
+					&nbsp;&nbsp;&nbsp;&nbsp;
+					<span>电话：0134-1234567</span>
+					&nbsp;&nbsp;&nbsp;&nbsp;
+					<span>邮箱：123456@163.com</span>
+				</p>
+			</div>
+		</div>
+	</div>
+</div>
+</body>
+</html>

info.html

@@ -0,0 +1,218 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="UTF-8">
+	<title>科技资讯</title>
+	<link rel="stylesheet" type="text/css" href="css/style.css"/>
+</head>
+<body style="background-image: url(images/bg.jpg);background-size: 100% 100%;">
+	<div class="pz_top">
+		<div class="w_0100 topDate"> 
+			<div class="w_1200">
+				<div class="topDateInfo">
+					2019年12月5日&nbsp;星期四
+				</div>
+			</div>
+		</div>
+		<div class="w_0100">
+			<div class="w_1200">
+				<div class="top">
+					<div class="logo">
+						<a href="index.html">
+							<p class="title">阿勒泰地区科技创新创业服务平台</p>
+							<p class="english">Altay technology innovation and entrepreneurship service platform</p>
+						</a>
+					</div>
+					<div class="search">
+						<input class="input" type="text" placeholder="关键词"/>
+						<button class="button"><img src="images/搜索.png"/></button>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="pz_menu">
+		<div class="w_0100">
+			<div class="w_1200">
+				<div class="menu">
+					<ul>
+						<li class="active"><a href="">科技资讯</a></li>
+						<li><a href="">科技培训</a></li>
+						<li><a href="">科技资源</a></li>
+						<li><a href="">科技服务</a></li>
+					</ul>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="pz_main">
+		<div class="w_0100">
+			<div class="w_1200">
+				<div class="info">
+					<div class="infoLeft">
+						<div class="infoNews">
+							<img src="images/news.jpg"/>
+							<span>
+								文字提示
+							</span>
+						</div>
+						<div class="infoMetti">
+							<div class="meitiTop">
+								<div class="zixunTit">
+									<span class="shu"></span>
+									<span class="span">媒体聚焦</span>
+								</div>
+								<div class="more">
+									<a href=""><img src="images/更多.png"/></a>
+								</div>
+							</div>
+							<div class="meitiInfo">
+								<ul>
+									<li>
+										<span class="dian"></span>
+										<p class="title">省人大车秀兰副主任赴柳河县时家店乡鹿尾林村检查指导脱贫攻坚工作</p>
+										<span class="date">12-05</span>
+									</li>
+									<li>
+										<span class="dian"></span>
+										<p class="title">省人大车秀兰副主任赴柳河县时家店乡鹿尾林村检查指导脱贫攻坚工作</p>
+										<span class="date">12-05</span>
+									</li>
+									<li>
+										<span class="dian"></span>
+										<p class="title">省人大车秀兰副主任赴柳河县时家店乡鹿尾林村检查指导脱贫攻坚工作</p>
+										<span class="date">12-05</span>
+									</li>
+									<li>
+										<span class="dian"></span>
+										<p class="title">省人大车秀兰副主任赴柳河县时家店乡鹿尾林村检查指导脱贫攻坚工作</p>
+										<span class="date">12-05</span>
+									</li>
+								</ul>
+							</div>
+						</div>
+					</div>
+					<div class="infoRight">
+						<div class="infoRightTop">
+							<div class="zixunTit">
+								<span class="shu"></span>
+								<span class="span">科技动态</span>
+							</div>
+							<div class="more">
+								<a href=""><img src="images/更多.png"/></a>
+							</div>
+						</div>
+						<div class="infoRightInfo">
+							<ul>
+								<li>
+									<span class="dian"></span>
+									<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+									<span class="date">2019-12-05<span>
+								</li>
+								<li>
+									<span class="dian"></span>
+									<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+									<span class="date">2019-12-05<span>
+								</li>
+								<li>
+									<span class="dian"></span>
+									<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+									<span class="date">2019-12-05<span>
+								</li>
+								<li>
+									<span class="dian"></span>
+									<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+									<span class="date">2019-12-05<span>
+								</li>
+								<li>
+									<span class="dian"></span>
+									<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+									<span class="date">2019-12-05<span>
+								</li>
+								<li>
+									<span class="dian"></span>
+									<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+									<span class="date">2019-12-05<span>
+								</li>
+								<li>
+									<span class="dian"></span>
+									<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+									<span class="date">2019-12-05<span>
+								</li>
+								<li>
+									<span class="dian"></span>
+									<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+									<span class="date">2019-12-05<span>
+								</li>
+								<li>
+									<span class="dian"></span>
+									<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+									<span class="date">2019-12-05<span>
+								</li>
+								<li>
+									<span class="dian"></span>
+									<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+									<span class="date">2019-12-05<span>
+								</li>
+								<li>
+									<span class="dian"></span>
+									<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+									<span class="date">2019-12-05<span>
+								</li>
+								<li>
+									<span class="dian"></span>
+									<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+									<span class="date">2019-12-05<span>
+								</li>
+								<li>
+									<span class="dian"></span>
+									<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+									<span class="date">2019-12-05<span>
+								</li>
+								<li>
+									<span class="dian"></span>
+									<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+									<span class="date">2019-12-05<span>
+								</li>
+								<li>
+									<span class="dian"></span>
+									<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+									<span class="date">2019-12-05<span>
+								</li>
+								<li>
+									<span class="dian"></span>
+									<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+									<span class="date">2019-12-05<span>
+								</li>
+							</ul>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="pz_down">
+		<div class="w_0100">
+			<div class="w_1200">
+				<div class="down">
+					<p>版权所有：吉林省技术算中心</p>
+					<p>
+						<span>技术支持：长春福瑞科技有限公司</span>
+						&nbsp;&nbsp;&nbsp;&nbsp;
+						<span>邮编：130000</span>
+						&nbsp;&nbsp;&nbsp;&nbsp;
+						<span>传真：239823982</span>
+					</p>
+					<p>
+						<span>地址：吉林省长春市朝阳区前进大街1244号</span>
+						&nbsp;&nbsp;&nbsp;&nbsp;
+						<span>电话：0134-1234567</span>
+						&nbsp;&nbsp;&nbsp;&nbsp;
+						<span>邮箱：123456@163.com</span>
+					</p>
+				</div>
+			</div>
+		</div>
+	</div>
+</body>
+</html>

js/tabs.js

@@ -0,0 +1,32 @@
+window.onload = function() {
+    var oDiv = document.getElementById("tab");
+    var oLi = oDiv.getElementsByTagName("div")[0].getElementsByTagName("li");
+    var aCon = oDiv.getElementsByTagName("div")[1].getElementsByTagName("div");
+    var timer = null;
+    for (var i = 0; i < oLi.length; i++) {
+        oLi[i].index = i;
+        oLi[i].onmouseover = function() {
+            show(this.index);
+        }
+    }
+    function show(a) {
+        index = a;
+        var alpha = 0;
+        for (var j = 0; j < oLi.length; j++) {
+            oLi[j].className = "";
+            aCon[j].className = "";
+            aCon[j].style.opacity = 0;
+            aCon[j].style.filter = "alpha(opacity=0);";
+        }
+        oLi[index].className = "cur";
+        clearInterval(timer);
+        timer = setInterval(function() {
+            alpha += 2;
+            alpha > 100 && (alpha = 100);
+            aCon[index].style.opacity = alpha / 100;
+            aCon[index].style.filter = "alpha(opacity=" + alpha + ")";
+            alpha == 100 && clearInterval(timer);
+        },
+        5)
+    }
+}

list.html

@@ -0,0 +1,153 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="UTF-8">
+	<title>列表页</title>
+	<link rel="stylesheet" type="text/css" href="css/style.css"/>
+</head>
+<body style="background-image: url(images/bg.jpg);background-size: 100% 100%;">
+<div class="pz_top">
+	<div class="w_0100 topDate"> 
+		<div class="w_1200">
+			<div class="topDateInfo">
+				2019年12月5日&nbsp;星期四
+			</div>
+		</div>
+	</div>
+	<div class="w_0100">
+		<div class="w_1200">
+			<div class="top">
+				<div class="logo">
+					<a href="index.html">
+						<p class="title">阿勒泰地区科技创新创业服务平台</p>
+						<p class="english">Altay technology innovation and entrepreneurship service platform</p>
+					</a>
+				</div>
+				<div class="search">
+					<input class="input" type="text" placeholder="关键词"/>
+					<button class="button"><img src="images/搜索.png"/></button>
+				</div>
+			</div>
+		</div>
+	</div>
+</div>
+<div class="pz_menu">
+	<div class="w_0100">
+		<div class="w_1200">
+			<div class="menu">
+				<ul>
+					<li class="active"><a href="">科技资讯</a></li>
+					<li><a href="">科技培训</a></li>
+					<li><a href="">科技资源</a></li>
+					<li><a href="">科技服务</a></li>
+				</ul>
+			</div>
+		</div>
+	</div>
+</div>
+<div class="pz_main">
+	<div class="w_0100">
+		<div class="w_1200">
+			<div class="list">
+				<div class="zixunTop">
+					<div class="zixunTit">
+						<span class="shu"></span>
+						<span class="span">新闻资讯</span>
+					</div>
+				</div>
+				<div class="listInfo">
+					<ul>
+						<li>
+							<a href="">
+								<span class="dian"></span>
+								<p class="title">塔城地区科技局组织学习《习近平总书记对科技特派员制度推行20周年的重要指示》精神 <span class="date">2019-12-06</span></p>
+							</a>
+						</li>
+						<li>
+							<a href="">
+								<span class="dian"></span>
+								<p class="title">塔城地区科技局组织学习《习近平总书记对科技特派员制度推行20周年的重要指示》精神 <span class="date">2019-12-06</span></p>
+							</a>
+						</li>
+						<li>
+							<a href="">
+								<span class="dian"></span>
+								<p class="title">塔城地区科技局组织学习《习近平总书记对科技特派员制度推行20周年的重要指示》精神 <span class="date">2019-12-06</span></p>
+							</a>
+						</li>
+						<li>
+							<a href="">
+								<span class="dian"></span>
+								<p class="title">塔城地区科技局组织学习《习近平总书记对科技特派员制度推行20周年的重要指示》精神 <span class="date">2019-12-06</span></p>
+							</a>
+						</li>
+						<li>
+							<a href="">
+								<span class="dian"></span>
+								<p class="title">塔城地区科技局组织学习《习近平总书记对科技特派员制度推行20周年的重要指示》精神 <span class="date">2019-12-06</span></p>
+							</a>
+						</li>
+						<li>
+							<a href="">
+								<span class="dian"></span>
+								<p class="title">塔城地区科技局组织学习《习近平总书记对科技特派员制度推行20周年的重要指示》精神 <span class="date">2019-12-06</span></p>
+							</a>
+						</li>
+						<li>
+							<a href="">
+								<span class="dian"></span>
+								<p class="title">塔城地区科技局组织学习《习近平总书记对科技特派员制度推行20周年的重要指示》精神 <span class="date">2019-12-06</span></p>
+							</a>
+						</li>
+						<li>
+							<a href="">
+								<span class="dian"></span>
+								<p class="title">塔城地区科技局组织学习《习近平总书记对科技特派员制度推行20周年的重要指示》精神 <span class="date">2019-12-06</span></p>
+							</a>
+						</li>
+						<li>
+							<a href="">
+								<span class="dian"></span>
+								<p class="title">塔城地区科技局组织学习《习近平总书记对科技特派员制度推行20周年的重要指示》精神 <span class="date">2019-12-06</span></p>
+							</a>
+						</li>
+						<li>
+							<a href="">
+								<span class="dian"></span>
+								<p class="title">塔城地区科技局组织学习《习近平总书记对科技特派员制度推行20周年的重要指示》精神 <span class="date">2019-12-06</span></p>
+							</a>
+						</li>
+					</ul>
+					<div class="page">
+						分页
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+</div>
+<div class="pz_down">
+	<div class="w_0100">
+		<div class="w_1200">
+			<div class="down">
+				<p>版权所有：吉林省技术算中心</p>
+				<p>
+					<span>技术支持：长春福瑞科技有限公司</span>
+					&nbsp;&nbsp;&nbsp;&nbsp;
+					<span>邮编：130000</span>
+					&nbsp;&nbsp;&nbsp;&nbsp;
+					<span>传真：239823982</span>
+				</p>
+				<p>
+					<span>地址：吉林省长春市朝阳区前进大街1244号</span>
+					&nbsp;&nbsp;&nbsp;&nbsp;
+					<span>电话：0134-1234567</span>
+					&nbsp;&nbsp;&nbsp;&nbsp;
+					<span>邮箱：123456@163.com</span>
+				</p>
+			</div>
+		</div>
+	</div>
+</div>
+</body>
+</html>

natural.html

@@ -0,0 +1,454 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="UTF-8">
+	<title>科技培训</title>
+	<link rel="stylesheet" type="text/css" href="css/style.css"/>
+</head>
+<body style="background-image: url(images/bg.jpg);background-size: 100% 100%;">
+<div class="pz_top">
+	<div class="w_0100 topDate"> 
+		<div class="w_1200">
+			<div class="topDateInfo">
+				2019年12月5日&nbsp;星期四
+			</div>
+		</div>
+	</div>
+	<div class="w_0100">
+		<div class="w_1200">
+			<div class="top">
+				<div class="logo">
+					<a href="index.html">
+						<p class="title">阿勒泰地区科技创新创业服务平台</p>
+						<p class="english">Altay technology innovation and entrepreneurship service platform</p>
+					</a>
+				</div>
+				<div class="search">
+					<input class="input" type="text" placeholder="关键词"/>
+					<button class="button"><img src="images/搜索.png"/></button>
+				</div>
+			</div>
+		</div>
+	</div>
+</div>
+<div class="pz_menu">
+	<div class="w_0100">
+		<div class="w_1200">
+			<div class="menu">
+				<ul>
+					<li><a href="">科技资讯</a></li>
+					<li  class="active"><a href="">科技培训</a></li>
+					<li><a href="">科技资源</a></li>
+					<li><a href="">科技服务</a></li>
+				</ul>
+			</div>
+		</div>
+	</div>
+</div>
+<div class="pz_main">
+	<div class="w_0100">
+		<div class="w_1200">
+			<div class="natural">
+				<div class="naturalLeft">
+					<div class="naturalLeftTop">
+						<div class="noticeTit">
+							<span class="shu"></span>
+							<span class="span">视频会议中心</span>
+						</div>
+						<div class="more">
+							<a href=""><img src="images/更多.png"/></a>
+						</div>
+					</div>
+					<div class="naturalLeftInfo">
+						<ul>
+							<li>
+								<span class="date">
+									12/05
+								</span>
+								<div class="text">
+									<span class="title">【重点任务看进展】经济体制改革深入推进</span>
+									<p class="content">
+										临近年底，一系列重要改革继续保持年初以来的节奏密集展开。11月22日，《市场准入负面清单（2019年版）》发布
+									</p>
+								</div>
+							</li>
+							<li>
+								<span class="date">
+									12/05
+								</span>
+								<div class="text">
+									<span class="title">【重点任务看进展】经济体制改革深入推进</span>
+									<p class="content">
+										临近年底，一系列重要改革继续保持年初以来的节奏密集展开。11月22日，《市场准入负面清单（2019年版）》发布
+									</p>
+								</div>
+							</li>
+							<li>
+								<span class="date">
+									12/05
+								</span>
+								<div class="text">
+									<span class="title">【重点任务看进展】经济体制改革深入推进</span>
+									<p class="content">
+										临近年底，一系列重要改革继续保持年初以来的节奏密集展开。11月22日，《市场准入负面清单（2019年版）》发布
+									</p>
+								</div>
+							</li>
+							<li>
+								<span class="date">
+									12/05
+								</span>
+								<div class="text">
+									<span class="title">【重点任务看进展】经济体制改革深入推进</span>
+									<p class="content">
+										临近年底，一系列重要改革继续保持年初以来的节奏密集展开。11月22日，《市场准入负面清单（2019年版）》发布
+									</p>
+								</div>
+							</li>
+							<li>
+								<span class="date">
+									12/05
+								</span>
+								<div class="text">
+									<span class="title">【重点任务看进展】经济体制改革深入推进</span>
+									<p class="content">
+										临近年底，一系列重要改革继续保持年初以来的节奏密集展开。11月22日，《市场准入负面清单（2019年版）》发布
+									</p>
+								</div>
+							</li>
+							<li>
+								<span class="date">
+									12/05
+								</span>
+								<div class="text">
+									<span class="title">【重点任务看进展】经济体制改革深入推进</span>
+									<p class="content">
+										临近年底，一系列重要改革继续保持年初以来的节奏密集展开。11月22日，《市场准入负面清单（2019年版）》发布
+									</p>
+								</div>
+							</li>
+							<li>
+								<span class="date">
+									12/05
+								</span>
+								<div class="text">
+									<span class="title">【重点任务看进展】经济体制改革深入推进</span>
+									<p class="content">
+										临近年底，一系列重要改革继续保持年初以来的节奏密集展开。11月22日，《市场准入负面清单（2019年版）》发布
+									</p>
+								</div>
+							</li>
+						</ul>
+					</div>
+				</div>
+				<div class="naturalRight">
+					<div id="tab">
+					  	<div class="tabList">
+							<ul>
+								<li class="cur">专题研讨</li>
+								<li>技术问答</li>
+								<li>行业研究</li>
+								<li>教育培训</li>
+							</ul>
+					 	</div>
+						<div class="tabCon">
+							<div class="cur" class="cur_1">
+								<ul class="tabConList">
+									<li>
+										<span class="dian"></span>
+										<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+										<span class="date">201-12-05</span>
+									</li>
+									<li>
+										<span class="dian"></span>
+										<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+										<span class="date">201-12-05</span>
+									</li>
+									<li>
+										<span class="dian"></span>
+										<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+										<span class="date">201-12-05</span>
+									</li>
+								</ul>
+							</div>
+							<div>
+								<ul class="tabConList">
+									<li>
+										<span class="dian"></span>
+										<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+										<span class="date">201-12-05</span>
+									</li>
+									<li>
+										<span class="dian"></span>
+										<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+										<span class="date">201-12-05</span>
+									</li>
+									<li>
+										<span class="dian"></span>
+										<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+										<span class="date">201-12-05</span>
+									</li>
+									<li>
+										<span class="dian"></span>
+										<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+										<span class="date">201-12-05</span>
+									</li>
+									<li>
+										<span class="dian"></span>
+										<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+										<span class="date">201-12-05</span>
+									</li>
+									<li>
+										<span class="dian"></span>
+										<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+										<span class="date">201-12-05</span>
+									</li>
+									<li>
+										<span class="dian"></span>
+										<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+										<span class="date">201-12-05</span>
+									</li>
+									<li>
+										<span class="dian"></span>
+										<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+										<span class="date">201-12-05</span>
+									</li>
+									<li>
+										<span class="dian"></span>
+										<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+										<span class="date">201-12-05</span>
+									</li>
+									<li>
+										<span class="dian"></span>
+										<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+										<span class="date">201-12-05</span>
+									</li>
+									<li>
+										<span class="dian"></span>
+										<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+										<span class="date">201-12-05</span>
+									</li>
+									<li>
+										<span class="dian"></span>
+										<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+										<span class="date">201-12-05</span>
+									</li>
+									<li>
+										<span class="dian"></span>
+										<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+										<span class="date">201-12-05</span>
+									</li>
+									<li>
+										<span class="dian"></span>
+										<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+										<span class="date">201-12-05</span>
+									</li>
+									<li>
+										<span class="dian"></span>
+										<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+										<span class="date">201-12-05</span>
+									</li>
+									<li>
+										<span class="dian"></span>
+										<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+										<span class="date">201-12-05</span>
+									</li>
+									<li>
+										<span class="dian"></span>
+										<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+										<span class="date">201-12-05</span>
+									</li>
+								</ul>
+							</div>
+							<div class="cur_3">
+								<ul class="tabConList">
+									<li>
+										<span class="dian"></span>
+										<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+										<span class="date">201-12-05</span>
+									</li>
+									<li>
+										<span class="dian"></span>
+										<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+										<span class="date">201-12-05</span>
+									</li>
+									<li>
+										<span class="dian"></span>
+										<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+										<span class="date">201-12-05</span>
+									</li>
+									<li>
+										<span class="dian"></span>
+										<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+										<span class="date">201-12-05</span>
+									</li>
+									<li>
+										<span class="dian"></span>
+										<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+										<span class="date">201-12-05</span>
+									</li>
+									<li>
+										<span class="dian"></span>
+										<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+										<span class="date">201-12-05</span>
+									</li>
+									<li>
+										<span class="dian"></span>
+										<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+										<span class="date">201-12-05</span>
+									</li>
+									<li>
+										<span class="dian"></span>
+										<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+										<span class="date">201-12-05</span>
+									</li>
+									<li>
+										<span class="dian"></span>
+										<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+										<span class="date">201-12-05</span>
+									</li>
+									<li>
+										<span class="dian"></span>
+										<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+										<span class="date">201-12-05</span>
+									</li>
+									<li>
+										<span class="dian"></span>
+										<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+										<span class="date">201-12-05</span>
+									</li>
+									<li>
+										<span class="dian"></span>
+										<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+										<span class="date">201-12-05</span>
+									</li>
+									<li>
+										<span class="dian"></span>
+										<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+										<span class="date">201-12-05</span>
+									</li>
+									<li>
+										<span class="dian"></span>
+										<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+										<span class="date">201-12-05</span>
+									</li>
+									<li>
+										<span class="dian"></span>
+										<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+										<span class="date">201-12-05</span>
+									</li>
+									<li>
+										<span class="dian"></span>
+										<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+										<span class="date">201-12-05</span>
+									</li>
+									<li>
+										<span class="dian"></span>
+										<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+										<span class="date">201-12-05</span>
+									</li>
+								</ul>
+							</div>
+							<div>
+								<ul class="tabConList">
+									<li>
+										<span class="dian"></span>
+										<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+										<span class="date">201-12-05</span>
+									</li>
+									<li>
+										<span class="dian"></span>
+										<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+										<span class="date">201-12-05</span>
+									</li>
+									<li>
+										<span class="dian"></span>
+										<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+										<span class="date">201-12-05</span>
+									</li>
+									<li>
+										<span class="dian"></span>
+										<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+										<span class="date">201-12-05</span>
+									</li>
+									<li>
+										<span class="dian"></span>
+										<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+										<span class="date">201-12-05</span>
+									</li>
+									<li>
+										<span class="dian"></span>
+										<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+										<span class="date">201-12-05</span>
+									</li>
+									<li>
+										<span class="dian"></span>
+										<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+										<span class="date">201-12-05</span>
+									</li>
+									<li>
+										<span class="dian"></span>
+										<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+										<span class="date">201-12-05</span>
+									</li>
+									<li>
+										<span class="dian"></span>
+										<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+										<span class="date">201-12-05</span>
+									</li>
+									<li>
+										<span class="dian"></span>
+										<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+										<span class="date">201-12-05</span>
+									</li>
+									<li>
+										<span class="dian"></span>
+										<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+										<span class="date">201-12-05</span>
+									</li>
+									<li>
+										<span class="dian"></span>
+										<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+										<span class="date">201-12-05</span>
+									</li>
+									<li>
+										<span class="dian"></span>
+										<span class="title">2019年中国科学院、中国工程院新增两名吉林省院士 </span>
+										<span class="date">201-12-05</span>
+									</li>
+				
+								</ul>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+</div>
+<div class="pz_down">
+	<div class="w_0100">
+		<div class="w_1200">
+			<div class="down">
+				<p>版权所有：吉林省技术算中心</p>
+				<p>
+					<span>技术支持：长春福瑞科技有限公司</span>
+					&nbsp;&nbsp;&nbsp;&nbsp;
+					<span>邮编：130000</span>
+					&nbsp;&nbsp;&nbsp;&nbsp;
+					<span>传真：239823982</span>
+				</p>
+				<p>
+					<span>地址：吉林省长春市朝阳区前进大街1244号</span>
+					&nbsp;&nbsp;&nbsp;&nbsp;
+					<span>电话：0134-1234567</span>
+					&nbsp;&nbsp;&nbsp;&nbsp;
+					<span>邮箱：123456@163.com</span>
+				</p>
+			</div>
+		</div>
+	</div>
+</div>
+</body>
+<script type="text/javascript" src="js/tabs.js"></script>
+</html>

service.html

@@ -0,0 +1,219 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="UTF-8">
+	<title>科技服务</title>
+	<link rel="stylesheet" type="text/css" href="css/style.css"/>
+</head>
+<body style="background-image: url(images/bg.jpg);background-size: 100% 100%;">
+<div class="pz_top">
+	<div class="w_0100 topDate"> 
+		<div class="w_1200">
+			<div class="topDateInfo">
+				2019年12月5日&nbsp;星期四
+			</div>
+		</div>
+	</div>
+	<div class="w_0100">
+		<div class="w_1200">
+			<div class="top">
+				<div class="logo">
+					<a href="index.html">
+						<p class="title">阿勒泰地区科技创新创业服务平台</p>
+						<p class="english">Altay technology innovation and entrepreneurship service platform</p>
+					</a>
+				</div>
+				<div class="search">
+					<input class="input" type="text" placeholder="关键词"/>
+					<button class="button"><img src="images/搜索.png"/></button>
+				</div>
+			</div>
+		</div>
+	</div>
+</div>
+<div class="pz_menu">
+	<div class="w_0100">
+		<div class="w_1200">
+			<div class="menu">
+				<ul>
+					<li><a href="">科技资讯</a></li>
+					<li><a href="">科技培训</a></li>
+					<li><a href="">科技资源</a></li>
+					<li  class="active"><a href="">科技服务</a></li>
+				</ul>
+			</div>
+		</div>
+	</div>
+</div>
+<div class="pz_main">
+	<div class="w_0100">
+		<div class="w_1200">
+			<div class="service">
+				<div class="service_1">
+					<div class="service_1Left">
+						<div class="zixunTop">
+							<div class="zixunTit">
+								<span class="shu"></span>
+								<span class="span">政务公开</span>
+							</div>
+						</div>
+						<div class="zhengwu">
+							<ul>
+								<li>
+									<a href="">
+										<img src="images/zhengwu1.jpg"/>
+									</a>
+								</li>
+								<li>
+									<a href="">
+										<img src="images/zhengwu2.jpg"/>
+									</a>
+								</li>
+								<li>
+									<a href="">
+										<img src="images/zhengwu3.jpg"/>
+									</a>
+								</li>
+								<li>
+									<a href="">
+										<img src="images/zhengwu4.jpg"/>
+									</a>
+								</li>
+								<li>
+									<a href="">
+										<img src="images/zhengwu5.jpg"/>
+									</a>
+								</li>
+								<li>
+									<a href="">
+										<img src="images/zhengwu6.jpg"/>
+									</a>
+								</li>
+								<li>
+									<a href="">
+										<img src="images/zhengwu7.jpg"/>
+									</a>
+								</li>
+								<li>
+									<a href="">
+										<img src="images/zhengwu8.jpg"/>
+									</a>
+								</li>
+							</ul>
+						</div>
+					</div>
+					<div class="service_1right">
+						<div class="zixunTop">
+							<div class="zixunTit">
+								<span class="shu"></span>
+								<span class="span">常用服务</span>
+							</div>
+						</div>
+						<div class="changyong">
+							<ul>
+								<li>
+									<a href="">
+										<img src="images/changyong1.jpg"/>
+									</a>
+								</li>
+								<li>
+									<a href="">
+										<img src="images/changyong2.jpg"/>
+									</a>
+								</li>
+								<li>
+									<a href="">
+										<img src="images/changyong3.jpg"/>
+									</a>
+								</li>
+								<li>
+									<a href="">
+										<img src="images/changyong4.jpg"/>
+									</a>
+								</li>
+								<li>
+									<a href="">
+										<img src="images/changyong5.jpg"/>
+									</a>
+								</li>
+								
+								<li>
+									<a href="">
+										<img src="images/changyong6.jpg"/>
+									</a>
+								</li>
+							</ul>
+						</div>
+					</div>
+				</div>
+				<div class="service_2">
+					<div class="zixunTop">
+						<div class="zixunTit">
+							<span class="shu"></span>
+							<span class="span">公众参与</span>
+						</div>
+					</div>
+					<div class="gongzhong">
+						<ul>
+							<li>
+								<a href="">
+									<img src="images/gongzhong1.jpg"/>
+								</a>
+							</li>
+							<li>
+								<a href="">
+									<img src="images/gongzhong2.jpg"/>
+								</a>
+							</li>
+							<li>
+								<a href="">
+									<img src="images/gongzhong3.jpg"/>
+								</a>
+							</li>
+							<li>
+								<a href="">
+									<img src="images/gongzhong4.jpg"/>
+								</a>
+							</li>
+							<li>
+								<a href="">
+									<img src="images/gongzhong5.jpg"/>
+								</a>
+							</li>
+							<li>
+								<a href="">
+									<img src="images/gongzhong6.jpg"/>
+								</a>
+							</li>
+						</ul>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+</div>
+<div class="pz_down">
+	<div class="w_0100">
+		<div class="w_1200">
+			<div class="down">
+				<p>版权所有：吉林省技术算中心</p>
+				<p>
+					<span>技术支持：长春福瑞科技有限公司</span>
+					&nbsp;&nbsp;&nbsp;&nbsp;
+					<span>邮编：130000</span>
+					&nbsp;&nbsp;&nbsp;&nbsp;
+					<span>传真：239823982</span>
+				</p>
+				<p>
+					<span>地址：吉林省长春市朝阳区前进大街1244号</span>
+					&nbsp;&nbsp;&nbsp;&nbsp;
+					<span>电话：0134-1234567</span>
+					&nbsp;&nbsp;&nbsp;&nbsp;
+					<span>邮箱：123456@163.com</span>
+				</p>
+			</div>
+		</div>
+	</div>
+</div>
+</body>
+</html>

style(2).css

@@ -0,0 +1,976 @@
+@charset 'UTF-8';
+html{ overflow-x:auto; overflow-y:auto;}
+*{ padding:0; margin:0;outline:none !important;}
+ul, ol,li{ list-style-type:none;}
+body, button, input, select, textarea{  font-family: 'Microsoft yahei'; font-size:12px;}
+code, kbd, pre, samp { font-family: 'Microsoft yahei';}
+a{ text-decoration:none; color:#333; cursor:pointer;
+-webkit-transition: all 0.2s ease-out 0s; 
+   -moz-transition: all 0.2s ease-out 0s; 
+	 -o-transition: all 0.2s ease-out 0s; 
+		transition: all 0.2s ease-out 0s;}
+img{border:0; max-width:100%;max-height: 100%;vertical-align: middle;}
+
+li { line-height:normal; }
+table { border-collapse: collapse; border-spacing: 0; }
+h1,h2,h3,h4,h5,h6{margin:0; font-weight:normal; font-family: 'Microsoft yahei'; }
+input,table,tr,td{ margin:0; padding:0; border:none;}
+button,table{ border:none; background:none; margin:0; padding:0;}
+body{position: relative; float:left; width:100%; overflow:hidden;}
+select{ margin:0; padding:0; font-family: 'Microsoft yahei'; border:none;}
+textarea{ resize:none;outline:none;}
+label{ margin-bottom:0; font-weight:normal;}
+input,select,textarea{ margin:0; padding:0; border:0; outline:none;
+ -moz-border-radius:0px; 
+ -webkit-border-radius:0; 
+ -khtml-border-radius:0;
+ border-radius:0;
+}
+.pz_top{ float:left; width:100%; min-width:1200px; z-index: 101;}
+.pz_banner{ float: left; width:100%; min-width:1200px; position:relative; overflow:hidden; min-height:260px;}
+.pz_main{ float:left; width:100%; min-width:1200px; overflow:hidden; position:relative;}
+.pz_down{ float:left; width:100%; min-width:1200px;}
+.pz_menu{ float:left; width:100%; min-width:1200px;}
+.w_0100{ float:left; width:100%;}
+.w_1200{ margin:0 auto; width:1200px;}
+
+.bg{
+	float: left;
+	background-image: url(../images/bg.jpg);
+	background-size: 100% 100%;
+}
+.topDate{
+	height:40px;
+	line-height: 40px;
+	background: #215299;
+}
+.topDateInfo{
+	font-size: 14px;
+	color: #fff;
+}
+.top{
+	height: 245px;
+}
+.top .logo{
+	float: left;
+	width: 800px;
+	padding: 90px 0;	    
+}
+.top .logo .title{
+	color: #215299;
+  	font-size: 36px;
+ 	font-family: cursive;
+ 	text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
+ 	font-weight: 600;
+}
+.top .logo .english {
+  	color: #215299;
+  	font-size: 18px;
+  	font-weight: bold;
+}
+.top .search{
+	float: right;
+	width: 340px;
+	height: 40px;
+	background: #2152999f;
+	border-radius: 25px;
+	margin: 102px 0;
+}
+.top .search .input{
+	width: 274px;
+    height: 40px;
+    background: transparent;
+    border-radius: 25px;
+    color: #fff;
+    padding: 0 0 0 16px;
+}
+::-webkit-input-placeholder { /* WebKit browsers */
+    color:    #fff;
+}
+:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
+    color:    #fff;
+}
+::-moz-placeholder { /* Mozilla Firefox 19+ */
+    color:    #fff;
+}
+:-ms-input-placeholder { /* Internet Explorer 10+ */
+    color:    #fff;
+}
+.top .search .button{
+	width: 40px;
+    height: 40px;
+    line-height: 40px;
+}
+.menu{
+	height: 70px;
+	line-height: 70px;
+	background-color: rgba(0,0,0,0.4);
+	margin: 0 0 10px 0;
+}
+.menu ul li{
+	float: left;
+	width:298px;
+	height: 70px;
+	line-height: 70px;
+	text-align: center;
+	border-right: 2px solid #76bdfe;
+}
+.menu ul li:last-child{
+	width:298px;
+	border-right: none;
+}
+.menu ul li a{
+	font-size: 22px;
+	font-family: "微软雅黑";
+	color: #FFFFFF;
+}
+.menu ul li:hover{
+	background: #215299;
+	cursor: pointer;
+}
+.menu ul .active{
+	background: #215299;
+}
+/*地图+最新资讯*/
+.main_1{
+	width: 1200px;
+	height: 354px;
+	margin: 0 0 10px 0;
+}
+.map{
+	position: relative;
+	float: left;
+	width: 512px;
+	height: 354px;
+	overflow: hidden;
+	margin: 0 10px 0 0;
+	background: #fff;
+	border: 1px solid #ccc;
+}
+.map img{
+	width: 490px;
+	height: 330px;
+	margin: 12px;
+}
+.map span{
+	position: absolute;
+    bottom: 18px;
+    left: 32px;
+    font-size: 12px;
+    color: #fff;
+    font-family: "黑体";
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    display: inline-block;
+    width: 454px;
+}
+.zixun{
+	width: 676px;
+	height: 354px;
+	overflow: hidden;
+	background: #fff;
+}
+.zixunTop{
+	width: 636px;
+    height: 39px;
+    line-height: 40px;
+    margin: 20px;
+    border-bottom: 1px solid #ccc;
+}
+.zixunTop .zixunTit{	
+	float: left;
+	height: 38px;
+    line-height: 35px;
+}
+.zixunTop .zixunTit .shu{
+	display: inline-block;
+	width: 4px;
+	height: 20px;
+	background: #005293;
+	margin:0 10px -3px 0;
+}
+.zixunTop .zixunTit .span{
+	font-size: 20px;
+	color: #005293;
+}
+.zixunTop  .more{
+	float: right;
+    height: 40px;
+    line-height: 40px;
+}
+.zixunInfo{
+	height: 254px;
+	padding: 0 20px;
+    overflow: hidden;
+}
+.zixunInfo ul li{
+	padding: 3px 0;
+}
+.zixunInfo ul li .dian {
+	display: inline-block;
+    width: 4px;
+    height: 4px;
+    margin: 0 10px 8px 0;
+    background: #ccc;
+}
+.zixunInfo ul li .title {
+	display: inline-block;
+    font-size: 16px;
+    color: #555555;
+    font-family: "微软雅黑";
+    width: 490px;
+    margin: 0 30px 0 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+.zixunInfo ul li .date {
+	display: inline-block;
+    width: 90px;
+    font-size: 16px;
+    color: #a8abb7;
+    font-family: "微软雅黑";
+    text-align: right;
+}
+/*通知公告,政策法规,科技服务*/
+.main_2{
+	height: 362px;
+	overflow: hidden;
+	margin: 0 0 10px 0;
+}
+.main_2 .notice{
+	float: left;
+	width: 394px;
+	height: 360px;
+	margin:0 10px 0 0 ;
+	overflow: hidden;
+	background: #fff;
+}
+.noticeTop{
+	width: 354px;
+    height: 39px;
+    line-height: 40px;
+    margin: 20px;
+    border-bottom: 1px solid #ccc;
+}
+.noticeTop .noticeTit{
+	float: left;
+    height: 38px;
+    line-height: 35px;
+}
+.noticeTop .noticeTit .shu{
+	    display: inline-block;
+    width: 4px;
+    height: 20px;
+    background: #005293;
+    margin: 0 10px -3px 0;
+}
+.noticeTop .noticeTit .span{
+	font-size: 20px;
+    color: #005293;
+}
+.noticeTop .more{
+	    float: right;
+    height: 40px;
+    line-height: 40px;
+}
+.noticeInfo{
+	height: 254px;
+    padding: 0 20px;
+    overflow: hidden;
+}
+.noticeInfo li{
+	float: left;
+	height: 60px;
+    line-height: 34px;
+    margin: 0 0 2px 0;
+}
+.noticeInfo .dian{
+	float: left;
+    display: inline-block;
+    width: 4px;
+    height: 4px;
+    margin: 15px 10px 0px 0;
+    background: #ccc;
+}
+.noticeInfo .title{
+    float: left;
+    font-size: 16px;
+    color: #444444;
+    font-family: "微软雅黑";
+    overflow: hidden;
+    text-overflow: ellipsis;
+    -webkit-line-clamp: 2;
+    word-break: break-all;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    width: 290px;
+    line-height: 31px;
+}
+.noticeInfo .date{
+	float: right;
+    text-align: right;
+    width: 50px;
+    font-size: 13px;
+    color: #777777;
+    font-family: "微软雅黑";
+}
+.main_2 .law{
+	float: left;
+	width: 394px;
+	height: 360px;
+	margin:0 10px 0 0 ;
+	overflow: hidden;
+	background: #fff;
+}
+.main_2 .service{
+	float: left;
+	width: 392px;
+	height: 360px;
+	overflow: hidden;
+	background: #fff;
+}
+.main_2 .service .serviceInfo{
+	padding: 0 20px;
+}
+.main_2 .service .serviceInfo ul li{
+	float: left;
+	width: 170px;
+	height: 53px;
+	padding: 0 10px 10px 0;
+}
+.main_2 .service .serviceInfo ul li:nth-child(2n){
+	padding: 0 0 10px 0;
+}
+/*友情链接*/
+.main_3{
+	height: 100px;
+	margin: 0 0 10px 0;
+	overflow: hidden;
+	background: #fff;
+}
+.main_3 h3{
+	float: left;
+	width: 130px;
+    height: 100px;
+    line-height: 100px;
+    text-align: center;
+    font-size: 22px;
+    font-weight: bold;
+    color: #2c3250;
+}
+.link{
+	float: left;
+}
+.link ul li{
+	float: left;
+	margin: 25px 10px;
+	
+}
+/*.link ul li:last-child{
+	margin: 0;
+}*/
+.down{
+	padding: 15px 0 0 0;
+	height: 120px;
+	text-align: left;
+	background-color: rgba(14,30,59, 0.4);
+}
+.down p{
+	font-size: 14px;
+	color: #868f9e;
+	font-family: "微软雅黑";
+	padding: 5px 200px;
+}
+/*科技资讯*/
+.info{
+	height: 680px;
+	margin: 0 0 10px 0;
+	overflow: hidden;
+}
+.info .infoLeft{
+	float: left;
+	width: 514px;
+	height: 680px;
+	margin: 0 10px 0 0;
+	overflow: hidden;
+}
+.info .infoLeft .infoNews{
+	position: relative;
+	width: 514px;
+	height: 340px;
+	overflow: hidden;
+	background: #fff;
+	margin: 0 0 10px 0;
+}
+.info .infoLeft .infoNews span{
+	position: absolute;
+    bottom: 0;
+    left: 0;
+    font-size: 12px;
+    color: #fff;
+    font-family: "黑体";
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    display: inline-block;
+    width: 485px;
+    height: 40px;
+    line-height: 40px;
+    padding: 0 20px;
+    background-color: rgba(0,0,0,0.4);
+}
+.infoMetti{
+	width: 514px;
+	height:330px;
+	overflow: hidden;
+	background: #fff;
+}
+.info .infoRight{
+	float: left;
+	width: 676px;
+	height: 680px;
+	overflow: hidden;
+	background: #fff;
+}
+.meitiTop{
+	width: 474px;
+    height: 39px;
+    line-height: 40px;
+    margin: 20px;
+    border-bottom: 1px solid #ccc;
+}
+.meitiTop .zixunTit{
+	float: left;
+    height: 38px;
+    line-height: 35px;
+}
+.meitiTop .zixunTit .shu{
+	    display: inline-block;
+    width: 4px;
+    height: 20px;
+    background: #005293;
+    margin: 0 10px -3px 0;
+}
+.meitiTop .zixunTit .span{
+	    font-size: 20px;
+    color: #005293;
+}
+.meitiTop .more{
+	    float: right;
+    height: 40px;
+    line-height: 40px;
+}
+.meitiInfo{
+	height: 230px;
+    padding: 0 20px;
+    overflow: hidden;
+}
+.meitiInfo li{
+	float: left;
+    height: 55px;
+    line-height: 30px;
+    margin: 0 0 2px 0;
+}
+.meitiInfo .dian{
+	float: left;
+    display: inline-block;
+    width: 4px;
+    height: 4px;
+    margin: 15px 10px 0px 0;
+    background: #ccc;
+}
+.meitiInfo .title{
+    float: left;
+    font-size: 16px;
+    color: #444444;
+    font-family: "微软雅黑";
+    overflow: hidden;
+    text-overflow: ellipsis;
+    -webkit-line-clamp: 2;
+    word-break: break-all;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    width: 400px;
+    line-height: 31px;
+}
+.meitiInfo .date{
+	float: right;
+    text-align: right;
+    width: 60px;
+    font-size: 13px;
+    color: #777777;
+    font-family: "微软雅黑";
+}
+.infoRightTop{
+	width: 636px;
+    height: 39px;
+    line-height: 40px;
+    margin: 20px;
+    border-bottom: 1px solid #ccc;
+}
+.infoRightTop .zixunTit{	
+	float: left;
+	height: 38px;
+    line-height: 35px;
+}
+.infoRightTop .zixunTit .shu{
+	display: inline-block;
+	width: 4px;
+	height: 20px;
+	background: #005293;
+	margin:0 10px -3px 0;
+}
+.infoRightTop .zixunTit .span{
+	font-size: 20px;
+	color: #005293;
+}
+.infoRightTop .more{
+	float: right;
+    height: 40px;
+    line-height: 40px;
+}
+.infoRightInfo{
+	height: 580px;
+    padding: 0 20px;
+    overflow: hidden;
+}
+.infoRightInfo ul li{
+	padding: 5px 0;
+}
+.infoRightInfo ul li:nth-child(8){
+	padding:0 0 20px 0;
+	border-bottom: 1px solid #ccc;
+}
+.infoRightInfo ul li:nth-child(9){
+	padding:20px 0 0 0;
+}
+.infoRightInfo ul li .dian {
+	display: inline-block;
+    width: 4px;
+    height: 4px;
+    margin: 0 10px 8px 0;
+    background: #ccc;
+}
+.infoRightInfo ul li .title {
+	display: inline-block;
+    font-size: 16px;
+    color: #555555;
+    font-family: "微软雅黑";
+    width: 490px;
+    margin: 0 30px 0 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+.infoRightInfo ul li .date {
+	display: inline-block;
+    width: 90px;
+    font-size: 16px;
+    color: #a8abb7;
+    font-family: "微软雅黑";
+    text-align: right;
+}
+/*科技培训*/
+.natural{
+	height: 612px;
+	overflow: hidden;
+	margin: 0 0 10px 0;
+}
+.naturalLeft{
+	float: left;
+	width: 514px;
+	height: 612px;
+	margin: 0 10px 0 0;
+	overflow: hidden;
+	background: #fff;
+}
+.naturalLeft .naturalLeftTop{
+	width:474px;
+    height: 39px;
+    line-height: 40px;
+    margin: 20px;
+    border-bottom: 1px solid #ccc;
+}
+.naturalLeftTop .noticeTit{
+	float: left;
+    height: 38px;
+    line-height: 35px;
+}
+.naturalLeftTop .noticeTit .shu{
+	display: inline-block;
+    width: 4px;
+    height: 20px;
+    background: #005293;
+    margin: 0 10px -3px 0;
+}
+.naturalLeftTop .noticeTit .span{
+	font-size: 20px;
+    color: #005293;
+}
+.naturalLeftTop .more{
+	    float: right;
+    height: 40px;
+    line-height: 40px;
+}
+.naturalRight{
+	float: left;
+	width: 676px;
+	height: 612px;
+	overflow: hidden;
+	background: #fff;
+}
+.naturalLeftInfo{
+	padding: 0 20px;
+    height: 512px;
+    overflow: hidden;
+}
+.naturalLeftInfo ul li{
+	float: left;
+    height: 80px;
+    margin: 0 0 6px 0;
+}
+.naturalLeftInfo ul li .date{
+	float: left;
+	width: 60px;
+	height: 20px;
+	text-align: center;
+	line-height: 20px;
+	background: #005293;
+	font-size: 14px;
+	color: #FFFFFF;
+	margin: 0 10px 0 0;
+}
+.naturalLeftInfo ul li .text{
+	float: left;
+	width: 404px;
+}
+.naturalLeftInfo ul li .text .title{
+	float: left;
+	width: 404px;
+	height: 20px;
+	line-height: 20px;
+	font-size: 16px;
+	color: #005293;
+	overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+.naturalLeftInfo ul li .text .content{
+	float: left;
+	width: 400px;
+	text-align: left;
+	font-size: 14px;
+	color: #929292;
+	line-height: 24px;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	-webkit-line-clamp: 2;
+	word-break: break-all;
+	display: -webkit-box;
+	-webkit-box-orient: vertical;
+}
+.naturalRight{
+	
+}
+.naturalRight .tabList{
+    float: left;
+    width: 636px;
+    margin: 20px;
+    height: 35px;
+    line-height: 35px;
+    border-bottom: 1px solid #ccc;
+}
+.naturalRight #tab{position:relative;}
+.naturalRight #tab .tabList ul li{
+	float: left;
+    width: 80px;
+    height: 35px;
+    text-align: center;
+    font-size: 20px;
+    color: #005293;
+    margin: 0 20px 0 0;
+}
+.naturalRight #tab .tabCon{
+	position: absolute;
+    left: 20px;
+    top: 76px;
+    width: 634px;
+}
+.naturalRight #tab .tabCon div{
+	position:absolute;
+	opacity:0;
+	filter:alpha(opacity=0);
+}
+.naturalRight #tab .tabList li.cur{
+	border-bottom:3px solid#005293;
+}
+.naturalRight #tab .tabCon div.cur{
+	opacity:1;
+	filter:alpha(opacity=100);
+}
+.naturalRight .tabCon .tabConList{
+	height: 511px;
+    overflow: hidden;
+}
+.naturalRight .tabCon .tabConList li{
+	    padding: 3px 0 2px 0;
+}
+.naturalRight .tabCon .tabConList li .dian{
+	display: inline-block;
+    width: 4px;
+    height: 4px;
+    margin: 0 10px 8px 0;
+    background: #ccc;
+}
+.naturalRight .tabCon .tabConList li .title{
+	    display: inline-block;
+    font-size: 16px;
+    color: #555555;
+    font-family: "微软雅黑";
+    width: 490px;
+    margin: 0 30px 0 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+.naturalRight .tabCon .tabConList li .date{
+	display: inline-block;
+    width: 90px;
+    font-size: 16px;
+    color: #a8abb7;
+    font-family: "微软雅黑";
+    text-align: right;
+}
+.cur_1 ul li:nth-child(8){
+	padding: 0 0 20px 0 !important;
+	border-bottom: 1px solid #ccc;
+}
+.cur_1 ul li:nth-child(9){
+	padding: 20px 0 0 0 !important;
+}
+.cur_3 ul li:nth-child(8){
+	padding: 0 0 20px 0 !important;
+	border-bottom: 1px solid #ccc;
+}
+.cur_3 ul li:nth-child(9){
+	padding: 20px 0 0 0 !important;
+}
+/*科技服务*/
+.service{
+	height: 576px;
+	overflow: hidden;
+	margin: 0 0 10px 0;
+}
+.service_1{
+	width: 100%;
+	height: 330px;
+	overflow: hidden;
+	margin: 0 0 10px 0;
+}
+.service_1 .service_1Left{
+	float: left;
+	width: 595px;
+	height: 330px;
+	overflow: hidden;
+	background: #FFFFFF;
+	margin: 0 10px 0 0;
+}
+.service_1Left .zixunTop{
+	width: 555px;
+    height: 29px;
+    line-height: 29px;
+    margin: 20px;
+    border-bottom: 1px solid #ccc;
+}
+.service_1Left  .zixunTop .zixunTit{	
+	float: left;
+	height: 30px;
+    line-height: 30px;
+}
+.service_1Left  .zixunTop .zixunTit .shu{
+	display: inline-block;
+	width: 4px;
+	height: 20px;
+	background: #005293;
+	margin:0 10px -3px 0;
+}
+.service_1Left  .zixunTop .zixunTit .span{
+	font-size: 20px;
+	color: #005293;
+}
+.zhengwu{
+	padding: 0 20px;
+}
+.zhengwu ul li{
+	float: left;
+	width: 130px;
+	height: 115px;
+	margin: 0 10px 10px 0;
+}
+.zhengwu ul li:nth-child(4){
+	margin: 0 0 10px 0;
+}
+.zhengwu ul li:nth-child(8){
+	margin: 0 0 10px 0;
+}
+.changyong{
+	padding: 0 20px;
+}
+.changyong ul li{
+	float: left;
+	width: 185px;
+	height: 110px;
+	margin: 0 0 20px 0;
+}
+.service_1 .service_1right{
+	float: left;
+	width: 595px;
+	height: 330px;
+	overflow: hidden;
+	background: #FFFFFF;
+}
+.service_1right .zixunTop{
+	width: 555px;
+    height: 30px;
+    line-height: 30px;
+    margin: 20px;
+    border-bottom: 1px solid #ccc;
+}
+.service_1right  .zixunTop .zixunTit{	
+	float: left;
+	height: 30px;
+    line-height: 30px;
+}
+.service_1right  .zixunTop .zixunTit .shu{
+	display: inline-block;
+	width: 4px;
+	height: 20px;
+	background: #005293;
+	margin:0 10px -3px 0;
+}
+.service_1right  .zixunTop .zixunTit .span{
+	font-size: 20px;
+	color: #005293;
+}
+.service_2{
+	float: left;
+	width: 100%;
+	height: 237px;
+	overflow: hidden;
+	background: #FFFFFF;
+}
+.service_2 .zixunTop{
+	width: 1160px;
+    height: 30px;
+    line-height: 30px;
+    margin: 20px;
+    border-bottom: 1px solid #ccc;
+}
+.service_2  .zixunTop .zixunTit{	
+	float: left;
+	height: 30px;
+    line-height: 30px;
+}
+.service_2  .zixunTop .zixunTit .shu{
+	display: inline-block;
+	width: 4px;
+	height: 20px;
+	background: #005293;
+	margin:0 10px -3px 0;
+}
+.service_2  .zixunTop .zixunTit .span{
+	font-size: 20px;
+	color: #005293;
+}
+.gongzhong{
+	padding: 0 20px;
+}
+
+.gongzhong ul li{
+	float: left;
+	width: 185px;
+	height: 146px;
+	overflow: hidden;
+	margin: 0 10px 0 0;
+}
+.gongzhong ul li:last-child{
+	margin:0;
+}
+/*列表页*/
+.list{
+	width: 100%;
+	height: 630px;
+	overflow: hidden;
+	background: #FFFFFF;
+	margin: 0 0 10px 0;
+}
+.list .zixunTop{
+	width: 1120px;
+    height: 29px;
+    line-height: 29px;
+    margin:40px 40px 20px 40px;
+    border-bottom: 1px solid #ccc;
+}
+.list .zixunTop .zixunTit{	
+	float: left;
+	height:30px;
+    line-height: 0;
+}
+.list .zixunTop .zixunTit .shu{
+	display: inline-block;
+	width: 4px;
+	height: 20px;
+	background: #005293;
+	margin:0 10px -3px 0;
+}
+.list .zixunTop .zixunTit .span{
+	font-size: 20px;
+	color: #005293;
+}
+.listInfo{
+	padding: 0 40px;
+	height: 540px;
+	overflow: hidden;
+}
+.listInfo ul{
+	height: 350px;
+}
+.listInfo ul li{
+	float: left;
+	width: 1120px;
+	padding: 6px 0;
+}
+.listInfo ul li:nth-child(5){
+	padding: 0 0 20px 0;
+	border-bottom: 1px solid #ccc;
+}
+.listInfo ul li:nth-child(6){
+	padding: 20px 0 0 0;
+}
+.listInfo ul li .dian {
+	float: left;
+	display: inline-block;
+    width: 4px;
+    height: 4px;
+    margin: 8px 10px 0px 0;
+    background: #ccc;
+}
+.listInfo ul li .title{
+	float: left;
+	width: 1106px;
+	font-size: 16px;
+	color: #555555;
+}
+.listInfo ul li .title .date{
+	font-size: 16px;
+	color: #a8abb7;
+	margin: 0 0 0 18px;
+}
+.listInfo .page{
+	height: 30px;
+    line-height: 30px;
+    text-align: center;
+    margin: 120px 0 40px 0;
+}

train.html

@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="UTF-8">
+		<title>科技资源</title>
+	</head>
+	<body>
+	</body>
+</html>