.row{ overflow:hidden; margin-bottom:30px; } .focusBanner{ position:relative; z-index:1; } .focusBanner li a{ display:block; height:450px; } .focusBanner .con{ display:none; } .focusBanner .hd{ height: 82px; position:absolute; left:50%; margin-left:-600px; bottom: 30px; overflow:hidden; width:1200px; } .focusBanner .hd li{ padding:10px; float:left; margin-right:15px; background:#666; background:rgba(0,0,0,.5); } .focusBanner .hd li img{ width:180px; height:60px; border:1px solid #fff; } .focusBanner .hd .title{ display:none; } .focusBanner .hd .on{ background:#3269B8; background: rgba(50,105,184,0.8) } #Situation{ width:825px; float:left; } #Leader{ width:340px; float:right; } .leader li{ overflow:hidden } .leader .pic{ float:left; margin-right:20px; } .leader .pic img{ width:100px; height:auto; } .leader .con{ overflow:hidden; } .leader .con .title{ font-size:18px; } .leader .con .intro{ line-height:px; color:#666; height:140px; overflow:hidden; } #rowB{ margin-bottom:0 } #rowB .box{ width:280px; float:left; margin-right:26px; } #rowB #Tourism{ margin-right:0; float:right; } #rowB .hd{ background:#399CC7; height:42px; line-height:42px; border-bottom:0; } #rowB .bd{ padding:0; background:#F3F3F3 } #rowB .list li{ height:28px; line-height:28px; } #rowB .list{ padding:10px; overflow:hidden; height:112px; } #rowB .list a{ padding-left:15px; background: url("/wwwxcwgysjcom/Content/Main/English/img/icons.png") 0 -73px no-repeat; color:#3269B8; font-size:15px; font-weight:bold; } #Tourism .list{ margin-right:-60px; } #Tourism .list li{ float:left; width:160px; } #Planning .hd{ background:#32B89A } #Investment .hd{ background:#DAAE51 } #Tourism .hd{ background:#9B77D5 } .nodeIntro{ overflow:hidden; color:#666; line-height:30px; height:180px; position:relative; } .nodeIntro .pic{ float:left; margin:0 20px 0 0; } .nodeIntro .pic img{ padding:2px; border:1px solid #ddd; } .nodeIntro .more{ color:#f00; position:absolute; right:0; bottom:0; } .nodeIntro .intro{ }