新闻中心页面

jpress-web-template-usoftchina/src/main/webapp/templates/usoftchina/taxonomy_news.html

@@ -114,12 +114,12 @@ $(document).ready(function() {
 		float: left;
 		margin-top: -30px;
 	}
-	.trade-news{
+	.allNews{
 		float: left;
 		margin-left: 100px;
 		margin-top: -18px;
 	}
-	.trade-news .tradeNews .news-time {
+	.allNews .tradeNews .news-time {
 		position: relative;
 	}
 	p.years{
@@ -130,22 +130,29 @@ $(document).ready(function() {
 	}
 	.tradeNews{
 		overflow: hidden;
-		margin-top: 40px;
+		margin-top: 50px;
+	}
+	.allNews .newsNav{
+		width: 790px;
+		margin-top: -10px;
+		cursor: pointer;
 	}
-	.trade-news .news-item{
+	.allNews .newsNav .news-item{
+		width: 210px;
 		position: relative;
+		float: left;
 	}
-	.trade-news div.news-item em{
+	.allNews div.news-item em{
 		display: inline-block;
 		width: 6px;
 		height: 30px;
 		font-style: normal;
 		background: #dcdcdc;
 	}
-	.trade-news div.active em{
+	.allNews div.active em{
 		background: #408eff;
 	}
-	.trade-news div.news-item span{
+	.allNews div.news-item span{
 		margin-left: 20px;
 		font-size: 24px;
 		font-style: normal;
@@ -154,41 +161,41 @@ $(document).ready(function() {
 		top: -2px;
 		left: 6px;
 	}
-	.trade-news div.active span{
+	.allNews div.active span{
 		color: #1e1e1e;
 	}
-	.trade-news .news-time{
+	.allNews .news-time{
 		float: left;
 		width: 90px;
 		height: 100px;
 		background: #626262;
 	}
-	.trade-news .news-time>div{
+	.allNews .news-time>div{
 		position: absolute;
 		top: 15px;
 		left: 25px;
 		color: #fff;
 		font-weight: bold;
 	}
-	.trade-news .news-time h3{
+	.allNews .news-time h3{
 		font-size: 30px;
 	}
-	.trade-news .news-time h4{
+	.allNews .news-time h4{
 		font-size: 20px;
 		margin-top: 10px;
 	}
-	.trade-news .thumbnail-img{
+	.allNews .thumbnail-img{
 		float: left;
 		margin-right: 40px;
 		line-height: 23px;
 		width: 200px;
 		height: 160px;
 	}
-	.trade-news .news-detail{
+	.allNews .news-detail{
 		width: 460px;
 		float: left;
 	}
-	.trade-news .news-detail h3{
+	.allNews .news-detail h3{
 		width: 460px;
 		height: 45px;
 		overflow: hidden;
@@ -199,7 +206,7 @@ $(document).ready(function() {
 		font-weight: bold;
 		color: #323232;
 	}
-    .trade-news .news-detail p{
+    .allNews .news-detail p{
         width: 460px;
         height: 45px;
         overflow: hidden;
@@ -210,7 +217,7 @@ $(document).ready(function() {
         color: #787878;
         margin: 20px 0 30px 0;
     }
-    .trade-news .news-detail .text-num{
+    .allNews .news-detail .text-num{
         margin-left: -13px;
     }
 	.tradeNews:hover{
@@ -269,57 +276,64 @@ $(document).ready(function() {
 					<div class="hots_news">
 						<#include "_hot_news.html"/>
 					</div>
-					<div class="trade-news">
-						<!--<div class="news-item"><em></em><span>公司动态</span></div>-->
-						<!--<div class="news-item active"><em></em><span>行业新闻</span></div>-->
-						<div class="tradeNews">
-							<div class="news-time">
-								<div>
-									<h3>14</h3>
-									<h4>Aug</h4>
-								</div>
-							</div>
-							<div class="thumbnail-img">
-								<img class="content-thumbnail" src="${CTPATH}/images/question/read.png" alt="">
-							</div>
-							<div class="news-detail">
-								<h3>从电报到5G从电报到从电报到5G从电报到从电报到5G从电报到从电报到5G从电报到从电报到5G从电报到从电报到5G从电报到</h3>
-								<p>从电报到5G从电报到5G从电报从电报到5G从电报到从电报到5G从电报到从电报到5G从电报到从电报到5G从电报到从电报到5G从电报</p>
-								<span class="pull-left text-num"><img src="${CTPATH}/images/question/read.png" style="margin-left: 15px;"/>200</span>
-							</div>
+					<div class="allNews">
+						<div class="newsNav">
+							<div class="news-item"><em></em><span>公司动态</span></div>
+							<div class="news-item active"><em></em><span>行业新闻</span></div>
 						</div>
-						<div class="tradeNews">
-							<div class="news-time">
-								<div>
-									<h3>14</h3>
-									<h4>Aug</h4>
+						<!--公司动态-->
+						<div class="company-dynamic"></div>
+						<!--行业新闻-->
+						<div class="trade-news">
+							<div class="tradeNews">
+								<div class="news-time">
+									<div>
+										<h3>14</h3>
+										<h4>Aug</h4>
+									</div>
 								</div>
-							</div>
-							<div class="thumbnail-img">
-								<img class="content-thumbnail" src="${CTPATH}/images/question/read.png" alt="">
-							</div>
-							<div class="news-detail">
-								<h3>从电报到5G从电报到从电报到5G从电报到从电报到5G从电报到从电报到5G从电报到从电报到5G从电报到从电报到5G从电报到</h3>
-								<p>从电报到5G从电报到5G从电报从电报到5G从电报到从电报到5G从电报到从电报到5G从电报到从电报到5G从电报到从电报到5G从电报</p>
-								<span class="pull-left text-num"><img src="${CTPATH}/images/question/read.png" style="margin-left: 15px;"/>200</span>
-							</div>
-						</div>
-						<!--年份分割线-->
-						<p class="years">2016年</p>
-						<div class="tradeNews">
-							<div class="news-time">
-								<div>
-									<h3>14</h3>
-									<h4>Aug</h4>
+								<div class="thumbnail-img">
+									<img class="content-thumbnail" src="${CTPATH}/images/question/read.png" alt="">
+								</div>
+								<div class="news-detail">
+									<h3>从电报到5G从电报到从电报到5G从电报到从电报到5G从电报到从电报到5G从电报到从电报到5G从电报到从电报到5G从电报到</h3>
+									<p>从电报到5G从电报到5G从电报从电报到5G从电报到从电报到5G从电报到从电报到5G从电报到从电报到5G从电报到从电报到5G从电报</p>
+									<span class="pull-left text-num"><img src="${CTPATH}/images/question/read.png" style="margin-left: 15px;"/>200</span>
 								</div>
 							</div>
-							<div class="thumbnail-img">
-								<img class="content-thumbnail" src="${CTPATH}/images/question/read.png" alt="">
+							<div class="tradeNews">
+								<div class="news-time">
+									<div>
+										<h3>14</h3>
+										<h4>Aug</h4>
+									</div>
+								</div>
+								<div class="thumbnail-img">
+									<img class="content-thumbnail" src="${CTPATH}/images/question/read.png" alt="">
+								</div>
+								<div class="news-detail">
+									<h3>从电报到5G从电报到从电报到5G从电报到从电报到5G从电报到从电报到5G从电报到从电报到5G从电报到从电报到5G从电报到</h3>
+									<p>从电报到5G从电报到5G从电报从电报到5G从电报到从电报到5G从电报到从电报到5G从电报到从电报到5G从电报到从电报到5G从电报</p>
+									<span class="pull-left text-num"><img src="${CTPATH}/images/question/read.png" style="margin-left: 15px;"/>200</span>
+								</div>
 							</div>
-							<div class="news-detail">
-								<h3>从电报到5G从电报到从电报到5G从电报到从电报到5G从电报到从电报到5G从电报到从电报到5G从电报到从电报到5G从电报到</h3>
-								<p>从电报到5G从电报到5G从电报从电报到5G从电报到从电报到5G从电报到从电报到5G从电报到从电报到5G从电报到从电报到5G从电报</p>
-								<span class="pull-left text-num"><img src="${CTPATH}/images/question/read.png" style="margin-left: 15px;"/>200</span>
+							<!--年份分割线-->
+							<p class="years">2016年</p>
+							<div class="tradeNews">
+								<div class="news-time">
+									<div>
+										<h3>14</h3>
+										<h4>Aug</h4>
+									</div>
+								</div>
+								<div class="thumbnail-img">
+									<img class="content-thumbnail" src="${CTPATH}/images/question/read.png" alt="">
+								</div>
+								<div class="news-detail">
+									<h3>从电报到5G从电报到从电报到5G从电报到从电报到5G从电报到从电报到5G从电报到从电报到5G从电报到从电报到5G从电报到</h3>
+									<p>从电报到5G从电报到5G从电报从电报到5G从电报到从电报到5G从电报到从电报到5G从电报到从电报到5G从电报到从电报到5G从电报</p>
+									<span class="pull-left text-num"><img src="${CTPATH}/images/question/read.png" style="margin-left: 15px;"/>200</span>
+								</div>
 							</div>
 						</div>
 						<!--<div class="page">-->