#nav_out{
	height: 40px;
	width: 100%;
	background: pink;
	position: fixed;
	top: 0;
	left: 0;
	box-shadow: 0 0 2px;
}
#nav_out .nav{
	width: 1000px;
	height: 40px;
	line-height: 40px;
	margin: 0 auto;
}
#nav_out .nav ul li{
	padding: 0 20px;
	height: 40px;
	float: left;
	transition: all 0.5s;
}
#nav_out .nav ul li a{
	color: #3e3e3e;
	text-decoration: none;
}
#nav_out .nav ul li:hover{
	transform: rotate(360deg);
}
*{margin:0;padding:0;list-style:none;border:0}
body{background:#ccc;font-family:"微软雅黑";font-size:12px}
:focus{outline:0}
#banner{width:1170px;height:300px;padding:0px;background:#fff;margin:15px auto 15px}
.box{width:1170px;height:300px;overflow:hidden;position:relative}
.box .pic{height:300px;overflow:hidden;position:absolute;top:0;left:0}
.box .pic li{width:1170px;height:300px;float:left}
.box .pic li img{display:block;width:1170px;height:300px}
.box .dian{width:100px;height:16px;position:absolute;right:10px;bottom:10px;z-index:99;overflow:hidden}
.box .dian li{float:left;width:12px;height:12px;background:#fff;border-radius:20px;margin-left:10px;cursor:pointer;margin-top:2px}
.box .dian .current{height:12px;width:12px;border:2px solid green;margin-top:0}
.left{width:45px;height:42px;background:url(/img/arrows-48-48-3.png) no-repeat -4px -51px;position:absolute;z-index:99;top:140px;left:0;cursor:pointer;transition:all .2s}
.right{width:45px;height:42px;background:url(/img/arrows-48-48-3.png) no-repeat -51px -51px;position:absolute;z-index:99;top:140px;right:0;cursor:pointer;transition:all .2s}
.left:hover{background-position:-4px -3px}
.right:hover{background-position:-51px -3px}