Profil de l'entreprise
Enerfero est une marque de notre société Sheng Bo Import Export S.L. Fondée en 2013, nous sommes un grossiste professionnel spécialisé dans les pièces automobiles. Nous offrons des milliers d'accessoires de voiture et de vélo.
Grâce à des années d'amélioration et d'innovation continues, nous avons gagné les faveurs de nombreux groupes de clients grâce à notre rapport optimal qualité-prix-service. Nos produits sont vendus non seulement en Espagne, mais aussi dans les principales villes du Portugal. À l'avenir, Shengbo Auto Parts poursuivra ses efforts d'innovation et vendra davantage de produits de haute qualité à d'autres pays européens.
Philosophie d'entreprise
Enerfero adhère au principe de "création d'avantages par une gestion scientifique et de recherche de développement par des services de haute qualité", en mettant en œuvre des stratégies de marketing multi-catégories de haute qualité et à haut niveau de service pour gagner des utilisateurs, occuper des marchés, découvrir les lacunes du marché, trouver des contre-mesures et mettre en œuvre la politique des "trois satisfactions", à savoir "satisfaction de la qualité, satisfaction du service, satisfaction de la catégorie", orientée vers les besoins des clients, formuler des politiques de marketing pour s'adapter aux changements du marché, satisfaire les différents groupes de clients et explorer activement les utilisateurs potentiels.
Vitrine des produits
La société ENERFERO fournit des présentoirs de produits exclusifs pour les clients afin de présenter les produits plus confortablement, rapidement et complètement, esthétiquement et confortablement. Nous proposons également des services de planification, de conception, de rénovation et d'installation des rayonnages, en plaçant chaque produit exposé en fonction de la demande, offrant ainsi un excellent service aux magasins.
/* 导入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
Meilleure vente 
