#public-adv{ width:1200px;  position:relative; margin: 0 auto 15px; border-bottom: 1px solid #DDD; border-top: 1px solid #DDD; }
#public-adv .hd{ overflow: hidden; height: 9px; padding: 0 10px; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: -5px; }
#public-adv .hd .prev,#public-adv .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden; cursor:pointer; background:url("images/arrow.png;vpn_img") no-repeat;}
#public-adv .hd .next{ background-position:0 -50px;  }
#public-adv .hd .prevStop{ background-position:-60px 0; }
#public-adv .hd .nextStop{ background-position:-60px -50px; }
#public-adv .hd ul{ position: absolute; left: 0; right: 0; margin: 0 auto; display: block; background: #FFF; padding: 0 13px 0 20px; }
#public-adv .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../../images/publicAdv/icoCircle.gif;vpn_img") 0 -9px no-repeat; }
#public-adv .hd ul li.on{ background-position:0 0; }
#public-adv .bd ul{ overflow:hidden; zoom:1; padding: 15px 0 !important; }
#public-adv .bd ul li{ margin-right:14px; float:left; _display:inline; overflow:hidden; text-align:center;  }
#public-adv .bd ul li .pic{ text-align:center; }
#public-adv .bd ul li .pic img{ width:388px; height:100px; display:block;  padding:2px;}
#public-adv .bd ul li .pic a:hover img{ border-color:#999;  }
#public-adv .bd ul li .title{ line-height:24px; }
.ui-clear:after{content: '';display: block;clear: both;}
#public-adv .bd{overflow: hidden; }