/*html,body {background-color:#fff;font-size: 12px;FONT-FAMILY: "宋体",tahoma,arial;text-align:center;padding:0;margin:0 0 0 0;float:center;
SCROLLBAR-HIGHLIGHT-COLOR: buttonface; SCROLLBAR-SHADOW-COLOR: buttonface; SCROLLBAR-3DLIGHT-COLOR: buttonhighlight; SCROLLBAR-TRACK-COLOR: #eeeeee; 
SCROLLBAR-DARKSHADOW-COLOR: buttonshadow;WIDTH: expression((documentElement.clientWidth < 1000) ? "1000px":"auto"); min-width: 100%;}*/
/* 正确解决方案 */
html, body {
    height: 100%;  /* 先设置html为100%视口高度 */
    font-size: 12px;
    font-family: "宋体",tahoma,arial;
    padding:0;margin:0 0 0 0;
}
li{list-style:none;}


.box{
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	/*background-color: #540;	*/
    display: flex;
    flex-direction: column;
    /* 新增：垂直和水平居中 */
    justify-content: center;    /* 垂直居中（因为flex-direction: column） */
    align-items: center;        /* 水平居中 */
}
.box1 {
    position: relative;
    width: 90%;
    height: 66%;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    box-sizing: border-box;
    padding: 10px;
    border-radius: 5px;
    /* 顶对齐设置 */
    align-items: flex-end;  /* flex-start;垂直方向顶部对齐 */
    justify-content: flex-start; /* 水平方向左对齐 */
    
    /* 确保内容能撑开容器 */
    align-content: flex-end; /* 多行内容顶部对齐 */
    background-image: 
        linear-gradient(rgba(13, 122, 223, 0.4), rgba(34, 157, 5, 0.3)), 
        url('newindex.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.box1_link {
    text-decoration: none;
    color: inherit;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* 水平居中 */
    align-items: center;
}
/* 每个项目的样式 */
.box1_item {
    width: calc((100% - 40px) / 5); /* 计算每个item的宽度，考虑padding和gap */
    height: 124px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* 水平居中 */
    align-items: center;
    border-right: 1px solid #6a5c5c;
    transition: all 0.3s ease;
    flex-shrink: 0; /* 防止收缩 */
    cursor: pointer;
    border-radius: 5px;
    background-color: rgba(52, 152, 219, 0.98);
    color:white;
    opacity: 0.8;
    user-select: none;
    padding:4px;
    box-sizing: border-box;
}
.box1_item:active {
    background-color: #0d3b66;
    transform: translateY(1px);
}
.box1_item:hover {
    background-color: #094782;
    transition: background 0.3s ease-in-out;
}

.item1{
	width:100%;
	height:30px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}
.item2{
	width:100%;
	height:30px;
	text-align: center;
	font-size: 14px;

}

.box2{
	position: relative;
	float: center;
	width: 90%;
	height: 10%;
	text-align: center;
	line-height: 20px;
	margin-top: 10px;
}