@charset "utf-8";

/*注意修改下列参数*/

/*按钮效果*/
ul {
	list-style-type: none;
	text-align: left;
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
li {
	text-align: left;
	margin: 0px;
	padding: 0px;
}

/*图片排列*/
/* 图片排列容器 */
.first-screen-mid {
    WIDTH: 440px;
}

.flash-list {
    OVERFLOW: hidden; 
    WIDTH: 440px; 
    POSITION: relative; 
    HEIGHT: 214px;
}

/* 核心修改点：强制内部横向排列 */
.slider {
    POSITION: absolute;
    LEFT: 0;
    TOP: 0;
    /* 必须设置足够大的宽度，确保所有图片能排成一排 */
    WIDTH: 5000px; 
    MARGIN: 0;
    PADDING: 0;
}

.slider LI {
    FLOAT: left;        /* 必须：让图片向左对齐排成一排 */
    WIDTH: 440px;       /* 必须：宽度与容器一致 */
    HEIGHT: 214px;      /* 必须：高度与容器一致 */
    LIST-STYLE: none;   /* 去掉圆点 */
    MARGIN: 0;
    PADDING: 0;
}

/* 控制图片高度和宽度 */
.slider IMG {
    DISPLAY: block; 
    WIDTH: 440px; 
    HEIGHT: 214px;
    BORDER: 0;
}

/* 数字按钮样式保持不变 */
.flash-list .num {
    RIGHT: 5px; 
    BOTTOM: 5px; 
    POSITION: absolute;
    Z-INDEX: 10; /* 确保按钮在图片上方 */
}
/* ... 你原来的 .num LI 样式 ... */

/*调那个小图框的样式边框和背景*/
.flash-list .num LI {
	BORDER-RIGHT: #EE3800 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #EE3800 1px solid; PADDING-LEFT: 4px; BACKGROUND: #fff; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 2px 5px 0px 0px; BORDER-LEFT: #EE3800 1px solid; CURSOR: pointer; COLOR: #EE3800; LINE-HEIGHT: 18px; PADDING-TOP: 0px; BORDER-BOTTOM: #EE3800 1px solid; HEIGHT: 16px
}
.flash-list .num LI.on {
	BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; MARGIN: 0px 5px 0px 0px; BORDER-LEFT: #fff 1px solid; WIDTH: 18px; COLOR: #fff; LINE-HEIGHT: 22px; PADDING-TOP: 0px; BORDER-BOTTOM: #fff 1px solid; HEIGHT: 18px; BACKGROUND-COLOR: #880000; TEXT-ALIGN: center
}
.slider {
	POSITION: absolute
}
.slider LI {
	DISPLAY: inline
}
/*控制图片高度和宽度*/
.slider IMG {
	DISPLAY: block; WIDTH: 440px; HEIGHT: 214px
}

/* 1. 友情链接基础样式 */
.friends_links a {
    display: inline-block;
    padding: 5px 10px;
    margin: 5px;
    color: #666;             /* 默认文字颜色 */
    text-decoration: none;   /* 去掉下划线 */
    border: 1px solid #ddd;  /* 默认边框 */
    transition: all 0.3s;    /* 增加平滑过渡效果，看起来更高级 */
    background-color: #f9f9f9;
}

/* 2. 鼠标掠过时的突出变色效果 */
.friends_links a:hover {
    color: #fff;             /* 文字变白色 */
    background-color: #EE3800; /* 背景变红（和你幻灯片按钮颜色统一） */
    border-color: #EE3800;   /* 边框变红 */
    transform: translateY(-2px); /* 轻轻向上浮动一下 */
    box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* 增加一点阴影感 */
}