增加省份筛选

css/global.css

@@ -681,7 +681,7 @@ li.search .topSerach input[type=submit]:active{
 }
 .trainItem{
   margin:1px 0 0 0;
-  padding:30px 20px 0 20px
+  padding:0 20px 0 20px
 }
 .trainItem .tLeft,.trainItem .tRight{
   width:470px
@@ -2999,6 +2999,42 @@ border:none
 .download-select .downSelect{
   margin:20px 0 0;
 }
+.province .nav li{
+  float:left;
+  width:80px;
+  height:50px;
+}
+.province .nav li a{
+  display: inline-block;
+  width: 80px;
+  border-left: 1px solid #ccc;
+  text-align: center;
+  font-size: 16px;
+  height: 18px;
+  line-height: 18px;
+  margin-top: 32px;
+  margin-left: -1px;
+  font-weight: 600;
+  color: #666;
+  cursor: pointer; 
+}
+.province .nav li a:hover{
+  text-decoration: none;
+  color:#333;
+}
+.province .nav li:first-child a{
+  border-left: none;
+}
+.province .nav li.active a{
+  color:#B2005E;
+  cursor:default;
+}
+.provinceTwo .nav li,.provinceTwo .nav li a{
+  width:230px;
+}
+.provinceTwo .nav li:first-child,.provinceTwo .nav li:first-child a{
+  width:80px;
+}
 /* 2016年春节彩蛋
 .warp-body {
   position:relative;

train.html

@@ -90,9 +90,32 @@
 		</div>
 		<div class="width1060 clearfix">
 			<div class="trainItem clearfix">
+				<div class="province provinceTwo clearfix">
+					<ul class="nav">
+						<li class="active"><a href="#">全部</a></li>
+						<li><a href="#">应用培训&考前培训</a></li>
+						<li><a href="#">软件应用免费培训</a></li>
+					</ul>
+				</div>
+				<div class="province clearfix" style="margin-bottom:40px;">
+					<ul class="nav">
+						<li class="active"><a href="#">全部</a></li>
+						<li><a href="#">广东(2)</a></li>
+						<li><a href="#">山东(5)</a></li>
+						<li><a href="#">内蒙古(6)</a></li>
+						<li><a href="#">广西(3)</a></li>
+						<li><a href="#">重庆(6)</a></li>
+						<li><a href="#">山西(7)</a></li>
+						<li><a href="#">江西(6)</a></li>
+						<li><a href="#">安徽(7)</a></li>
+						<li><a href="#">四川(7)</a></li>
+						<li><a href="#">浙江(7)</a></li>
+						<li><a href="#">甘肃(7)</a></li>
+					</ul>
+				</div>
 				<!--收费培训-->
 				<div class="tLeft fL">
-					<div class="tImg"><img src="img/trimagesl.jpg"></div>
+					<!-- <div class="tImg"><img src="img/trimagesl.jpg"></div> -->
 					<div class="trainList clearfix">
 						<div class="trainEntry doing animated">
 							<a href="#" title="江西省:2013年公路工程高级人员造价培训班">
@@ -121,7 +144,7 @@
 					</div>
 				</div>
 				<div class="tRight fR">
-					<div class="tImg"><img src="img/trimagesr.jpg"></div>
+					<!-- <div class="tImg"><img src="img/trimagesr.jpg"></div> -->
 					<div class="trainList clearfix">
 						<div class="trainEntry doing loca animated">
 							<a href="#" title="江西省:2013年公路工程高级人员造价培训班">