/*以下是头部*/
			.header-box{
				width:100%;
				height:100px;
				background:url("../img/topleft.png") #aa1e1e ;
				background-size:contain;
			}
			.header-con img{
				width:398px;
				height:68px;
				margin-left:110px;
				margin-top:16px;
			}
			.header-con{
				width:100%;
				max-width:1366px;
				height:100px;
				margin: 0 auto;
			}
			/*以下是导航*/
			.nav-box{
				width:100%;
				height:60px;
				background:#ffffff;
				border-bottom: 1px solid #CCCCCC;
			}
			.nav-con{
				width:100%;
				max-width:1260px;
				height:40px;
				margin:0 auto;
				display: flex;
				justify-content: center;
			}
			.nav-ul{
				width:100%;
				height:40px;
				padding: 10px 0;
				display: flex;
				flex-wrap: nowrap;
				justify-content: space-between;
			}
			.nav-ul li{
				flex: 1;
				min-width: 80px;
				max-width: 146px;
				height:40px;
				border-right:1px solid #e1e1e1;
			}
			.nav-ul li:last-child {
				border-right: none;
			}
			.nav-ul li a{
				width:100%;
				height:40px;
				text-align: center;
				line-height: 40px;
				font-size: clamp(1em, 1.5vw, 2em);
				color:#666666;
				display: block;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
			}
			.nav-ul li a:hover{
				color:#cd0202;
			}

/* 响应式调整 */
@media screen and (max-width: 768px) {
    .header-con img {
        width: 300px;
        height: auto;
        margin-left: 20px;
    }
    
    .nav-ul li a {
        font-size: clamp(0.8em, 1vw, 1.5em);
    }
}

@media screen and (max-width: 480px) {
    .header-box {
        height: 80px;
    }
    
    .header-con {
        height: 80px;
    }
    
    .header-con img {
        width: 250px;
        margin-top: 10px;
    }
    
    .nav-ul li {
        min-width: 60px;
    }
}