/* ------自定顶部导航义超链接------- */
.a01{
	color:#ffffff;  /* 正常状态下的颜色 */
	text-decoration: none; /* 移除下划线 */
	/* border:solid 1px;   边框   */   
    padding: 0.4em 1em;
    color: #ffffff;
    /*background: #ffcc00;                 超链接背景颜色*/
    /* border-color: #fff#aaa#aaa#fff;     上边,右边,下边,左边框颜色*/
	/*border-top-left-radius: 5px;         左上角 */
	/*border-top-right-radius: 5px;        右上角 */
	/*border-bottom-right-radius: 5px; /* 右下角 */
	/*border-bottom-left-radius: 5px;  /* 左下角 */
    zoom: 1;                           /*解决IE浏览器无法显示问题*/
    }


.a01:hover{
	color:#ffffff;    /* 鼠标悬停时的颜色 */
	text-decoration: underline 3px; /* 鼠标悬停时添加下划线，并指定样式为点状 */
}



.a01:visited {
    color: #ffffff; /* 访问过的链接颜色 */
}



 /* -------自定义产品展示超链接-------- */
.a02:link{
	color:#000000;                        /*    正常状态下的颜色 */
	text-decoration: none;                /*    移除下划线 */
	border: solid 1px;                    /*    边框   */  
    padding: 0.5em 1em;                   /*    块大小,高,宽  */  
    background: #ffcc00;                  /*    超链接背景颜色*/
    border-color: #fff#aaa#aaa#fff;       /*    上边,右边,下边,左边框颜色 */
	border-top-left-radius: 5px;          /*    左上角  */
	/*border-top-right-radius: 5px;       /*    右上角  */
	/*border-bottom-right-radius: 5px;    /*    右下角  */
	border-bottom-left-radius: 5px;       /*    左下角  */
    zoom: 1;                              /*    解决IE浏览器无法显示问题*/
    }


.a02:hover{
	color:#ffffff;                        /* 鼠标悬停时的颜色 */
	text-decoration: underline 3px;       /* 鼠标悬停时添加下划线，underline dotted为点状 */
}

.a02:visited {
    color: #000000;                       /* 访问过的链接颜色 */
}



.a03{
text-decoration: none; /* 移除下划线 */
}

.a03:visited {
    color: #000000;                       /* 访问过的链接颜色 */
}


 /* 自定义顶部导航菜单 */
.top00{
	width:150px;
	overflow: hidden;
    list-style-type: none;
    margin: 0;
	float: left;
	text-align: center;
	padding: 10px;
	font-size:16px;
	text-decoration: none;

}

.top01{
	width:120px;
	overflow: hidden;
    list-style-type: none;
    margin: 0;
	float: left;
	text-align: left;
	padding: 5px;
	font-size:16px;
	text-decoration: none;

}



#left01{                              /* 佛山市尔创五金弹簧有限公司  */
	width: 500px;
	padding-left: 55px;
	color:#3498db;
	font-size:28px;
	font-weight:bold;
}

#left02{                              /* 英文公司名  */
	height:30px; 
	line-height:30px;                /* 文字垂直居中*/
	padding-left: 80px;
	color:#3498db;
	font-size:14px;
	font-weight:bold;
}

.hr01{
    width: 80px; /* 宽度 */
    height: 2px; /* 高度 */
    background-color: #ffffff; /* 颜色 */
    border: none; /* 移除默认边框 */	
}


#left03{                              /* 质量第一 */
	color:#ffffff;
	font-size:18px;
	font-weight:bold;
}


#Right01{         /* 专业进取品质服务 */
	height:30px; 
	line-height:30px;              /* 文字垂直居中*/
	padding-right: 50px;
	color:#3498db;
	font-size:16px;
	font-weight:bold;
}

#img01{             /* 图片 */
	
}


#Right02{         /* 压缩弹簧 */
	color:#ffcc00;
	padding-left:50px;
	font-size:16px;
	font-weight:bold;

}

#Right03{         /* 拉伸弹簧 */
	color:#ffcc00;
	padding-left:80px;
	font-size:16px;
	font-weight:bold;

}

#Right04{         /* 涡卷弹簧 */
	color:#ffcc00;
	padding-left:110px;
	font-size:16px;
	font-weight:bold;

}

#Right05{         /* 扭转弹簧 */
	color:#ffcc00;
	padding-left:80px;
	font-size:16px;
	font-weight:bold;

}


#Right06{         /* 异型弹簧 */
	color:#ffcc00;
	padding-left:50px;
	font-size:16px;
	font-weight:bold;

}



#Right07{         /* 2025 */
	color:#000000;
	padding-right: 40px;
	font-size:20px;
	font-weight:bold;
	text-align:right;

}


#Right08{         /* 尔创五金弹簧有限公司 */
	color:#000000;
	padding-right:40px;
	font-size:28px;
	font-weight:bold;
	text-align:right;
}

#Right09{         /* 专注各类弹簧制造 */
	color:#000000;
	padding-right: 40px;
	font-size:16px;
	text-align:right;
}

.JB{             /* 渐变色 */
	background:linear-gradient(to right, #3498db 85%, #ffffff);
	
}

.img02{
	height:100%
}

#dibu{

}


#LeftC01{
	color:#aaaaaa;
	padding-left:50px;
	font-size:48px;
	font-weight:bold;
}

#RightC01{
	color:#aaaaaa;
	padding-left:50px;
	font-size:12px;
	font-weight:bold;
}


#RightC02{
	color:#3498db;
	padding-left:50px;
	font-size:12px;
	font-weight:bold;
}


/*   弹簧产品展示布局   */
.container {   /* 定义div最大宽度  */
	max-width: 1080px;
	margin: 0 auto;
} 


.products-grid {              /*  卡片布局 */
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 25px;
} 

.product-card {       /*  卡片大小 */
	background: white;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
} 

.product-card:hover {     /*  卡片动态 */
	transform: translateY(-5px);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}
        
.product-image {       /*  卡片图片 */
	width: 100%;
	height: 200px;
	object-fit: cover;
	border-bottom: 1px solid #eee;
}
        
.product-info {
	padding: 20px;
}
        
.product-title {
	font-size: 1.4rem;
	color: #2c3e50;
	margin-bottom: 10px;
}
        
.product-price {
	color: #e74c3c;
	font-size: 1.3rem;
	font-weight: bold;
	margin-bottom: 15px;
}
        
.product-params {
	margin-bottom: 15px;
}
        
.param {
	display: flex;
	justify-content: space-between;
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: 1px dashed #eee;
}
        
.param-name {
	color: #7f8c8d;
}
        
.param-value {
	font-weight: 500;
	color: #2c3e50;
}
        
.product-description {
	color: #34495e;
	font-size: 0.95rem;
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #eee;
}