#banner {
height:300px;
}
#banner .ban_c img {
position:absolute;
width:500px;
left:50%;
margin-left:-300px;
top:0;
}
#banner .ban_nav {
display:none;
}
#banner .Left,#banner .Right {
position:absolute;
width:38px;
height:38px;
background:url(http://www.jq22.com/tp/45bff0e3-6db8-424d-8827-31bb8055d946.gif) no-repeat #aaa;
right:60%;
bottom:15px;
}
#banner .Left {
margin-right:-450px;
background-position:5px 0
}
#banner .Right {
margin-right:-490px;
background-position:-33px 0;
background-color:#e6292f;
}
.bann_ext {
position:relative;
}
.frontCover {
position:absolute;
top:-120px;
padding:0 0 16px;
border-bottom:5px solid #de0000;
}
.frontCover li {
float:left;
width:82px;
padding:3px;
background:#000;
color:#fff;
overflow:hidden;
margin-right:10px;
cursor:pointer;
}
.frontCover p {
text-align:center;
height:14px;
line-height:18px;
overflow:hidden;
}
.frontCover .img {
position:relative;
height:50px;
overflow:hidden;
}
.frontCover img {
position:absolute;
width:192px;
height:50px;
left:-50px;
}
.frontCover .open {
background:#e60013;
}
.wrap {
width:600px;
margin-left:auto;
margin-right:auto;
}
/*幻灯片(组件)*/
.slide {
position:relative;
width:100%;
}
.ban_c {
display:none;
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
overflow:hidden;
}
.ban_c img {
width:100%;
height:100%;
}
.ban_t {
position:absolute;
left:0;
bottom:0;
width:100%;
padding:4px 0;
text-indent:10px;
white-space:nowrap;
overflow:hidden;
color:#fff;
background:rgba(0,0,0,.5);
filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#88000000,endcolorstr=#88000000);
z-index:3;
}
.ban_nav {
position:absolute;
bottom:0;
left:0;
width:100%;
text-align:right;
z-index:4;
}
.ban_nav a {
display:inline-block;
vertical-align:middle;
width:14px;
height:14px;
line-height:14px;
overflow:hidden;
text-align:center;
margin-right:8px;
cursor:pointer;
text-decoration:none;
font-size:10px;
-webkit-text-size-adjust:none;
background:#ccc;
}
.ban_nav .on {
background:#f90;
color:#fff;
}
.Left,.Right {
cursor:pointer;
}