#banner
{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 530px;
}
.slides
{
    margin: 0 auto;
    width: 100%;
    height: 530px;
    overflow: hidden;
    position: relative;
}
.slide-pic
{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 530px;
    overflow: hidden;
    list-style: none;
}
.slide-pic a
{
    display: inline-block;
    width: 100%;
    height: 530px;
    position: absolute;
    top: 0;
}
.slide-pic img
{
    width: 1920px;
    height: 530px;
    margin: 0 auto;
}
.slide-pic li
{
    display: none;
}
.slide-pic li.cur
{
    display: block;
}
.slide-li
{
    width: 100%;
    height: 14px;
    margin: 0;
    padding: 0;
    left: 0;
    bottom: 20px;
    position: absolute;
    text-align: center;
}
.slide-li a
{
    margin: 0 2px;
    width: 14px;
    height: 14px;
    overflow: hidden;
    display: inline-block;
    background: url(../image/bannertt.png) no-repeat right;
}
.slide-li a.cur
{
    background: url(../image/bannertt.png) no-repeat left;
}
.slide-li a:hover
{
    background: url(../image/bannertt.png) no-repeat left;
}
.op
{
    display: none;
}