@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}.brxe-image-gallery{width:100%}.brxe-image-gallery figure{all:unset;display:block}.brxe-image-gallery figure>a{display:block}.brxe-image-gallery .image{position:relative}.brxe-image-gallery .bricks-image-caption{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.25) 70%,transparent);bottom:0;color:#fff;font-size:inherit;margin:0;padding:10px 15px;pointer-events:none;position:absolute;text-align:center;width:100%;z-index:1}.brxe-image-gallery[data-layout=metro] .image img{height:auto;width:100%}.brxe-image-gallery .brx-gallery-load-more-template{display:none!important}}@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}a.brxe-image{display:inline-block}figure.brxe-image{margin:0}:where(.brxe-image).tag{display:inline-block;height:fit-content;position:relative;width:auto}:where(.brxe-image).caption{position:relative}:where(.brxe-image).caption:has(figcaption.bricks-image-caption){overflow:hidden}:where(.brxe-image).overlay{position:relative}:where(.brxe-image).overlay:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}:where(.brxe-image):before{border-radius:inherit}:where(.brxe-image) a{border-radius:inherit;position:static;transition:inherit}:where(.brxe-image) picture{border-radius:inherit;transition:inherit}:where(.brxe-image) img{border-radius:inherit;height:100%;position:static!important;transition:inherit;width:100%}:where(.brxe-image) img.bricks-lazy-hidden+figcaption{display:none}:where(.brxe-image) .icon{color:#fff;font-size:60px;pointer-events:none;position:absolute;right:50%;text-align:center;top:50%;transform:translate(50%,-50%);z-index:5}:where(.brxe-image) .bricks-image-caption{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.25) 70%,transparent);bottom:0;color:#fff;font-size:inherit;margin:0;padding:10px 15px;pointer-events:none;position:absolute;text-align:center;width:100%;z-index:1}}@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}.brxe-social-icons{display:flex;list-style-type:none;margin:0;padding:0}.brxe-social-icons li,.brxe-social-icons li a{align-items:center;display:flex;flex:1;gap:5px;justify-content:center}.brxe-social-icons i{line-height:unset}.brxe-social-icons span{align-items:center;display:inline-flex}}@layer bricks {:where(.brxe-divider){align-items:center;display:flex;font-size:30px;gap:30px}:where(.brxe-divider).horizontal{width:100%}:where(.brxe-divider).horizontal .line{border-top:1px solid}:where(.brxe-divider).vertical{flex-direction:column}:where(.brxe-divider).vertical .line{border-right:1px solid;width:auto}:where(.brxe-divider) .line{position:relative;width:100%}:where(.brxe-divider) .icon{flex-shrink:0;position:relative}:where(.brxe-divider) a{display:inline-flex}}@layer bricks {.brxe-icon{font-size:60px}svg.brxe-icon{font-size:inherit}}@layer bricks {.brxe-button{width:auto}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}html,body { overflow-x: hidden !important; width: 100% !important;}* { box-sizing: border-box !important;}.brx-text-basic,.section-title,.blog-card-excerpt,.blog-card-title { word-break: break-all !important; overflow-wrap: break-word !important;}.title-des { max-width: 1000px; margin: 0 auto; color: #0078C8 !important; font-size: 15px; font-weight: 400; line-height: 1.7; text-align: center; padding-bottom: 50px;}#brxe-fdf5f6 {background-size: cover; background-repeat: no-repeat; background-image: url("https://yujimachine.com/wp-content/uploads/2026/10/yuji-underwater-dredging-pipeline-cleaning-robots-hero-banner-v2-fixed.webp")}.product-hero { min-height: 100vh; width: 100%; background-repeat: no-repeat; background-size: contain; background-position: center center; background-color: #ffffff; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; overflow: hidden; position: relative; padding-bottom: 50px;}.hero-content { width: calc(100% - 8% - 650px); max-width: 680px; margin-left: 8%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}.hero-label { font-size: 14px; letter-spacing: 2px; font-weight: 600; color: #ffffff; text-transform: uppercase; margin-bottom: 20px;}.hero-title { font-size: 60px; line-height: 1.15; font-weight: 700; color: #003B8F !important; max-width: 680px; margin: 0 0 25px 0;}.hero-desc { font-size: 18px; line-height: 1.7; color: #1D2224; max-width: 560px; margin-bottom: 40px;}.hero-buttons { display: flex; align-items: center; gap: 20px;} .hero-buttons a { padding: 14px 34px; border-radius: 30px; font-size: 15px; font-weight: 600; transition: all 0.3s ease;}.hero-buttons a:first-child { background: #0052D2; color: #fff; border: 1px solid #0052D2;}.hero-buttons a:last-child { background: transparent; color: #fff; border: 1px solid #fff;}.hero-buttons a:hover { transform: translateY(-3px); box-shadow: 0 6px 12px rgba(0, 82, 210, 0.2);}@media screen and (max-width: 768px) { .product-hero { min-height: 100vh; padding: 40px 0; background-size: cover; } .hero-content { width: 100%; max-width: 100%; margin-left: 0; padding: 0 20px; align-items: center; text-align: center; } .hero-title { font-size: 38px; text-align: center; } .hero-desc { font-size: 15px; text-align: center; } .hero-buttons { width: 100%; flex-direction: column; gap: 15px; } .hero-buttons a { width: 100%; text-align: center; }}#brxe-bbcdb7 {align-self: center}.product-overview { background: #F4F6F8; padding-bottom: 50px; padding-top: 50px;}.product-overview .section-title { color: #003B8F !important;}.product-overview .title-line { background: #F55A00 !important; border-color: #F55A00 !important;}.product-overview .section-text { color: #486581 !important;}#brxe-e7a2c5 {background-image: url("https://yujimachine.com/wp-content/uploads/2026/08/46223682-e6ae-40e2-9629-7865d38381de.jpg"); background-size: cover}#brxe-ed5d88 {margin-right: -1px}#brxe-584c6c {flex-direction: column; gap: 10px}#brxe-584c6c li.has-link a, #brxe-584c6c li.no-link {justify-content: flex-start}#brxe-e446ec {background-color: #F4F6F8}.solution-product-section { width: 100%; padding: 70px 0; background: #F4F6F8; box-sizing: border-box;} .solution-product-container { width: 100%; max-width: 1500px; margin: 0 auto; padding: 0 30px; box-sizing: border-box; display: flex; flex-direction: column; align-items: stretch;}.solution-product-div { position: relative; width: 100% !important; max-width: 100% !important; flex: 0 0 auto; align-self: stretch !important; aspect-ratio: 5 / 1; min-height: 240px; margin: 0 0 40px; padding: 42px 50px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; overflow: hidden; text-align: left; background-position: center center !important; background-repeat: no-repeat !important; background-size: cover !important; background-color: #F0F3F6 !important; border: 1px solid #E1E7EE; border-radius: 14px; box-sizing: border-box;} .solution-product-div::before { content: ""; width: 52px; height: 4px; margin: 0 0 18px; display: block; flex: 0 0 auto; background: #D0D9E2; border-radius: 20px;} .solution-title { position: relative; z-index: 2; width: 100%; max-width: 600px; margin: 0 0 14px; color: #003B8F; font-size: 30px; font-weight: 700; line-height: 1.15; letter-spacing: -0.5px; text-align: left;} .solution-text { position: relative; z-index: 2; width: 100%; max-width: 590px; margin: 0; color: #1D2224; font-size: 17px; font-weight: 400; line-height: 1.6; text-align: left;} .solution-text p { margin: 0;}.solution-app-card { width: 100%; display: grid; grid-template-columns: 30% 70%; margin-bottom: 16px; overflow: hidden; background: #FFFFFF; border: 1px solid #E1E7EE; border-radius: 16px; box-sizing: border-box;} .solution-app-card:last-child { margin-bottom: 0;}.solution-app-info { min-width: 0; padding: 28px; display: grid; grid-template-columns: 58px minmax(0, 1fr); column-gap: 18px; align-items: start; background: #F0F3F6; border-right: 1px solid #E1E7EE; box-sizing: border-box;}.solution-app-icondiv { width: 58px; height: 58px; min-width: 58px; flex: 0 0 58px; display: flex; align-items: center; justify-content: center; padding: 0 !important; overflow: hidden; background: transparent !important; border: none !important; border-radius: 0 !important; box-shadow: none !important;} .solution-app-icon { width: 58px !important; height: 58px !important; min-width: 58px; display: flex !important; align-items: center; justify-content: center; padding: 0 !important; color: #0052D2 !important; background: transparent !important; border: none !important; border-radius: 0 !important; box-shadow: none !important;} .solution-app-icon img,.solution-app-icon svg,.solution-app-icondiv > img,.solution-app-icondiv > svg { width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; display: block !important; object-fit: contain !important; object-position: center !important; fill: #0052D2;}.solution-app-content,.solution-app-centent { min-width: 0; min-height: 230px; display: flex; flex-direction: column; align-items: flex-start;} .solution-app-title { margin: 4px 0 10px; color: #003B8F; font-size: 24px; font-weight: 700; line-height: 1.25;} .solution-app-divider { width: 45px; height: 3px; margin: 0 0 18px; background: #D0D9E2; border-radius: 3px;}.solution-app-iconlist { width: 100%; margin: 0 0 22px; padding: 0;} .solution-app-iconlist ul { margin: 0; padding: 0; display: flex; flex-direction: column; gap: 9px; list-style: none;} .solution-app-iconlist li,.solution-app-iconlist .icon-list-item { margin: 0; padding: 0; color: #003B8F !important; font-size: 15px; line-height: 1.45;} .solution-app-iconlist svg,.solution-app-iconlist i { color: #0052D2 !important; fill: currentColor; stroke: currentColor;}.solution-app-button { width: fit-content; margin-top: auto; padding: 0; display: inline-flex; align-items: center; gap: 7px; color: #0052D2 !important; background: transparent !important; border: none !important; box-shadow: none !important; font-size: 15px; font-weight: 700; line-height: 1.3; text-decoration: none !important; transition: color 0.25s ease, transform 0.25s ease;} .solution-app-button:hover { color: #F55A00 !important; transform: translateX(4px);}.solution-products { min-width: 0; padding: 25px 32px 22px; display: flex; flex-direction: column; background: #FFFFFF; box-sizing: border-box;} .solution-products-icondiv { width: 100%; min-width: 0; margin-bottom: 18px; display: flex; flex-direction: row; align-items: center; gap: 13px;} .solution-products-icon { width: 30px !important; height: 30px !important; min-width: 30px; flex: 0 0 30px; display: flex !important; align-items: center; justify-content: center; padding: 0 !important; overflow: hidden; color: #0052D2 !important; background: transparent !important; border: none !important; border-radius: 0 !important; box-shadow: none !important;} .solution-products-icon img,.solution-products-icon svg { width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; display: block !important; object-fit: contain !important; object-position: center !important; fill: #0052D2;} .solution-products-title { min-width: 0; flex: 1 1 auto; margin: 0; color: #003B8F; font-size: 25px; font-weight: 700; line-height: 1.25;} .solution-products-content { width: 100%; min-width: 0; margin: 0; padding: 0;}.solution-product-grid { width: 100%; min-width: 0; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; align-items: start;} .solution-product-item { width: 100%; min-width: 0; display: flex; flex-direction: column; align-items: center; text-align: center; transition: transform 0.25s ease;} .solution-product-item:hover { transform: translateY(-4px);} .solution-product-image { width: 100%; height: 190px; margin: 0 0 12px; display: flex !important; align-items: center !important; justify-content: center !important; padding: 10px 15px; overflow: hidden; background: #FFFFFF; box-sizing: border-box;} .solution-product-image > a,.solution-product-image picture,.solution-product-image figure { width: 100%; height: 100%; margin: 0; display: flex !important; align-items: center !important; justify-content: center !important; overflow: hidden; background: #FFFFFF;} .solution-product-image img,img.solution-product-image { width: 250px !important; height: 170px !important; max-width: 100% !important; max-height: 170px !important; margin: 0 auto 12px; padding: 0; display: block !important; flex: 0 0 auto; object-fit: contain !important; object-position: center center !important; background: #FFFFFF;} .solution-product-name { width: 100%; margin: 0; color: #003B8F; font-size: 15px; font-weight: 500; line-height: 1.45; text-align: center; word-break: normal; overflow-wrap: anywhere;} .solution-product-name a { color: inherit; text-decoration: none;} .solution-product-name a:hover { color: #F55A00;}@media (max-width: 768px) { .solution-product-section { padding: 40px 0; } .solution-product-container { padding: 0 15px; } .solution-product-div { padding: 24px 20px; min-height: 180px; margin-bottom: 24px; } .solution-title { font-size: 26px; } .solution-text { font-size: 15px; } .solution-app-card { grid-template-columns: 1fr; } .solution-app-info { border-right: none; border-bottom: 1px solid #E1E7EE; } .solution-products { padding: 20px 16px; } .solution-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } .solution-product-image { height: 140px; } .solution-product-image img { width: 180px !important; height: 120px !important; }}#brxe-872782 {align-self: center}.about-content { background: #F4F6F8; padding: 80px 20px 80px; box-sizing: border-box; width: 100%; max-width: 100%; padding-top: 10px;} .about-content-container { max-width: 1300px; margin: 0 auto; padding: 50px; border-radius: 8px; box-sizing: border-box; width: 100%;}.about-content .section-title { font-size: 36px; font-weight: 700; line-height: 1.2; color: #003B8F; margin: 0 0 14px; text-align: center; word-break: break-word; overflow-wrap: break-word;}.section-divider { width: 70px; height: 3px; background: #F55A00; border: none; border-radius: 2px; margin: 0 auto 36px;}.about-gallery { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; box-sizing: border-box; width: 100%; max-width: 100%; padding: 30px;} .about-gallery img { width: 100%; height: 280px; object-fit: cover; object-position: center; border-radius: 8px; transition: transform 0.35s ease; display: block;} .about-content-container img:not(.about-gallery img) { width: 100%; height: 280px; object-fit: cover; object-position: center; border-radius: 6px; display: block;}@media (max-width: 1024px) { .about-content .section-title { font-size: 30px; } .about-content-container { padding: 30px; } .about-gallery img, .about-content-container img:not(.about-gallery img) { height: 240px; }}@media (max-width: 768px) { .about-content .section-title { font-size: 24px; margin-bottom: 12px; } .section-divider { margin: 0 auto 28px; } .about-content { padding: 40px 15px; } .about-content-container { padding: 25px 15px; max-width: 100%; } .about-content-container .brx-text-basic { font-size: 15px; line-height: 1.7; text-indent: 1.2em; margin-bottom: 18px; width: 100% !important; max-width: 100% !important; } .about-gallery { grid-template-columns: 1fr !important; gap: 16px; width: 100% !important; max-width: 100% !important; } .about-gallery img, .about-content-container img:not(.about-gallery img) { width: 100% !important; height: 200px !important; object-fit: cover; object-position: center; }}