zxz

large/css/app.css

@@ -61,6 +61,10 @@ body{
 	top:40px;
 	padding-left: 20px;
 }
+.head-right i{
+	color:#fff;
+	font-size: 18px;
+}
 .weather{
 	display: flex;
 	align-items: center;
@@ -281,11 +285,12 @@ i{
 	background:url(../img/mapbg.png);
 	width: 854px;
 	height: 609px;
-	padding-top: 68px;
+	padding-top: 100px;
 }
 .main-mid-top.nobg{
 	background:none;
 	padding-top: 20px;
+	
 }
 .main-mid-bot{
 	margin: 40px auto 0;
@@ -356,7 +361,6 @@ i{
 	height: 600px;
 }
 .about-mid .main-mid-top img{
-	height: 90%;
 }
 .about-mid .main-mid-top h2{
 	font-family: 'ysbth';
@@ -367,6 +371,7 @@ i{
 	width: 950px;
 	display: flex;
 	justify-content: space-between;
+	padding-top: 30px;
 }
 .about-right{
 	width: 370px;
@@ -404,6 +409,7 @@ i{
 .content-company{
 	height: 480px;
 	overflow-y: auto;
+	margin-top: 40px;
 }
 .content-company i{
 	margin-left: 5px;
@@ -411,7 +417,7 @@ i{
 .content-row{
 	display: flex;
 	justify-content: space-between;
-	margin: 20px 0;
+	margin: 30px 0;
 }
 .content-row:last-child{
 	margin-bottom: 0;
@@ -564,4 +570,7 @@ i{
 	width: 560px;
 	height: 445px;
 	float: right;
+}
+.main-mid-bot{
+	
 }

large/index.html

@@ -41,7 +41,9 @@
 		    </div>
 		    <div class="head-right" id="tianqi">
 		        <iframe width="300" scrolling="no" height="30" frameborder="0" allowtransparency="true" src="https://i.tianqi.com?c=code&id=90&color=%23FFFFFF&icon=1&py=wenzhou&site=19"></iframe>
-		     </div>
+				<i class="glyphicon glyphicon-resize-full"></i>
+				<i class="glyphicon glyphicon-resize-small"></i>	
+			</div>
 		  </div>
 		  <div class="main">
 		    <div class="main-left">
@@ -124,7 +126,7 @@
 		    <div class="main-mid about-mid">
 		  	  <div class="main-mid-top nobg">
 		  		  <h2>娄桥轻工产业园分布图</h2>
-		  		  <img src="img/pic.png" style="  width: 90%;  height: 100%; " alt="">
+		  		  <img src="img/pic.png" width="90%" alt="">
 		  	  </div>
 		  	  <div class="main-mid-bot">
 		  		 <div class="content">
@@ -252,9 +254,7 @@
 		 			</div>
 		 			<div class="modal-body" style="min-height: 400px;overflow: hidden;">
 		 				<div class="modal-body-left">
-		 					<table class="table table-bordered table-hover" style="
-		     height: 845px;
-		 ">
+		 					<table class="table table-bordered table-hover" style="height: 845px;">
 		 					  <thead>
 		 						<tr>
 		 						  <th>排名</th>
@@ -381,8 +381,10 @@
 		         <h4>Health Index Monitoring Sites Smart DATA Visialization</h4>
 		       </div>
 		       <div class="head-right" id="tianqi">
-		           <iframe width="300" scrolling="no" height="30" frameborder="0" allowtransparency="true" src="https://i.tianqi.com?c=code&id=90&color=%23FFFFFF&icon=1&py=wenzhou&site=19"></iframe>
-		        </div>
+					<iframe width="300" scrolling="no" height="30" frameborder="0" allowtransparency="true" src="https://i.tianqi.com?c=code&id=90&color=%23FFFFFF&icon=1&py=wenzhou&site=19"></iframe>
+					<i class="glyphicon glyphicon-resize-full"></i>
+					<i class="glyphicon glyphicon-resize-small"></i>
+				</div>
 		     </div>
 		     <div class="main">
 		       <div class="main-left">
@@ -526,8 +528,7 @@
 		 	 
 		       <div class="main-mid">
 		 		  <div class="main-mid-top">
-		 			<img src="img/pic.png" style="  width: 90%;  height: 100%; " alt="">
-		 			
+		 			<img src="img/pic.png"  width="90%"  alt="">
 		 		  </div>
 		 		  <div class="main-mid-bot">
 		 			  <div class="title">