#page-wrap{width:1100px;margin:20px auto} h1{font:bold 40px Sans-Serif;margin:0 0 20px 0} /* Generic Utility */ .hide{position:absolute;top:-9999px;left:-9999px} /* Specific to example one */ #example-one{padding:10px;margin:0 0 20px 0;} #example-one .nav{overflow:hidden;margin:0 0 10px 0} #example-one .nav li{width:150px; height:200px;float:left; margin:15px;border-radius:50%; text-align:center} #example-one .nav li p{ font-size:16px; line-height:28px; padding-top:10px;} #example-one .nav li.last{margin-right:0} #example-one .nav li a{display:block;padding:2px;border:0} #example-one .nav li a:hover{width:150px; height:150px;border-radius:50%; color:#f18101; display:block} #example-one ul {list-style:none} #example-one ul li a{ float:left; margin:10px} #example-one ul li.nav-one a.current a:hover{} #example-one ul li:last-child a{border:none} #example-one ul#yumi li a{ float:left; margin:10px} #example-one ul#yumi li a:hover{ background:#f18101; color:#FFF} #example-one ul#yumi li span{ width:328px; display:block; font-size:16px; padding:5px;} #example-one ul#yumi li p{ width:328px;padding:5px;} #example-one ul li.nav-one a:hover{border:#f18101 5px solid;border-radius:50%; width:150px; height:150px;} #example-one ul li.nav-two a:hover{border:#f18101 5px solid;border-radius:50%; width:150px; height:150px;} #example-one ul li.nav-three a:hover{border:#f18101 5px solid;border-radius:50%; width:150px; height:150px;} #example-one ul li.nav-four a:hover{border:#f18101 5px solid;border-radius:50%; width:150px; height:150px;} #example-one ul li.nav-five a:hover{border:#f18101 5px solid;border-radius:50%; width:150px; height:150px;} #example-one ul li.nav-six a:hover{border:#f18101 5px solid;border-radius:50%; width:150px; height:150px;} #example-one ul#dadou li a{ float:left; margin:10px} #example-one ul#dadou li a:hover{ background:#f18101; color:#FFF} #example-one ul#dadou li span{ width:328px; display:block; font-size:16px; padding:5px;} #example-one ul#dadou li p{ width:328px;padding:5px;} #example-one ul#shuidao li a{ float:left; margin:10px} #example-one ul#shuidao li a:hover{ background:#f18101; color:#FFF} #example-one ul#shuidao li span{ width:328px; display:block; font-size:16px; padding:5px;} #example-one ul#shuidao li p{ width:328px;padding:5px;} #example-one ul#xiaomai li a{ float:left; margin:10px} #example-one ul#xiaomai li a:hover{ background:#f18101; color:#FFF} #example-one ul#xiaomai li span{ width:328px; display:block; font-size:16px; padding:5px;} #example-one ul#xiaomai li p{ width:328px;padding:5px;} #example-one ul#tiancai li a{ float:left; margin:10px} #example-one ul#tiancai li a:hover{ background:#f18101; color:#FFF} #example-one ul#tiancai li span{ width:328px; display:block; font-size:16px; padding:5px;} #example-one ul#tiancai li p{ width:328px;padding:5px;} #example-one ul#qita li a{ float:left; margin:10px} #example-one ul#qita li a:hover{ background:#f18101; color:#FFF} #example-one ul#qita li span{ width:328px; display:block; font-size:16px; padding:5px;} #example-one ul#qita li p{ width:328px;padding:5px;} .cpzx_page{ text-align:center; padding:20px; line-height:30px;}