Company Profile
Enerfero is a brand of our company Sheng Bo Import Export S.L. Founded in 2013, we are a professional wholesale warehouse-style company specializing in auto parts. We offer thousands of car and bicycle accessories.
Through years of continuous improvement and innovation, we have gained the favor of numerous customer groups with our optimal quality-price-service ratio. Our products are sold not only in Spain but also in major cities in Portugal. In the future, Shengbo Auto Parts will continue to strive for innovation and sell more high-quality products to other European countries.
Business Philosophy
Enerfero adheres to the principle of "creating benefits through scientific management and seeking development through high-quality services", implementing high-quality, high-service, multi-category marketing strategies to win users, occupy markets, discover market gaps, find countermeasures and implement the "Three Satisfactions" policy, namely "quality satisfaction, service satisfaction, category satisfaction", oriented to customer needs, formulate marketing policies to adapt to market changes, satisfy different customer groups, and actively explore potential users.
Product Showcase
ENERFERO company provides exclusive product displays for customers to present products more comfortably, quickly and completely, aesthetically pleasing and comfortable. We also offer shelf planning, design, renovation and installation services, placing each displayed product according to demand, providing excellent service to stores.
Professional Product Display
Premium Auto Parts
Modern Store Display
Complete Product Series
Professional Technical Service
Premium Wheel Series
Premium Brake System
Engine Parts
❮
❯
/* 导入Google字体 */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap');
/* 全局样式重置和基础设置 */
* {
box-sizing: border-box;
}
.about-section {
max-width: 1200px;
margin: 0 auto;
padding: 60px 20px;
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
line-height: 1.7;
color: #2c3e50;
min-height: 100vh;
}
.about-header {
text-align: center;
margin-bottom: 80px;
padding: 40px 0;
position: relative;
}
.about-header::before {
content: '';
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 80px;
height: 4px;
background: linear-gradient(90deg, #3498db, #2980b9);
border-radius: 2px;
}
.about-title {
font-family: 'Poppins', sans-serif;
font-size: clamp(2.5rem, 5vw, 3.5rem);
color: #1a252f;
margin-bottom: 16px;
font-weight: 700;
letter-spacing: -0.02em;
background: linear-gradient(135deg, #2c3e50 0%, #3498db 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
.about-subtitle {
font-size: 1.3rem;
color: #64748b;
font-weight: 400;
font-style: normal;
margin-top: 16px;
opacity: 0.9;
letter-spacing: 0.5px;
}
/* 内容区域样式 */
.about-content {
display: grid;
gap: 60px;
}
.company-intro,
.business-philosophy,
.gallery-section {
background: rgba(255, 255, 255, 0.8);
backdrop-filter: blur(10px);
border-radius: 20px;
padding: 40px;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
border: 1px solid rgba(255, 255, 255, 0.2);
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
position: relative;
overflow: hidden;
}
.company-intro::before,
.business-philosophy::before,
.gallery-section::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, #3498db, #e74c3c, #f39c12, #27ae60);
border-radius: 20px 20px 0 0;
}
.company-intro:hover,
.business-philosophy:hover,
.gallery-section:hover {
transform: translateY(-4px);
box-shadow: 0 16px 48px rgba(0, 0, 0, 0.12);
}
.about-content h2 {
font-family: 'Poppins', sans-serif;
font-size: 2rem;
color: #1a252f;
margin: 0 0 24px 0;
font-weight: 600;
letter-spacing: -0.01em;
position: relative;
padding-bottom: 16px;
}
.about-content h2::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 60px;
height: 3px;
background: linear-gradient(90deg, #3498db, #2980b9);
border-radius: 2px;
}
.company-intro p,
.business-philosophy p,
.gallery-section p {
font-size: 1.125rem;
line-height: 1.8;
margin-bottom: 20px;
color: #475569;
font-weight: 400;
text-align: left;
}
/* 优化的多图片轮播样式 */
.multi-image-carousel {
position: relative;
max-width: 100%;
margin: 40px 0;
overflow: hidden;
padding: 0 70px;
background: transparent;
}
.carousel-track {
display: flex;
gap: 24px;
transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
padding: 20px 0;
}
.carousel-item {
flex: 0 0 300px;
position: relative;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
background: white;
border: 1px solid rgba(255, 255, 255, 0.2);
}
.carousel-item:hover {
transform: translateY(-8px) scale(1.02);
box-shadow: 0 20px 48px rgba(0, 0, 0, 0.2);
}
.carousel-item img {
width: 100%;
height: 220px;
object-fit: cover;
display: block;
transition: transform 0.4s ease;
}
.carousel-item:hover img {
transform: scale(1.05);
}
.item-caption {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(transparent, rgba(26, 37, 47, 0.95));
color: white;
padding: 24px 20px 18px;
font-size: 1.1rem;
font-weight: 500;
text-align: center;
font-family: 'Poppins', sans-serif;
letter-spacing: 0.3px;
backdrop-filter: blur(8px);
}
/* 优化的导航按钮 */
.nav-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(12px);
border: none;
width: 56px;
height: 56px;
border-radius: 50%;
font-size: 20px;
color: #2c3e50;
cursor: pointer;
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
z-index: 10;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
display: flex;
align-items: center;
justify-content: center;
border: 2px solid rgba(52, 152, 219, 0.2);
}
.nav-btn:hover {
background: linear-gradient(135deg, #3498db, #2980b9);
color: white;
transform: translateY(-50%) scale(1.1);
box-shadow: 0 12px 32px rgba(52, 152, 219, 0.4);
border-color: transparent;
}
.nav-btn:active {
transform: translateY(-50%) scale(0.95);
}
.prev-btn {
left: 15px;
}
.next-btn {
right: 15px;
}
@media (max-width: 768px) {
.about-title {
font-size: 2rem;
}
.multi-image-carousel {
padding: 0 40px;
}
.carousel-item {
flex: 0 0 250px;
}
.carousel-item img {
height: 180px;
}
.item-caption {
padding: 15px 12px 12px;
font-size: 0.9rem;
}
.nav-btn {
width: 40px;
height: 40px;
font-size: 20px;
}
.prev-btn {
left: 5px;
}
.next-btn {
right: 5px;
}
/* 优化的移动端响应式设计 */
@media (max-width: 768px) {
.about-section {
padding: 40px 16px;
}
.about-header {
margin-bottom: 60px;
padding: 30px 0;
}
.about-header::before {
width: 60px;
height: 3px;
}
.about-title {
font-size: clamp(2rem, 8vw, 2.8rem);
margin-bottom: 12px;
}
.about-subtitle {
font-size: 1.1rem;
margin-top: 12px;
}
.about-content {
gap: 40px;
}
.company-intro,
.business-philosophy,
.gallery-section {
padding: 30px 24px;
border-radius: 16px;
}
.about-content h2 {
font-size: 1.6rem;
margin-bottom: 20px;
}
.about-content h2::after {
width: 50px;
height: 2px;
}
.company-intro p,
.business-philosophy p,
.gallery-section p {
font-size: 1rem;
line-height: 1.7;
margin-bottom: 16px;
}
.multi-image-carousel {
padding: 0 50px;
margin: 30px 0;
}
.carousel-item {
flex: 0 0 260px;
}
.carousel-item img {
height: 180px;
}
.item-caption {
padding: 18px 16px 14px;
font-size: 0.95rem;
}
.nav-btn {
width: 48px;
height: 48px;
font-size: 18px;
}
.prev-btn {
left: 8px;
}
.next-btn {
right: 8px;
}
}
/* 超小屏幕优化 */
@media (max-width: 480px) {
.about-section {
padding: 30px 12px;
}
.multi-image-carousel {
padding: 0 40px;
}
.carousel-item {
flex: 0 0 240px;
}
.nav-btn {
width: 44px;
height: 44px;
font-size: 16px;
}
.company-intro,
.business-philosophy,
.gallery-section {
padding: 24px 20px;
}
}
let currentPosition = 0;
const carouselTrack = document.querySelector('.carousel-track');
const carouselItems = document.querySelectorAll('.carousel-item');
const itemWidth = 300; // 每个项目宽度 + 间距
const visibleItems = 3; // 同时显示的项目数量
const maxPosition = -(carouselItems.length - visibleItems) * itemWidth;
function scrollLeft() {
if (currentPosition maxPosition) {
currentPosition -= itemWidth;
carouselTrack.style.transform = `translateX(${currentPosition}px)`;
}
}
// 自动滚动
let autoScrollInterval = setInterval(() => {
if (currentPosition > maxPosition) {
scrollRight();
} else {
// 回到开始位置
currentPosition = 0;
carouselTrack.style.transform = `translateX(0px)`;
}
}, 5000);
// 鼠标悬停时暂停自动滚动
const multiImageCarousel = document.querySelector('.multi-image-carousel');
multiImageCarousel.addEventListener('mouseenter', () => {
clearInterval(autoScrollInterval);
});
multiImageCarousel.addEventListener('mouseleave', () => {
autoScrollInterval = setInterval(() => {
if (currentPosition > maxPosition) {
scrollRight();
} else {
currentPosition = 0;
carouselTrack.style.transform = `translateX(0px)`;
}
}, 4000);
});
// 触摸滑动支持
let startX = 0;
let isDragging = false;
carouselTrack.addEventListener('touchstart', (e) => {
startX = e.touches[0].clientX;
isDragging = true;
clearInterval(autoScrollInterval);
});
carouselTrack.addEventListener('touchmove', (e) => {
if (!isDragging) return;
const currentX = e.touches[0].clientX;
const diffX = startX - currentX;
if (Math.abs(diffX) > 50) {
if (diffX > 0) {
scrollRight();
} else {
scrollLeft();
}
isDragging = false;
}
});
carouselTrack.addEventListener('touchend', () => {
isDragging = false;
});
// 键盘导航
document.addEventListener('keydown', (e) => {
if (e.key === 'ArrowLeft') {
scrollLeft();
} else if (e.key === 'ArrowRight') {
scrollRight();
}
}); // End of keydown event listener
Хиты продаж 
