Perfil de la empresa
Enerfero es una marca de nuestra empresa Sheng Bo Import Export S.L. Fundada en 2013, somos una empresa profesional de estilo almacén mayorista especializada en piezas de automóviles. Ofrecemos miles de accesorios para automóviles y bicicletas.
A través de años de mejora continua e innovación, nos hemos ganado el favor de numerosos grupos de clientes con nuestra óptima relación calidad-precio-servicio. Nuestros productos se venden no sólo en España, sino también en las principales ciudades de Portugal. En el futuro, Shengbo Auto Parts seguirá esforzándose por innovar y vender más productos de alta calidad a otros países europeos.
Filosofía empresarial
Enerfero se adhiere al principio de "crear beneficios a través de la gestión científica y buscar el desarrollo a través de servicios de alta calidad", aplicando estrategias de marketing de alta calidad, alto servicio y multicategoría para ganar usuarios, ocupar mercados, descubrir lagunas en el mercado, encontrar contramedidas y aplicar la política de las "Tres Satisfacciones", a saber, "satisfacción por la calidad, satisfacción por el servicio, satisfacción por la categoría", orientada a las necesidades de los clientes, formular políticas de marketing para adaptarse a los cambios del mercado, satisfacer a los distintos grupos de clientes y explorar activamente a los usuarios potenciales.
Productos
La empresa ENERFERO proporciona expositores de productos exclusivos para que los clientes presenten los productos de forma más cómoda, rápida y completa, estéticamente agradable y confortable. También ofrecemos servicios de planificación, diseño, renovación e instalación de estanterías, colocando cada producto expuesto según la demanda, proporcionando un excelente servicio a las tiendas.
/* 导入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
Más Vendidos 
