Saltar al enido
ši)20@media (min-ÕÈ¡¡£: 992px) {ši)20 #navbarCollapse .navbar-nav > .nav-item {
ši)20 }ši)20}
ši)20@media (min-ÕÈ¡¡£: 768px) {ši)20 .dropdown-menu {ši)20 display: flex !important;ši)20 opacity: 1;ši)20 /*margin-top: 20px;*/ši)20 /*padding-top: 20px;*/ši)20 background-color: transparent !important;ši)20 border: none;ši)20 -webkit-box-shadow: unset;ši)20 box-shadow: unset;ši)20 }
ši)20 .menu-item:hover > a, .dropdown-item:hover > a, .navbar-nav .nav-lin :hover a {ši)20 /*color: #4370FF !important;*/ši)20 color: #0B82E0 !important;ši)20 background-color: transparent !important;ši)20 }
ši)20 #dropdownMenuBg {ši)20 posi¹²Í¬: absolute;
ši)20 /*ÕÈ¡¡£: 100vw;*/ši)20 ÕÈ¡¡£: 100%;ši)20 height: 45px;ši)20 -webkit-transi¹²Í¬: all 0.1s ease-in-out;ši)20 transi¹²Í¬: all 0.1s ease-in-out;ši)20 }
ši)20 .hide {ši)20 opacity: 0 !important;ši)20 visibility: hidden !important;ši)20 -webkit-transi¹²Í¬: all 0.1s ease-in-out;ši)20 transi¹²Í¬: all 0.1s ease-in-out;ši)20 }
ši)20}
ši)20.dropdown-menu a {ši)20 font 1rem;ši)20}
ši)20.menu-item a:focus {ši)20 background-color: transparent !important;ši)20}
ši)20.menu-item a.active {ši)20 color: #0B82E0 !important;ši)20 background-color: transparent !important;ši)20}
ši)20.current-menu-item.nav-lin > a, .current-menu-item > .dropdown-item a, .current-menu-parent > .nav-lin > a {ši)20 color: #0B82E0 !important;ši)20 background-color: transparent !important;ši)20}
/* Modal reset*/ši)20.modal,.modal-backdrop{ši)20 ÕÈ¡¡£: calc(100vw / var(--zoom))!important;ši)20 height: calc(100vh / var(--zoom))!important;ši)20}
ši)20/*讟眮宜床,蜚éé¢è²*/ši)20::-webkit-scrollbar {ši)20 ÕÈ¡¡£: 5px;ši)20 height: 5px;ši)20 background: rgba(255,255,255,0.36); /*å¯ä»¥è®Ÿçœ®èœšéé¢è²*/ši)20 padding-right: 2px;ši)20}
ši)20/*æ»åšæ¡*/ši)20::-webkit-scrollbar-thumb {ši)20 background: #fff;ši)20 border-radius: 10px;ši)20}
ši)20@media (min-ÕÈ¡¡£: 1400px){ši)20 .p-xxl-5 {ši)20 padding: 2rem!important;ši)20 }ši)20}
ši)20@media (min-ÕÈ¡¡£: 1600px){ši)20 .p-xxl-5 {ši)20 padding: 3rem!important;ši)20 }ši)20}
ši)20@media (min-ÕÈ¡¡£: 1400px){ši)20 .px-xxl-5 {ši)20 padding-right: 2rem!important;ši)20 padding-left: 2rem!important;ši)20 }ši)20}
ši)20@media (min-ÕÈ¡¡£: 1600px){ši)20 .px-xxl-5 {ši)20 padding-right: 3rem!important;ši)20 padding-left: 3rem!important;ši)20 }ši)20}
š
cript>
let navTimer = 0;ši)20window.screen.availWidthši)20var zoom = 1;šši)20function setZoom(e) {ši)20 // sole.log('document.body.offsetWidth==',document.body.offsetWidth)ši)20 let designWidth = 1920//1792;ši)20 // let rž¹²Í = (document.body.clientWidth/1792);ši)20 // let rž¹²Í = String(document.body.offsetWidth / designWidth);ši)20 //ši)20 // if(rž¹²Í > 1){ši)20 // document.body.s .zoom = rž¹²Íši)20 // }
ši)20 zoom = 1ši)20 document.body.s .setProperty("--zoom", zoom)ši)20 if(window.µÄŒÓ±¶PixelRatio > 1.25 || document.body.offsetWidth < 2500){ši)20 setBodyZoom(zoom)ši)20 return;ši)20 }
ši)20 if (navigž¹or.userAgent.toLowerCase().includes("webkit")) {ši)20 zoom = document.body.offsetWidth / designWidthši)20 }
ši)20 console.log(document.body.offsetWidth,window.µÄŒÓ±¶PixelRatio, zoom)ši)20 // if (document.body.offsetWidth >= 992) {ši)20 if (document.body.offsetWidth >= 2300 && window.µÄŒÓ±¶PixelRatio == 1) {ši)20 //console.log(document.body.offsetWidth,window.µÄŒÓ±¶PixelRatio, zoom)šši)20 // zoom = window.µÄŒÓ±¶PixelRatio > 1 && window.µÄŒÓ±¶PixelRatio<= 1.5 ? 1 / window.µÄŒÓ±¶PixelRatio : zoom;ši)20 setBodyZoom(zoom)ši)20 setTimeout(() => {ši)20 setBodyZoom(zoom)ši)20 }, 500)ši)20 }
ši)20}
ši)20function setBodyZoom(zoom){ši)20 if (document.body.s .zoom != zoom) {ši)20 document.body.s .setProperty("--zoom", zoom)ši)20 document.body.s .zoom = zoom;ši)20 }
ši)20 if(document.body.offsetWidth >= 1400){ši)20 let ÕÈ¡¡£ = (document.body.offsetWidth-80);ši)20 jQuery('.š£n)ainer').css( ÕÈ¡¡£',(ÕÈ¡¡£ > 2560 ? 2480 : ÕÈ¡¡£)+'px');ši)20 }ši)20}
š //è·åå±å¹çŒ©æŸæ¯äŸši)20function getRatio() {ši)20 var ratio = 0;ši)20 var screen = window.screen;ši)20 var ua = navigž¹or.userAgent.toLowerCase();
ši)20 if (window.µÄŒÓ±¶PixelRatio !== undefined) {ši)20 ratio = window.µÄŒÓ±¶PixelRatio;ši)20 } else if (~ua.indexOf('msie')) {ši)20 if (screen.µÄŒÓ±¶XDPI && screen.logicalXDPI) {ši)20 ratio = screen.µÄŒÓ±¶XDPI / screen.logicalXDPI;ši)20 }
ši)20 } else if (window.outerWidth !== undefined && window.innerWidth !== undefined) {ši)20 ratio = window.outerWidth / window.innerWidth;ši)20 }
ši)20 if (ratio) {ši)20 ratio = Math.round(rž¹²Í * 100);ši)20 }ši)20 return ratio/100;ši)20}
ši)20jQuery(window).re ((e) => {ši)20 setBodyZoom(zoom)ši)20 // sole.log('å蟚ç:'+document.body.offsetWidth,'猩æŸ:'+window.µÄŒÓ±¶PixelRatio, zoom)ši)20 //ši)20 // if(document.body.offsetWidth >= 1400){ši)20 // let ÕÈ¡¡£ = 1320/zoom;ši)20 // jQuery('.š£n)ainer').css( ÕÈ¡¡£',ÕÈ¡¡£+'px');ši)20 // }ši)20});
ši)20// document.onš£n)extmenu = () => {ši)20// return false;ši)20// };ši)20// document.onselectstart = new Function("event.returnValue=false");ši)20jQuery(document).ready(function () {ši)20 setZoom();
ši)20 jQuery('.header-section .menu-item').each((i, el) => {ši)20 // sole.log(jQuery(el))ši)20 setSubmenuPosi¹²Í¬(el)ši)20 })ši)20 jQuery('.header-section .menu-item').on('mouseover', function (e) {ši)20 if (jQuery(this).hasClass('menu-item-has-children')) {ši)20 clearTimeout(navTimer)ši)20 jQuery('#dropdownMenuBg').removeClass('hide')ši)20 //heightenši)20 if (jQuery(this).hasClass('heighten')) {ši)20 jQuery('#dropdownMenuBg').css('height', '90px')ši)20 } else {ši)20 jQuery('#dropdownMenuBg').css('height', '45px')ši)20 }ši)20 } else if (!jQuery('#dropdownMenuBg').hasClass('hide')) {ši)20 jQuery('#dropdownMenuBg').addClass('hide')ši)20 }
ši)20 })
ši)20 jQuery('.navbar-collapse').on('mouseleave', function (e) {ši)20 navTimer = setTimeout(() => {ši)20 jQuery('#dropdownMenuBg').addClass('hide')ši)20 }, 200)
ši)20 })
ši)20 // [data-toggle='dropdown']ši)20 jQuery(".dropdown-toggle").on("click", function (event) {ši)20 // event.preventDefault();ši)20 // event.stopPropagation();šši)20 console.log(event)
ši)20 // sole.log(jQuery(this).parents('.navbar').find('.dropdown-toggle.show'))ši)20 // lose other dropdownsši)20 // jQuery(this).parents(".dropdown").first().find(".show").removeClass("show");ši)20 // jQuery(this).parents(".dropdown").first().find("[aria-expanded='true']").attr("aria-expanded", false);
ši)20 jQuery(this).parents('.navbar').find('.dropdown-menu.show').removeClass("show");ši)20 jQuery(this).parents(".navbar").find('.dropdown-toggle[aria-expanded="true"]').attr("aria-expanded", false);
ši)20 // mark these as openši)20 jQuery(this).attr("aria-expanded", true);ši)20 jQuery(this).siblings(".dropdown-menu").toggleClass("show");šši)20 // and close submenus when the main dropdown gets closedši)20 jQuery(this)ši)20 .parents(".nav-item.dropdown")ši)20 .on("hidden.bs.dropdown", function (e) {ši)20 jQuery(".dropdown-submenu .show").removeClass("show");ši)20 jQuery(".dropdown-submenu [aria-expanded='true']").attr("aria-expanded", false);
});
})
ši)20});
ši)20function setSubmenuPosi¹²Í¬(el) {ši)20 let target = jQuery(el);ši)20 let parentWidth = target.outerWidth()ši)20 let submenu = target.children('.dropdown-menu')ši)20 let submenuWidth = submenu.outerWidth();
ši)20 if (submenu.children().length > 1) {ši)20 // if(target[0].offsetLeft+submenuWidth >= document.body.offsetWidth){ši)20 // onsole.log(target[0],target[0].offsetLeft, document.body.offsetWidth)ši)20 if (target[0].offsetLeft + 200 >= document.body.offsetWidth || target.hasClass('pll-parent-menu-item')) {ši)20 submenu.css( right', '0px')ši)20 } else {ši)20 // onsole.log(222,submenuWidth , document.body.offsetWidth)ši)20 let left = (submenuWidth - parentWidth) / 2;ši)20 let offsetLeft = (left > target[0].offsetLeft ? -target[0].offsetLeft + parentWidth : -left);ši)20 submenu.css( left', offsetLeft + 'px')ši)20 if (submenuWidth > document.body.offsetWidth - 200) {ši)20 submenu.css( flex-wrap', 'wrap');ši)20 submenu.css( ÕÈ¡¡£', 'calc(100vw / var(--zoom) ' + (offsetLeft < 0 ? '- ' : '+ ') + Math.abs(offsetLeft) + 'px)');ši)20 target.addClass('heighten')ši)20 }ši)20 ``ši)20 }ši)20 }ši)20}
![]()
id="menu-item-3649">
.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
left: 2.5rem;ši)20 bottom: 1.5rem;ši)20}
ši)20.pr -wrap {
border-radius: 1.5rem;ši)20}
ši)20. -divider {
ÕÈ¡¡£: 100%;ši)20 height: 1px;ši)20 margin: 2rem 0;ši)20 background- : linear-gradient(45deg, #4370FF, transparent)ši)20}
ši)20a:focus img, a:active img, a:hover img {ši)20 outline: none !important;ši)20}
ši)20a:focus img, a:active img {
background: transparent !important;ši)20}
ši)20# Nav {
posi¹²Í¬: fixed;ši)20 top: 150px;ši)20 left: 50px;ši)20 display: none;ši)20 padding: 1rem 0;ši)20 z-index: 1;ši)20 text-align: start;ši)20}
š
# Nav ul {
display: flex;ši)20 color: #858585;ši)20}
ši)20ul li {
list-s : none;ši)20}
š
# Nav i {
display: inline-block;ši)20 ÕÈ¡¡£: 10px;ši)20 height: 10px;ši)20 border-radius: 50%;ši)20 background-color: #858585;ši)20 margin-left: -4px;ši)20 margin-right: 5px;ši)20}
ši)20# Nav .active i {
border-radius: unset;ši)20 border-top: 8px solid transparent;ši)20 border-bottom: 8px solid transparent;ši)20 border-left: 8px solid var(--global--color-blue);ši)20 background-color: transparent;ši)20 margin-left: 0;ši)20}
ši)20# Nav .active {
color: var(--global--color-blue);ši)20}
ši)20# Nav::before {ši)20 š£n)ent: '';ši)20 border-left: 1px #858585 solid;ši)20 posi¹²Í¬: absolute;
height: 100%;ši)20 top: 0;ši)20}
ši)20.pr -img {ši)20 /*ÕÈ¡¡£: 300px;*/ši)20 ÕÈ¡¡£: 50%;ši)20 /*height: 200px;*/ši)20 height: 100%;ši)20 object-fit: contain
}
ši)20.banner-section {
posi¹²Í¬: relative;ši)20 display: flex;ši)20 word-break: break-all;ši)20}
êP(/uploads/2023/05/LOGO-03-1.png){kind=logo}
æ a>
ši)20êP(/uploads/2022/06/空æ°æ¬æ¶-1.jpg)
ši)20 êP(/uploads/2023/05/éŠé¡µ_01_08.png)
Amortiguación
ši)20
Amortiguación
ši)20 êP(/uploads/2023/05/éŠé¡µ_01_13.png)
Interior y Exterior
ši)20
Interior y Exterior
ši)20 êP(/uploads/2023/05/éŠé¡µ_01_10.png)
ši)20
ši)20
Ligereza la CarrocerÃa
ši)20
ši)20 êP(/uploads/2023/05/éŠé¡µ_01_03.png)
Chasis
ši)20
Chasis
ši)20 êP(/uploads/2023/05/éŠé¡µ_01_05.png)
Componentes de Cabina Inteligentes
ši)20
Componentes de Cabina Inteligentes
ši)20 êP(/uploads/2023/05/éŠé¡µ_01_30.png)
ši)20
ši)20
Gestión Térmica
ši)20
ši)20 êP(/uploads/2023/05/éŠé¡µ_01_24.png)
Suspensión Neumática
ši)20
Suspensión Neumática
ši)20 êP(/uploads/2023/05/éŠé¡µ_01_27.png)
Conducción Inteligente
ši)20
Conducción Inteligente
ši)20 êP(/uploads/2023/05/éŠé¡µ_01_21.png)
Actuadores
ši)20
Actuadores
suspensión neumáticaEl s de suspensión neumática puede mejorar eficazmente la estabilidad de un coche, haciendo que los baches generados durante la conducción sean menos perceptibles.
En la actualidad, los pr os de diseño de Tuopu incluyen unidades integradas suministro de gas, amortiguadores de aire, sensores de altura, etc.
ši)20 ![]()
ši)20
ši)20 êP(/uploads/2024/02/空æ¬.jpg"/šši)20)
êP(/uploads/2023/05/LOGO-03-1.png"){kind=logo}
Tuopu GroupCuenta oficial
ši)20
ši)20 Noticias de TuopuCuenta oficial
ši)20 Código de stock:601689
Cláusula de privacidad