.scrollbox{ position: relative; width: 100%; }
.scrollbox .nav{ position: absolute; width: 100%; top: 22%; text-align: center; }
.scrollbox .nav li{ display: inline-block; *display: inline; *zoom:1;  width: 12.6%; margin:0 1%; cursor:pointer; position: relative;}
.scrollbox .nav li .g{ background:url(http://www.ci123.com/special/zongjie/g.png) no-repeat; width: 50%; height: 50px; position: absolute;   
 top: -64%;left: -16%;background-size: 100% auto; display: none; }
.scrollbox .nav li.on .g{ display: block; }
.scrollbox .sbox{ position: absolute; top: 26%; }
.scrollbox .sleft{position: absolute; top: 40%; left: 2%; width: 11%; z-index: 2; cursor: pointer;}
.scrollbox .sright{position: absolute; top: 40%; right: 2%; width: 11%; z-index: 2; cursor: pointer;}
.scrollbox .scroll{ position: absolute; top: 8%; width: 80%; left: 50%; margin-left: -40%; overflow: hidden; }
.scrollbox .scroll li{ position:relative; float: left; display: inline;}