/*reset*/
body{font-family: "microsoft yahei","微软雅黑";}
body,ul,li,ol,img{margin: 0;padding: 0;}
li{list-style: none;}

body{width: 1307px;height: auto;margin: 0 auto;}
.wrap{margin:0 auto;width:1307px;}
ul#nav{  text-align:right;} 
ul#nav li{display:inline; } 
ul#nav li a{display:inline-block; padding:0 20px; height:40px; line-height:40px;
 color:#FFF; font-family:"\5FAE\8F6F\96C5\9ED1";text-decoration:none; } 
ul#nav li a:hover{background:#0095BB}/*设置鼠标滑过或悬停时变化的背景颜色*/ 

ul#nav1 li{display:inline;float:left;}
ul#nav1 li a{ font-size:24px; color:#000;text-decoration:none;font-family:"\5FAE\8F6F\96C5\9ED1";}
ul#nav1 li a:hover{ color:#0095BB}/*设置鼠标滑过或悬停时变化的背景颜色*/ 

*{ margin:0px; padding: 0px; } 
#nav2 { 
font-family: arial, sans-serif; 
position: relative; 
width: 390px; 
height:56px; 
font-size:14px; 
color:#999; 
margin: 0 auto; 
} 
#nav2 ul { 
list-style-type: none; 
} 
#nav2 ul li { 
float: left 
position: relative; 
} 
#nav2 ul li a { 
text-align: center; 
display:block; 
text-decoration:none; 
color:#000; 
} 
#nav2 ul li ul { 
display: none 
} 
#nav2 ul li:hover ul { 
display: block; 
position: absolute; 
} 
#nav2 ul li:hover ul li a { 
display:block; 
background:#12aeef; 
color:#ffffff; 
width: 150px; 
text-align: center; 
border-bottom: 1px solid #f2f2f2; 
border-right: none; 
} 
#nav2 ul li:hover ul li a:hover { 
background:#6dc7ec; 
color:#fff; 
} 

/*example*/
.example{}
.example ol{position:relative;width: 80px;height: 20px;top:-30px;left:60px;}
.example ol li{float:left;width: 10px;height: 10px;margin: 5px;background: #fff;}
.example ol li.seleted{background: #1AA4CA;}

.example1{}
.example1 ol{position:relative;width: 80px;height: 20px;top:-30px;left:60px;}
.example1 ol li{float:left;width: 10px;height: 10px;margin: 5px;background: #fff;}
.example1 ol li.seleted{background: #1AA4CA;}

.example2{}
.example2 ol{position:relative;width: 80px;height: 20px;top:-30px;left:60px;}
.example2 ol li{float:left;width: 10px;height: 10px;margin: 5px;background: #fff;}
.example2 ol li.seleted{background: #1AA4CA;}