@charset "utf-8";

/* ============================================
   装备展示页 - 主样式表
   功能：图片轮播展示
   ============================================ */

/* --- 全局重置 --- */
* {
    margin: 0;
    padding: 0;
}

body, td, th {
    font-size: 14px;
}

body {
    color: #383838;
    font-size: 14px;
    font-family: "微软雅黑", Microsoft YaHei, Arial, Verdana;
    overflow-y: scroll;
    margin: 0;
}

/* --- 链接样式 --- */
a {
    font-size: 14px;
    color: #2b262b;
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
    color: #2b262b;
}

a:hover {
    text-decoration: none;
    color: #775145;
}

a:active {
    text-decoration: none;
    color: #775145;
}

/* --- 列表重置 --- */
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* --- 图片重置 --- */
img {
    border: 0;
}

/* ============================================
   轮播区域样式
   ============================================ */

/* 轮播外层容器 - 背景和整体尺寸 */
.gund {
    margin: 0 auto;
    width: 1800px;
    height: 620px;
    background: url(../images/m5.jpg);
}

/* 轮播主框 - 与外框大小一致 */
#PicShow {
    width: 1800px;
    height: 620px;
    position: relative;
    display: inline;
    margin-left: 20px;
}

/* 滚动区域 - 由 JS 动态生成 .gundong 包裹层 */
#PicShow .gundong {
    width: 1600px;
    position: relative;
}

/* jCarouselLite 容器 - 控制可见区域宽度 */
#PicShow .gundong .jCarouselLite {
    float: left;
    width: 420px;
    overflow: hidden;
}

/* ============================================
   左右箭头按钮
   ============================================ */
#PicShow .move_right,
#PicShow .move_left {
    width: 86px;
    height: 550px;
    position: absolute;
    z-index: 500;
}

/* 箭头图标 - 使用精灵图 */
#PicShow .move_left span,
#PicShow .move_right span {
    width: 86px;
    height: 64px;
    position: absolute;
    top: 50%;
    background: url(../images/arrow.png) no-repeat left top;
}

/* 左箭头定位 */
#PicShow .move_left {
    left: -100px;
}

#PicShow .move_left span {
    background-position: left top;
}

#PicShow .move_left:hover span {
    background-position: left bottom;
}

/* 右箭头定位 */
#PicShow .move_right {
    right: -100px;
}

#PicShow .move_right span {
    background-position: right top;
}

#PicShow .move_right:hover span {
    background-position: right bottom;
}

/* ============================================
   图片列表样式
   ============================================ */

/* 列表容器 */
.PicList {
    float: left;
}

/* 每个图片项 - 控制单个图片的宽度和间距 */
.PicList li {
    float: left;
    width: 800px;
    display: inline;
    margin-right: 10px;
    margin-top: 35px;
}

/* 图片尺寸 */
.PicList li a img {
    width: 800px;
    height: 620px;
}