<div class="panel panel-default">
<div class="panel-body">
<div class="panel panel-default"
style="width: 25%; overflow: visible; float: left; height: 400px">
<div class="panel-body">
</div>
</div>
<div class="panel panel-default"
style="width: 71%; overflow: visible; float: right; height: 400px">
<div class="panel-body" style="">
<div style="width: 70%; float: left;">
<ul>
<li>xxx</li>
</ul>
</div>
<div style="width: 27%; float: right;">doc&news</div>
</div>
</div>
</div>
</div>
<div class="panel panel-default" style="height: 300px">type1
content</div>
<div class="panel panel-default" style="height: 300px">type2222
content</div>
<div class="panel panel-default" style="height: 300px">type3333
content</div>
<div class="panel panel-default">
<div class="panel-body" style="text-align: center;">link content
</div>
<div class="panel-footer" style="text-align: center;">image
about china</div>
</div>