.jinengblock{ width:100%; margin-bottom:5%; margin-top:3%; border-bottom:#d5d5d5 solid 1px;}
.jinengblock .fdiv{ width:28%; float:left; text-align:center; padding:12% 0;border-top:#d5d5d5 solid 1px;}
.jinengblock .fdiv p{ font-size:1.5rem; display:block; padding:0 4%;color:#121212;}
.jinengblock .fdiv img{ width:90%;}
.jinengblock .sdiv{ width:36%; float:left; text-align:center; padding:2% 0; border-left:#d5d5d5 solid 1px; border-top:#d5d5d5 solid 1px; }
.jinengblock .sdiv p{ font-size:1.5rem; display:block; padding:0 10%;color:#121212;}
.jinengblock .sdiv img{ width:75%;}
.jinengblock .onet{ width:100%; float:left;}
<div class="jinengblock">
<a target="_blank" href=""><img class="onet" src="./images2/jinengzy.jpg"></a>
<div class="fdiv">
<a href="index.php?a=Index&c=Mobile&m=content&mid=1&cid=34&aid=33">
<img src="./images2/zy1.png">
<p>挖掘机操作班</p>
</a> </div>
<div class="sdiv">
<a href="index.php?a=Index&c=Mobile&m=content&mid=1&cid=35&aid=34">
<img src="./images2/zy2.png">
<p>挖掘机深造班</p>
</a> </div>
<div class="sdiv">
<a href="index.php?a=Index&c=Mobile&m=content&mid=1&cid=36&aid=35">
<img src="./images2/zy3.png">
<p>挖掘机维修班</p>
</a> </div>
<div class="sdiv">
<a href="index.php?a=Index&c=Mobile&m=content&mid=1&cid=37&aid=36">
<img src="./images2/zy4.png">
<p>装载机操作班</p>
</a> </div>
<div class="sdiv">
<a href="index.php?a=Index&c=Mobile&m=content&mid=1&cid=38&aid=37">
<img src="./images2/zy5.png">
<p>汽车吊车班</p>
</a> </div>
<div style="clear:both;"></div>
</div>
|