#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;}