﻿#banner * {
    margin: 0;
    padding: 0;
}
/* 新增 - 为banner容器本身添加顶部偏移 */
#banner {
    margin-top: 20px;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    zoom: 1;
}

ul, li {
    list-style: none;
}

img {
    border: 0;
}

.wrapper {
    width: 1100px; /* 改为1100px */
    margin: 0 auto;
    padding-bottom: 50px;
}

/* focus */
#focus {
    width: 1100px; /* 改为1100px */
    height: 300px;
    overflow: hidden;
    position: relative;
}

    #focus ul {
        height: 300px;
        position: absolute;
    }

        #focus ul li {
            float: left;
            width: 1100px; /* 改为1100px */
            height: 300px;
            overflow: hidden;
            position: relative;
            background: #000;
        }

            #focus ul li div {
                position: absolute;
                overflow: hidden;
            }

    #focus .btnBg {
        position: absolute;
        width: 1100px; /* 改为1100px */
        height: 20px;
        left: 0;
        bottom: 0;
        background: #000;
    }

    #focus .btn {
        position: absolute;
        width: 1080px; /* 改为1080px (1100 - 20) */
        height: 10px;
        padding: 5px 10px;
        right: 0;
        bottom: 0;
        text-align: right;
    }

        #focus .btn span {
            display: inline-block;
            _display: inline;
            _zoom: 1;
            width: 25px;
            height: 10px;
            _font-size: 0;
            margin-left: 5px;
            cursor: pointer;
            background: #fff;
        }

            #focus .btn span.on {
                background: #fff;
            }

    #focus .preNext {
        width: 45px;
        height: 100px;
        position: absolute;
        top: 100px; /* 改为100px ((300-100)/2 = 100) 垂直居中 */
        background: url(../images/sprite.png) no-repeat 0 0;
        cursor: pointer;
    }

    #focus .pre {
        left: 0;
    }

    #focus .next {
        right: 0;
        background-position: right top;
    }

    /* 可选：为图片添加自适应样式 */
    #focus ul li img {
        width: 100%;
        height: 100%;
        object-fit: cover; /* 保持图片比例并覆盖整个区域 */
    }
