.backg{width:100%; height:70px; background:#c50303;}

.nav{width:1200px; margin:0 auto; height:70px;}

.nav ul li{ width:120px; height:70px; line-height:80px;text-align:center;}

.nav ul li a{color:#fff;font-size:20px; font-weight:600;display:block; margin-top:-6px; }

.nav ul li a:hover{ background:#b2191b; box-shadow:4px 4px 14px #000;-moz-box-shadow:4px 4px 14px #000; text-align:center;}

.red1{ display:block; background:#b2191b; box-shadow:4px 4px 14px #000;-moz-box-shadow:4px 4px 14px #000; text-align:center;}

</style>

<divclass="backg">

<divclass="nav">

<ulid="oUl">

<li><aclass="red1"href="#">首页</a></li>

<li><ahref="#">三板斧</a></li>

<li><ahref="#">房贷通</a></li>

<li><ahref="#">公益众筹</a></li>

<li><ahref="#">智囊团</a></li>

<li><ahref="#"><iclass="a2"></i>APP</a></li>

</ul>

</div>

</div>

    var oA=$(".nav ul li a");

    oA.click(function(){

    $(this).siblings("red1").removeClass("red1");

    $(this).addClass("red1");

    });

});