/* home page */

.pc-only{display:block !important}
.mobile-only{display:none !important}
@media (max-width:991px){.pc-only{display:none !important}
.mobile-only{display:block !important}
.mobile-only-inline{display:inline-block !important}
.mobile-only-flex{display:flex !important}
}@media (min-width:992px){.mobile-only,.mobile-only-inline,.mobile-only-flex{display:none !important}
}#heroCarousel{position:relative}
.carousel-item{transition:transform 0.6s ease-in-out}
#heroCarousel .hero-banner{display:flex !important;align-items:center !important;justify-content:center !important;background-size:cover;background-position:center;background-repeat:no-repeat}
#heroCarousel .hero-banner .container{position:static;top:auto;left:auto;transform:none;width:100%}
@media (min-width:992px){#heroCarousel,#heroCarousel .carousel-inner,#heroCarousel .carousel-item,#heroCarousel .hero-banner{height:650px;min-height:650px;max-height:650px}
}@media (max-width:991px){#heroCarousel,#heroCarousel .carousel-inner,#heroCarousel .carousel-item,#heroCarousel .hero-banner{height:500px;min-height:500px;max-height:500px}
}@media (max-width:576px){#heroCarousel,#heroCarousel .carousel-inner,#heroCarousel .carousel-item,#heroCarousel .hero-banner{height:400px;min-height:400px;max-height:400px}
}#heroCarousel .hero-banner{overflow-y:auto}
@media (max-width:991px){#heroCarousel .hero-banner{padding:20px 0}
#heroCarousel .hero-banner .container{padding:20px 15px}
}.hero-banner1{background:linear-gradient(135deg,#0a2463 0%,#1e3a8a 50%,#3e64af 100%)}
.hero-banner2{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%)}
.hero-banner3{background:linear-gradient(135deg,rgba(15,32,39,0.92) 0%,rgba(32,58,67,0.92) 50%,rgba(44,83,100,0.92) 100%),url('../images/service.png') center center / cover no-repeat}
#heroCarousel .display-4{font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem !important}
#heroCarousel .lead{font-size:1.1rem;line-height:1.6;color:rgba(255,255,255,0.95);margin-bottom:2rem}
#heroCarousel h1,#heroCarousel h2,#heroCarousel .lead,#heroCarousel .badge{text-shadow:0 2px 10px rgba(0,0,0,0.15)}
#heroCarousel .bg-white{background:rgba(255,255,255,0.95);border-radius:20px;transition:transform 0.3s ease}
#heroCarousel .bg-white:hover{transform:translateY(-5px)}
#heroCarousel .bg-white img{max-width:100%;height:auto;border-radius:12px}
#heroCarousel .badge.bg-light{background:rgba(255,255,255,0.2) !important;backdrop-filter:blur(10px);color:#fff !important;font-weight:500}
#heroCarousel .fa-check-circle,#heroCarousel .fa-microchip,#heroCarousel .fa-truck{font-size:1.25rem}
.carousel-indicators{bottom:20px;z-index:15}
.carousel-indicators li{width:40px;height:5px;background:rgba(255,255,255,0.5);border-radius:4px;margin:0 6px;transition:all 0.3s ease;border-top:0;border-bottom:0}
.carousel-indicators li.active{background:#e63946;width:60px}
.carousel-control-prev,.carousel-control-next{width:50px;height:50px;background:rgba(0,0,0,0.5);border-radius:50%;top:50%;transform:translateY(-50%);opacity:0;transition:all 0.3s ease}
#heroCarousel:hover .carousel-control-prev,#heroCarousel:hover .carousel-control-next{opacity:1}
.carousel-control-prev{left:20px}
.carousel-control-next{right:20px}
.carousel-control-prev-icon,.carousel-control-next-icon{width:24px;height:24px}
@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}
to{opacity:1;transform:translateY(0)}
}.carousel-item.active .hero-banner .container{animation:fadeInUp 0.6s ease-out}
#heroCarousel .bg-white img{transition:transform 0.3s ease,opacity 0.3s ease}
#heroCarousel .bg-white:hover img{transform:scale(1.02)}
@media (max-width:991px){#heroCarousel .display-4{font-size:1.8rem;margin-bottom:1rem !important}
#heroCarousel .lead{font-size:0.9rem;line-height:1.5;margin-bottom:1.5rem}
.btn-red-solid,.btn-outline-red{padding:8px 20px;font-size:0.85rem}
#heroCarousel .d-flex.flex-wrap.mt-4{margin-top:1rem !important}
#heroCarousel .d-flex.align-items-center{font-size:0.75rem}
#heroCarousel .fa-check-circle,#heroCarousel .fa-microchip,#heroCarousel .fa-truck{font-size:0.9rem}
#heroCarousel .badge.px-3.py-2{font-size:0.7rem;padding:4px 12px !important}
.carousel-indicators{bottom:10px}
.carousel-indicators li{width:25px;height:3px;margin:0 4px}
.carousel-indicators li.active{width:40px}
.carousel-control-prev,.carousel-control-next{width:35px;height:35px;opacity:0.6}
.carousel-control-prev{left:5px}
.carousel-control-next{right:5px}
#heroCarousel .carousel-item .col-lg-7,#heroCarousel .carousel-item .col-lg-8{text-align:center}
}@media (max-width:480px){#heroCarousel .display-4{font-size:1.5rem}
#heroCarousel .lead{font-size:0.85rem}
.btn-red-solid,.btn-outline-red{padding:6px 16px;font-size:0.75rem}
#heroCarousel .d-flex.flex-wrap{gap:0.5rem !important}
.carousel-control-prev,.carousel-control-next{display:none}
}@media (min-width:1400px){#heroCarousel,#heroCarousel .carousel-inner,#heroCarousel .carousel-item,#heroCarousel .hero-banner{height:750px;min-height:750px;max-height:750px}
#heroCarousel .display-4{font-size:3.5rem}
#heroCarousel .lead{font-size:1.2rem;line-height:1.8}
.btn-red-solid,.btn-outline-red{padding:14px 36px;font-size:1rem}
}
.stat-card{background:white;border-radius:1.25rem;transition:all 0.2s ease;border:1px solid #e9edf2;box-shadow:0 4px 12px rgba(0,0,0,0.02)}
.stat-card:hover{transform:translateY(-3px);box-shadow:0 16px 24px -8px rgba(0,0,0,0.08);border-color:#cfdee9}

/* faqs */
.wp-block-rank-math-faq-block{margin:30px 0}
.rank-math-faq-item{background:#ffffff;border:1px solid #e9ecef;border-radius:6px;margin-bottom:12px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,0.05)}
.rank-math-question{font-size:16px;font-weight:600;margin:0;padding:14px 20px;background-color:#f8f9fa;color:#222;cursor:pointer;position:relative}
.rank-math-question::before{content:"\f059";font-family:FontAwesome;display:inline-block;margin-right:10px;font-size:16px;color:#007bff}
.rank-math-answer{padding:15px 20px;font-size:15px;line-height:1.6;color:#333;border-top:1px solid #e9ecef}
.rank-math-question:hover{background-color:#e9ecef}



.jy-category-search{background:var(--bg-white);padding:16px;border-radius:10px;box-shadow:0 4px 14px rgba(0,0,0,0.05)}
.search-group{display:flex;flex:1;margin-right:1rem}
.search-group .form-control:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(0,86,179,0.15)}
.search-group .btn-search{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:var(--bg-white);border:none;padding:0 18px;font-weight:500;border-radius:0 6px 6px 0;transition:.25s}
.search-group .btn-search:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,86,179,0.25)}
.search-extra{margin-top:6px;text-align:right}
.search-extra a{transition:.2s}
.search-results .hero-section{padding:2rem 0;background:var(--bg-light);color:var(--text-main);border-bottom:1px solid var(--border)}
.search-results .modal-desc{display:none}

/* model */
.modal-dialog-side{position:fixed !important;top:0 !important;right:0 !important;margin:0 !important;width:320px !important;max-width:100% !important;height:100vh !important;transform:translateX(100%);transition:transform 0.35s ease-in-out}
.modal.fade .modal-dialog-side{transition:transform 0.35s ease-in-out}
.modal.show .modal-dialog-side{transform:translateX(0)}
.modal.fade .modal-dialog-side{transition:transform 0.35s ease-in-out}
/* 产品卡片美化 */
.product-card { border: 1px solid #eee; border-radius: 8px; overflow: hidden; }
.product-card:hover { box-shadow: 0 2px 10px rgba(0,0,0,0.05); }

/* images tabs */
.current-category-images-buttons,.current-product-images-buttons{display:flex;gap:10px}
.current-category-images-button,.current-product-images-button{cursor:pointer;border:2px solid transparent}
.current-category-images-button img,.current-product-images-button img{width:60px}
.current-category-images-button.active,.current-product-images-button.active{border-color:var(--primary)}

/* category-card */
.category-card{display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;border-radius:4px;padding:15px;margin-bottom:20px;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:all .3s}
.category-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.08)}
.category-card .category-image{width:50%}
.category-card .category-image img{width:100%;border-radius:6px;background:var(--bg-light);padding:8px}
.category-card .category-info h3{font-size:1.1rem;font-weight:600;margin-bottom:8px;color:var(--text-main)}
.category-card .category-desc{font-weight:300;color:var(--text-regular);margin-bottom:10px;font-size:0.875rem}
.category-card.hoist-card .category-image{width:60%}
.category-card.hoist-card .category-image img{background: none;}
.category-card.hoist-card .category-info h3{font-size:1.1rem;font-weight:300;}

/* page :single-product */
.single-product .tech-spec li{margin-bottom:10px}

.img-ratio-4-3{width:100%;height:0;padding-bottom:75%;position:relative;overflow:hidden;background:#f8f9fa}
.img-ratio-4-3 img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}