/* 产品/方案详情页底部推荐：浅底白卡版 */
.wq-a.wq-a--rec{padding-top:.86rem;padding-bottom:.92rem;background-color:#f6f9fb;background-image:none;border-top:1px solid #e8eff4;}
.wq-a--rec .wq-main{width:14rem;margin:0 auto;}
.wq-a--rec .wq-top{width:100%;margin-bottom:.4rem;text-align:center;}
.wq-a--rec h2.wq-titles{width:100%;margin:0;font-size:clamp(24px,.34rem,34px);font-weight:700;line-height:1.25;letter-spacing:-.002em;color:#14232e;text-align:center;}
.wq-a--rec .wq-cont{width:100%;position:relative;padding:0;}
.wq-a--rec .wq-b{overflow:hidden;padding:.1rem 0;margin-top:-.1rem;margin-bottom:-.1rem;}
.wq-a--rec .swiper-wrapper{display:flex;flex-wrap:nowrap;}
.wq-a--rec .wq-item{display:block;flex:0 0 auto;width:3.32rem;margin-right:.24rem;background:#fff;border:1px solid #e3ebf3;border-radius:14px;overflow:hidden;box-sizing:border-box;transition:transform .36s cubic-bezier(.2,.8,.2,1),border-color .36s ease;}
.wq-a--rec .wq-item:last-child{margin-right:0;}
.wq-a--rec .wq-link{display:block;width:100%;height:100%;background:#fff;cursor:pointer;}
.wq-a--rec .wq-img{width:100%;padding-top:62.5%;overflow:hidden;background:#eef2f6;}
.wq-a--rec .wq-img:after{display:none;}
.wq-a--rec .wq-img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transform:scale(1);transition:transform .7s cubic-bezier(.2,.8,.2,1);}
.wq-a--rec .wq-text{position:static;top:auto;left:auto;transform:none;width:100%;max-height:none;overflow:visible;padding:20px;text-align:left;box-sizing:border-box;}
.wq-a--rec h3.wq-name{width:100%;margin:0;color:#1c2b36;font-size:clamp(15px,.17rem,17px);font-weight:600;line-height:1.5;height:3em;max-height:3em;overflow:hidden;text-align:left;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;transition:color .3s ease;}
.wq-a--rec .wq-more{display:flex;align-items:center;gap:7px;margin-top:13px;font-size:12.5px;line-height:1;color:#7c8d9a;transition:color .3s ease;}
.wq-a--rec .wq-more i{display:block;width:7px;height:7px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);margin-left:-1px;transition:transform .3s ease;}
.wq-a--rec .wq-item:hover{transform:translateY(-4px);border-color:#cddfec;}
.wq-a--rec .wq-item:hover .wq-img img{transform:scale(1.05);}
.wq-a--rec .wq-item:hover h3.wq-name{color:#0b70a1;}
.wq-a--rec .wq-item:hover .wq-more{color:#0b70a1;}
.wq-a--rec .wq-item:hover .wq-more i{transform:rotate(45deg) translateX(3px);}
.wq-a--rec .wq-prev,.wq-a--rec .wq-next{position:absolute;top:50%;width:clamp(36px,.44rem,44px);height:clamp(36px,.44rem,44px);padding:0;margin:0;background-color:#fff;background-image:none;border:1px solid #dbe7ef;border-radius:50%;box-shadow:0 .06rem .2rem rgba(16,42,67,.14);display:flex;align-items:center;justify-content:center;z-index:3;font-size:0;line-height:0;transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease;}
.wq-a--rec .wq-prev{left:calc(-1*(clamp(36px,.44rem,44px) + 16px));right:auto;transform:translateY(-50%);}
.wq-a--rec .wq-next{left:auto;right:calc(-1*(clamp(36px,.44rem,44px) + 16px));transform:translateY(-50%);}
.wq-a--rec .wq-prev:before,.wq-a--rec .wq-next:before{content:'';width:8px;height:8px;border-top:2px solid #74899a;border-right:2px solid #74899a;display:block;transition:border-color .25s ease;}
.wq-a--rec .wq-prev:before{transform:rotate(-135deg);margin-left:2px;}
.wq-a--rec .wq-next:before{transform:rotate(45deg);margin-left:-2px;}
.wq-a--rec .wq-prev:hover,.wq-a--rec .wq-next:hover{background-color:#0b70a1;border-color:#0b70a1;box-shadow:0 .08rem .24rem rgba(11,112,161,.32);}
.wq-a--rec .wq-prev:hover:before,.wq-a--rec .wq-next:hover:before{border-color:#fff;}
.wq-a--rec .wq-prev.swiper-button-disabled,.wq-a--rec .wq-next.swiper-button-disabled{opacity:0;pointer-events:none;}
@media (max-width:900px){
  .wq-a.wq-a--rec{padding-top:46px;padding-bottom:50px;}
  .wq-a--rec .wq-main{width:auto;max-width:none;margin:0 18px;padding-left:0;padding-right:0;}
  .wq-a--rec .wq-top{margin-bottom:24px;}
  .wq-a--rec h2.wq-titles{font-size:24px;text-align:center;}
  .wq-a--rec .wq-cont{padding:0;}
  .wq-a--rec .wq-item{width:78%;margin-right:14px;}
  .wq-a--rec .wq-text{padding:14px 16px 16px;}
  .wq-a--rec h3.wq-name{font-size:15.5px;height:auto;min-height:0;}
  .wq-a--rec .wq-more{margin-top:10px;font-size:12px;}
  .wq-a--rec .wq-prev,.wq-a--rec .wq-next{display:none;}
}