/* ����������ͷ�� www.datouwang.com */
 *{margin:0px;padding:0px;}
 #nav{width:100px;height:300px;margin:10px;perspective:400px;float:left;margin-left:100px;}
 #nav p{height:40px;width:200px;font-size:18px;font-family:"΢���ź�";text-align:center;line-height:40px;}
 #nav ul li{width:200px;height:40px;list-style:none;position:relative;transform-style:preserve-3d;transition:0.5s;
 	display:block;margin:1px;cursor:pointer;}
 #nav ul li:hover{transform:translateZ(30px) rotateX(360deg) scale(1.1);}
 #nav ul li div:nth-child(1){height:40px;width:200px;background:#399BEC;}
 #nav ul li div p{font-size:16px;font-family:"΢���ź�";text-align:center;line-height:40px;}

#nav1{width:100px;height:300px;margin:10px;perspective:400px;float:left;margin-left:100px;}
#nav1 p{height:40px;width:200px;font-size:18px;font-family:"΢���ź�";text-align:center;line-height:40px;}
#nav1 ul li{width:200px;height:40px;list-style:none;position:relative;transform-style:preserve-3d;transition:0.5s;
 display:block;margin:1px;cursor:pointer;}
#nav1 ul li:hover{transform:translateZ(30px) rotateX(360deg) scale(1.1);}
#nav1 ul li div:nth-child(1){height:40px;width:200px;background:#399BEC;}
#nav1 ul li div p{font-size:16px;font-family:"΢���ź�";text-align:center;line-height:40px;}

#nav2{width:100px;height:300px;margin:10px;perspective:400px;float:left;margin-left:100px;}
#nav2 p{height:40px;width:200px;font-size:18px;font-family:"΢���ź�";text-align:center;line-height:40px;}
#nav2 ul li{width:200px;height:40px;list-style:none;position:relative;transform-style:preserve-3d;transition:0.5s;
 display:block;margin:1px;cursor:pointer;}
#nav2 ul li:hover{transform:translateZ(30px) rotateX(360deg) scale(1.1);}
#nav2 ul li div:nth-child(1){height:40px;width:200px;background:#399BEC;}
#nav2 ul li div p{font-size:16px;font-family:"΢���ź�";text-align:center;line-height:40px;}