nav {
	width: 100%;
	min-width: 1400px;
	height: 55px;
	background: #e65f00;
	line-height: 45px;
}

nav .w1400 {
	width:1400px;
	line-height: 55px;
	position: relative
}

nav .w1000 span {
	display: none
}

nav .w1000 a {
	color: #fff;
	margin: 0 45px 0 4px;
	font-size: 18px;
}
nav .w1000 .selectList a{color:#444;display:inline-block;padding:5px;}
 
nav span {
	vertical-align: middle
}

nav b.nav_jia {
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url(../images/nav_jia.png) no-repeat;
	vertical-align: middle;
	cursor: pointer;
	position: absolute;
	z-index: 100;
	right: 10px;
	top: 20px;
}

nav .nav_custom {
	width: 1400px;
	height: 200px;
	position: absolute;
	top: 55px;
	left:-1px;
	z-index: 99999;
	background: #f5f5f5;
	border:1px #DDDDDD solid;
	display: none;
	padding-top: 60px;
	padding-left: 50px;
	padding-bottom:20px;
}

nav div {
	margin: 0 auto;
	text-align: left;
	line-height:55px;
}


nav .nav_custom em {
	display: inline-block;
	padding: 3px 13px;
	font-style: normal;
	cursor: pointer;
	margin: 12px 10px 2px 12px;
	color: #333;
	font-size: 14px;
	background: #ffffff;
	position: relative
}

nav .nav_custom em .delimg {
	position: absolute;
	width: 10px;
	height: 10px;
	background: url(../images/close.png) no-repeat;
	display: block;
	top: -4px;
	right: -4px;
	background-size: cover;
	z-index: 500
}

nav .nav_custom em.active {
	background: #e60012;
	color: #fff
}

nav .nav_custom b.queding {
	position: absolute;
	bottom: 18px;
	right: 65px;
	padding: 3px 15px;
	background: #e60012;
	color: #fff
}

nav .nav_custom b {
	position: absolute;
	bottom: 5px;
	right: 10px;
	color: #fff;
	font-weight: normal;
	cursor: pointer
}

nav .nav_custom .del_nav {
	position: absolute;
	top: 205px;
	right: 15px;
	color: #333;
	height: 25px;
	width: 80px;
	line-height: 25px;
	text-align: center;
	font-weight: normal;
	cursor: pointer;
	border: 1px solid #c7c7c7
}

nav .nav_custom .close_nav {
	position: absolute;
	top: 20px;
	right: 15px;
	height: 30px
}

nav .nav_custom .navstatus {
	position: absolute;
	width: 880px;
	z-index: 500;
	top: 25px;
	left: 65px;
	font-size: 14px;
	color: #333;
	height: 20px;
	line-height: 20px;
	display: block
}

nav .nav_custom .navstatus strong {
	font-weight: normal
}

nav .nav_custom .navstatus .error_tip {
	color: #e70012
}

nav .nav_custom .navstatus .tip_n {
	color: #e60012;
	font-weight: bold;
	margin: 0 3px
}

nav .nav_custom .navstatus a {
	float: right;
	color: #333
}

nav .nav_custom .navfh {
	cursor: pointer
}



.move_open {
	-webkit-animation: move_open 1s ease forwards;
	animation: move_open 1s ease forwards
}

@-webkit-keyframes move_open {
	0% {
		-webkit-transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(135deg)
	}
}

@keyframes move_open {
	0% {
		transform: rotate(0deg)
	}

	100% {
		transform: rotate(135deg)
	}
}

.move_qiu {
	-webkit-animation: move_qiu 1s ease forwards;
	animation: move_qiu 1s ease forwards
}

@-webkit-keyframes move_qiu {
	0% {
		-webkit-transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(180deg)
	}
}

@keyframes move_qiu {
	0% {
		transform: rotate(0deg)
	}

	100% {
		transform: rotate(180deg)
	}
}

<div id="slideBox" class="slideBox">
            <div class="hd">
                <ul><li>1<><li>2<><li>3<><li>4<></ul>
            </div>
            <div class="bd">
                <ul>
                {dede:arclist row='3' typeid='轮播图栏目ID'}
                    <li><a href="[field:arcurl/]" target="_blank"><img src="[field:picname/]" /></a><>
                {/dede:arclist}
                </ul>
            </div>

            <!-- 下面是前/后按钮代码，如果不需要删除即可 -->
            <a class="prev" href="javascript:void(0)"></a>
            <a class="next" href="javascript:void(0)"></a>

        </div>

        <script type="text/javascript">
        jQuery(".slideBox").slide({mainCell:".bd ul",autoPlay:true});
        </script>
在CSS文件里添加以下控制轮播图的CSS样式代码。
/* 本例子css */
        .slideBox{ width:100%; height:100%; overflow:hidden; position:relative; border:1px solid #ddd;  }
        .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
        .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
        .slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
        .slideBox .hd ul li.on{ background:#f00; color:#fff; }
        .slideBox .bd{ position:relative; height:100%; z-index:0;   }
        .slideBox .bd li{ zoom:1; vertical-align:middle; }
        .slideBox .bd img{ width:100%; height:100%; display:block;  }

        /* 下面是前/后按钮代码，如果不需要删除即可 */
        .slideBox .prev,
        .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
        .slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
        .slideBox .prev:hover,
        .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
        .slideBox .prevStop{ display:none;  }
        .slideBox .nextStop{ display:none;  }