首页发布需求入口完善

css/index.css

.nextR{ width:100px; height:205px; float:left; background:url(../images/nextR.png) no-repeat center center; }*/
.bgProColor{background-color: #FF9900;}
.btn-pro{color:#FFFFFF;background: #FF9900; margin-top:4%;}
.btn-pro{color:#FFFFFF;background: #FF9900; margin-top:5%;}
.btn{padding:6px 24px;}
.btn:hover,.btn:focus{outline:none;box-shadow: none;color: #FFFFFF;}
.link-btn-box{padding:40px 0 50px;}
.link-btn-block{text-align: center; text-align: -moz-center; margin: 6px;padding:10px 20px 40px; border:2px solid #eaeaea;background:#f8fbfb;border-radius:4px;}
legend.link-btn{width:32%;border:none;margin:1px auto;}
.link-btn-icon{width:80px;height:80px;margin: auto;border-radius: 10px;text-align: center;background-position: center;background-repeat: no-repeat;}
.link-btn-box{padding:20px 0 50px;}
.link-btn-block{text-align: center;margin-top: 50px;padding:10px 20px 40px; border:2px solid #eaeaea;background:#f8fbfb;border-radius:4px;}
.link-btn{position: relative; width: 32%;margin:auto;margin-bottom: 46px; background: #fff;height: 2px;top: -12px;}
.link-btn-icon{position: absolute;top: -36px;left: 50%; margin-left: -40px;width:80px;height:80px;border-radius: 10px;background-position: center;background-repeat: no-repeat;}
.link-btn-icon-fabu{background-image: url(../images/home_icon_qiyeruzhu_nor.png);}
.link-btn-icon-ruzhu{background-image: url(../images/home_icon_qiyeruzhu_nor.png);}
.link-btn-icon-pro{background-image: url(../images/home_icon_woshizhuanjia_nor.png);}

index.html

	    <div class="container">
	    	<div class="row link-btn-box">
			  <div class="col-md-6">
			  	<fieldset class="link-btn-block">
			  		<legend class="link-btn">
			  	<div class="link-btn-block">
			  		<div class="link-btn">
			  			<div class="link-btn-icon link-btn-icon-fabu bgProColor">
			  			</div>
			  		</legend>
			  		</div>
			  		<div class="link-btn-tip">
			  			<h2 class="link-tip-tit">发布需求</h2>
			  			<p>获得专家回复，解决研发难题，研发成本合理化</p>
			  			<button type="button" class="btn btn-pro">立即发布</button>
			  		</div>
			  	</fieldset>
			  	</div>
			  </div>
			 <!-- <div class="col-md-2"></div>-->
			  <div class="col-md-6">
			  	<fieldset class="link-btn-block">
			  		<legend class="link-btn">
			  	<div class="link-btn-block">
			  		<div class="link-btn">
			  			<div class="link-btn-icon link-btn-icon-pro bgProColor">
			  			</div>
			  		</legend>
			  		</div>
			  		<div class="link-btn-tip">
			  			<h2 class="link-tip-tit">我是专家</h2>
			  			<p>提升学术声誉，寻找企业合作，科研价值变现</p>
			  			<button type="button" class="btn btn-pro">加入科袖</button>
			  		</div>
			  	</fieldset>
			  	</div>
			  </div>
			</div>
	    </div>