/* ==========================================================================
   产品展示列表页样式（浅蓝大气版）
   ========================================================================== */

.imagelist{padding:54px 0 70px; background:#f5f9ff;}
.imagelist dir{margin-top:46px;}
.imagelist-head{display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:26px;}
.imagelist-title h2{font-size:30px; color:#0b2545; font-weight:bold; padding-left:14px; position:relative;}
.imagelist-title h2:before{content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:5px; height:26px; border-radius:3px; background:linear-gradient(180deg,#0066cc,#3498db);}
.imagelist-title p{font-size:14px; color:#999; margin-top:10px; padding-left:14px;}
.imagelist-count{font-size:14px; color:#666; background:#fff; border:1px solid #e5ecf5; border-radius:30px; padding:8px 20px;}
.imagelist-count b{color:#0066cc;}

.imagelist-content{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:18px;}
.imagelist-item{min-width:0;}
.imagelist-item>a{display:flex; gap:16px; background:#fff; border:1px solid #eef4fb; border-radius:14px; padding:20px; height:100%; transition:all .35s ease; position:relative; overflow:hidden; min-width:0;}
.imagelist-item>a:before{content:''; position:absolute; left:0; top:0; bottom:0; width:3px; background:linear-gradient(180deg,#0066cc,#3498db); transform:scaleY(0); transition:.35s;}
.imagelist-item>a:hover{transform:translateY(-6px); border-color:#b8d4f0; box-shadow:0 14px 32px rgba(0,102,204,.13);}
.imagelist-item>a:hover:before{transform:scaleY(1);}
.imagelist-icon{flex-shrink:0; width:58px; height:58px; border-radius:14px; background:linear-gradient(135deg,#0066cc,#3498db); display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden; transition:.4s;}
.imagelist-icon i{font-size:24px; color:#fff;}
.imagelist-item>a:hover .imagelist-icon{transform:rotate(-10deg) scale(1.08);}
.imagelist-info{flex:1; min-width:0;}
.imagelist-info h3{font-size:16px; color:#0b2545; font-weight:bold; line-height:1.5; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; transition:color .3s;}
.imagelist-item>a:hover .imagelist-info h3{color:#0066cc;}
.imagelist-info p{font-size:13px; color:#999; margin-top:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.imagelist-info u{display:flex; flex-wrap:wrap; gap:6px 14px; text-decoration:none; margin-top:12px; padding-top:10px; border-top:1px dashed #e5ecf5;}
.imagelist-info u i{font-style:normal; font-size:13px; color:#666;}
.imagelist-info u i:first-child{color:#0066cc; font-weight:bold; font-size:14px;}

@media(max-width:1200px){
  .imagelist-content{grid-template-columns:repeat(2, minmax(0,1fr));}
}
@media(max-width:767px){
  .imagelist{padding:30px 0 34px;}
  .imagelist-head{flex-direction:column; align-items:flex-start; gap:12px;}
  .imagelist-title h2{font-size:24px;}
  .imagelist-content{grid-template-columns:1fr; gap:12px;}
  .imagelist-item>a{padding:14px;}
  .imagelist-icon{width:44px; height:44px; border-radius:10px; font-size:19px;}
  .imagelist-info h3{font-size:15px;}
}

/* 产品列表页搜索栏 */
.product-search-bar{padding:26px 0 0; background:#f5f9ff;}
.product-search-bar form{display:flex; max-width:680px; margin:0 auto; background:#fff; border:2px solid #0066cc; border-radius:36px; overflow:hidden; box-shadow:0 10px 26px rgba(0,102,204,.16);}
.product-search-bar input{flex:1; min-width:0; border:none; height:52px; padding:0 22px; font-size:15px; background:#fff; border-radius:36px 0 0 36px;}
.product-search-bar button{width:150px; border:none; background:linear-gradient(135deg,#0066cc,#3498db); color:#fff; font-size:16px; letter-spacing:3px; cursor:pointer; display:flex; align-items:center; justify-content:center; gap:8px; transition:.3s;}
.product-search-bar button:hover{background:linear-gradient(135deg,#0052a3,#0066cc);}
@media(max-width:767px){
  .product-search-bar{padding:18px 0 0;}
  .product-search-bar input{height:46px; padding:0 14px; font-size:14px;}
  .product-search-bar button{width:112px; font-size:14px; letter-spacing:1px;}
}