CRC实业

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2" /> <title>CRC实业</title>  <link rel="stylesheet" href="/themes/theme-crc/assets/swiper/swiper-bundle.min.css" /> <script src="/themes/theme-crc/assets/swiper/swiper-bundle.min.js" type="text/javascript"></script> <link rel="stylesheet" href="/themes/theme-crc/assets/dist/style.css?v=1.0.0" />  <link rel="stylesheet" href="/themes/theme-crc/assets/icons/iconfont.css" />  <link rel="stylesheet" href="/themes/theme-crc/assets/dist/output.css">  <link rel="stylesheet" href="/themes/theme-crc/assets/styles/common.css"> <script src="/themes/theme-crc/assets/dist/main.iife.js?v=1.0.0"></script> <script> main.initColorScheme("light",true) // const href = window.location.href // if(href.includes('crcindustries')){ // } // 引入百度统计 var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?d140e4949f50a3101bdc7ecea49a1c50"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <meta name="generator" content="Halo 2.20.0-SNAPSHOT"/><script class="pjax"> var autoContactFrom = [] </script> <script src="/plugins/PluginContactForm/assets/static/contact-form.iife.js?version=1.1.0"></script> <link rel="stylesheet" href="/plugins/PluginContactForm/assets/static/style.css?version=1.1.0" />  <script src="/plugins/PluginSearchWidget/assets/static/search-widget.iife.js?version=1.6.2" async></script> <link rel="stylesheet" href="/plugins/PluginSearchWidget/assets/static/style.css?version=1.6.2" />  <link rel="icon" href="/upload/favicon.ico" /> </head> <body myselfAttr="我是一个自定义属性" class="dark:bg-zinc-900 bg-[#F8F9FC]" x-data="search"> <style> .swiper{ --swiper-theme-color: #CF0135;/* 设置Swiper风格 */ --swiper-navigation-color: #000;/* 单独设置按钮颜色 */ --swiper-navigation-size: 0.625rem;/* 设置按钮大小 */ } /* @font-face { font-family: SourceHanSansNormal; src: url("/assets/fonts/SourceHanSansCN-Normal.otf"); } */ body { font-family: SourceHanSansNormal !important; /* cursor:pointer; */ } </style>   <header id="header-menu" class="sticky top-0 z-50 flex h-16 bg-white py-3 shadow-sm transition-all dark:bg-gray-800" x-data="{ open : false }" >  <div class="mx-auto flex h-full w-full justify-between max-w-7xl container ">  <div class="flex h-full items-center gap-6"> <div class="mr-2 h-full"> <a href="/" class="inline-flex h-full items-center"> <img src="/upload/CRC-logo.png" alt="Logo" class="h-full w-auto" /> </a> </div> </div>  <ul class="hidden items-center gap-8 sm:flex" > <li class="relative cursor-pointer font-medium transition-all" x-data="dropdown" @mouseenter="open()" @mouseleave="close()" > <a class="text-gray-700 hover:text-red-600 dark:text-slate-50 dark:hover:text-gray-300" href="/" >首页</a> </li> <li class="relative cursor-pointer font-medium transition-all" x-data="dropdown" @mouseenter="open()" @mouseleave="close()" > <a class="text-gray-700 hover:text-red-600 dark:text-slate-50 dark:hover:text-gray-300" href="/productCenter" target="_self" >产品中心</a> </li> <li class="relative cursor-pointer font-medium transition-all" x-data="dropdown" @mouseenter="open()" @mouseleave="close()" > <a class="text-gray-700 hover:text-red-600 dark:text-slate-50 dark:hover:text-gray-300" href="#" target="_self" >行业应用</a> <ul @mouseenter="open()" @mouseleave="close()" x-show="show" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="menu-dropdown absolute left-0 z-10 mt-2 w-40 divide-y divide-gray-50 overflow-hidden rounded bg-white shadow dark:bg-slate-700" > <li class="flex w-full items-center text-left text-sm hover:bg-gray-50 dark:hover:bg-slate-600" > <a class="size-full truncate px-4 py-2 text-gray-600 hover:text-text-red dark:text-slate-50 dark:hover:text-gray-300" href="/industry/general-manufacturing" target="_self" >一般工业</a> </li> <li class="flex w-full items-center text-left text-sm hover:bg-gray-50 dark:hover:bg-slate-600" > <a class="size-full truncate px-4 py-2 text-gray-600 hover:text-text-red dark:text-slate-50 dark:hover:text-gray-300" href="/industry/hardware" target="_self" >五金工具</a> </li> <li class="flex w-full items-center text-left text-sm hover:bg-gray-50 dark:hover:bg-slate-600" > <a class="size-full truncate px-4 py-2 text-gray-600 hover:text-text-red dark:text-slate-50 dark:hover:text-gray-300" href="/industry/Intelligent-equipment-maintenance" target="_self" >智能装备维保</a> </li> <li class="flex w-full items-center text-left text-sm hover:bg-gray-50 dark:hover:bg-slate-600" > <a class="size-full truncate px-4 py-2 text-gray-600 hover:text-text-red dark:text-slate-50 dark:hover:text-gray-300" href="/industry/rail-transit" target="_self" >轨道交通</a> </li> <li class="flex w-full items-center text-left text-sm hover:bg-gray-50 dark:hover:bg-slate-600" > <a class="size-full truncate px-4 py-2 text-gray-600 hover:text-text-red dark:text-slate-50 dark:hover:text-gray-300" href="/industry/Yacht-maintenance" target="_self" >游艇养护</a> </li> <li class="flex w-full items-center text-left text-sm hover:bg-gray-50 dark:hover:bg-slate-600" > <a class="size-full truncate px-4 py-2 text-gray-600 hover:text-text-red dark:text-slate-50 dark:hover:text-gray-300" href="/industry/marine" target="_self" >船舶航运</a> </li> <li class="flex w-full items-center text-left text-sm hover:bg-gray-50 dark:hover:bg-slate-600" > <a class="size-full truncate px-4 py-2 text-gray-600 hover:text-text-red dark:text-slate-50 dark:hover:text-gray-300" href="/industry/mining" target="_self" >矿山采掘</a> </li> <li class="flex w-full items-center text-left text-sm hover:bg-gray-50 dark:hover:bg-slate-600" > <a class="size-full truncate px-4 py-2 text-gray-600 hover:text-text-red dark:text-slate-50 dark:hover:text-gray-300" href="/industry/aviation" target="_self" >航空航天</a> </li> <li class="flex w-full items-center text-left text-sm hover:bg-gray-50 dark:hover:bg-slate-600" > <a class="size-full truncate px-4 py-2 text-gray-600 hover:text-text-red dark:text-slate-50 dark:hover:text-gray-300" href="/industry/home-care" target="_self" >家居精护</a> </li> <li class="flex w-full items-center text-left text-sm hover:bg-gray-50 dark:hover:bg-slate-600" > <a class="size-full truncate px-4 py-2 text-gray-600 hover:text-text-red dark:text-slate-50 dark:hover:text-gray-300" href="/industry/welding" target="_self" >焊接</a> </li> <li class="flex w-full items-center text-left text-sm hover:bg-gray-50 dark:hover:bg-slate-600" > <a class="size-full truncate px-4 py-2 text-gray-600 hover:text-text-red dark:text-slate-50 dark:hover:text-gray-300" href="/industry/fire-control" target="_self" >消防</a> </li> <li class="flex w-full items-center text-left text-sm hover:bg-gray-50 dark:hover:bg-slate-600" > <a class="size-full truncate px-4 py-2 text-gray-600 hover:text-text-red dark:text-slate-50 dark:hover:text-gray-300" href="/industry/electrical-utility" target="_self" >风电</a> </li> <li class="flex w-full items-center text-left text-sm hover:bg-gray-50 dark:hover:bg-slate-600" > <a class="size-full truncate px-4 py-2 text-gray-600 hover:text-text-red dark:text-slate-50 dark:hover:text-gray-300" href="/industry/food-beverage" target="_self" >食品</a> </li> <li class="flex w-full items-center text-left text-sm hover:bg-gray-50 dark:hover:bg-slate-600" > <a class="size-full truncate px-4 py-2 text-gray-600 hover:text-text-red dark:text-slate-50 dark:hover:text-gray-300" href="/industry/heavy-truck" target="_self" >汽车卡车养护</a> </li> <li class="flex w-full items-center text-left text-sm hover:bg-gray-50 dark:hover:bg-slate-600" > <a class="size-full truncate px-4 py-2 text-gray-600 hover:text-text-red dark:text-slate-50 dark:hover:text-gray-300" href="/industry/motorcycle-and-bicycle-maintenance" target="_self" >摩托车和自行车养护</a> </li> </ul> </li> <li class="relative cursor-pointer font-medium transition-all" x-data="dropdown" @mouseenter="open()" @mouseleave="close()" > <a class="text-gray-700 hover:text-red-600 dark:text-slate-50 dark:hover:text-gray-300" href="/about-us" target="_self" >关于我们</a> <ul @mouseenter="open()" @mouseleave="close()" x-show="show" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="menu-dropdown absolute left-0 z-10 mt-2 w-40 divide-y divide-gray-50 overflow-hidden rounded bg-white shadow dark:bg-slate-700" > <li class="flex w-full items-center text-left text-sm hover:bg-gray-50 dark:hover:bg-slate-600" > <a class="size-full truncate px-4 py-2 text-gray-600 hover:text-text-red dark:text-slate-50 dark:hover:text-gray-300" href="/contact-us" target="_self" >联系我们</a> </li> <li class="flex w-full items-center text-left text-sm hover:bg-gray-50 dark:hover:bg-slate-600" > <a class="size-full truncate px-4 py-2 text-gray-600 hover:text-text-red dark:text-slate-50 dark:hover:text-gray-300" href="/product-quality" target="_self" >产品质量</a> </li> </ul> </li> <li class="relative cursor-pointer font-medium transition-all" x-data="dropdown" @mouseenter="open()" @mouseleave="close()" > <a class="text-gray-700 hover:text-red-600 dark:text-slate-50 dark:hover:text-gray-300" href="http://verify.crcindustries.cn/scanCodePage/com5020_pc/index.html" target="_blank" >防伪查询</a> </li> <li class="relative cursor-pointer font-medium transition-all" x-data="dropdown" @mouseenter="open()" @mouseleave="close()" > <a class="text-gray-700 hover:text-red-600 dark:text-slate-50 dark:hover:text-gray-300" href="/" target="_self" >网上商城</a> <ul @mouseenter="open()" @mouseleave="close()" x-show="show" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="menu-dropdown absolute left-0 z-10 mt-2 w-40 divide-y divide-gray-50 overflow-hidden rounded bg-white shadow dark:bg-slate-700" > <li class="flex w-full items-center text-left text-sm hover:bg-gray-50 dark:hover:bg-slate-600" > <a class="size-full truncate px-4 py-2 text-gray-600 hover:text-text-red dark:text-slate-50 dark:hover:text-gray-300" href="https://crcqcpj.tmall.com" target="_blank" >天猫商城</a> </li> <li class="flex w-full items-center text-left text-sm hover:bg-gray-50 dark:hover:bg-slate-600" > <a class="size-full truncate px-4 py-2 text-gray-600 hover:text-text-red dark:text-slate-50 dark:hover:text-gray-300" href="https://mall.jd.com/index-1000207353.html" target="_blank" >京东商城</a> </li> </ul> </li> </ul>  <div class="flex items-center"> <script type="text/javascript"> </script> <ul x-data="colorSchemeSwitcher" class="flex items-center gap-4"> <li> <a href="javascript:SearchWidget.open()" title="搜索" class="w-8 h-8 hover-content" > <img class="w-8 h-8 nohover" src="/themes/theme-crc/assets/images/搜索@2x.png" alt="搜索"> <img class="w-8 h-8 hover-show" src="/themes/theme-crc/assets/images/搜索图标-白底红字.jpg" alt="搜索"> </a> <style> .nohover{ display:block; } .hover-show{ display: none; } .hover-content:hover .nohover{ display: none; } .hover-content:hover .hover-show{ display: block; border: 0.0625rem solid #cf0135; } </style> </li> <li class="sm:hidden" x-on:click="open = true"> <div class="i-tabler-menu-2 text-lg text-gray-600 hover:text-blue-600 dark:text-slate-100"></div> </li>    </ul> </div> </div> <div> <div class="fixed inset-0 z-50 bg-gray-800/40 opacity-100 backdrop-blur-sm dark:bg-black/80" aria-hidden="true" x-show="open" x-transition:enter="ease-in-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in-out duration-300" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" ></div> <div class="fixed inset-x-4 top-8 z-50 origin-top scale-100 rounded-lg bg-white p-4 dark:bg-slate-900" tabindex="-1" x-show="open" x-transition:enter="ease-out duration-200" x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" x-transition:leave="ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" @click.outside="open = false" > <div class="flex flex-row-reverse items-center justify-between"> <button class="i-tabler-x p-1 text-xl text-gray-600 dark:text-slate-300" type="button" tabindex="0" @click="open = false" ></button> <h2 class="text-sm font-medium text-gray-600 dark:text-slate-300">菜单</h2> </div> <nav class="mt-6"> <ul class="-my-2 divide-y divide-gray-100 text-sm text-gray-800 dark:divide-slate-800 dark:text-slate-100" style="height: 35rem; overflow: auto;"> <li> <a class="flex items-center justify-between gap-1 py-2" href="/" > <span>首页</span> </a> </li> <li> <a class="flex items-center justify-between gap-1 py-2" href="/productCenter" target="_self" > <span>产品中心</span> </a> </li> <li> <a class="flex items-center justify-between gap-1 py-2" href="#" target="_self" > <span>行业应用</span> </a> <ul class="divide-y divide-gray-100 dark:divide-slate-800"> <li class="flex w-full items-center text-left text-sm"> <a class="size-full truncate px-4 py-2 text-gray-600 dark:text-slate-200" href="/industry/general-manufacturing" target="_self" >一般工业</a> </li> <li class="flex w-full items-center text-left text-sm"> <a class="size-full truncate px-4 py-2 text-gray-600 dark:text-slate-200" href="/industry/hardware" target="_self" >五金工具</a> </li> <li class="flex w-full items-center text-left text-sm"> <a class="size-full truncate px-4 py-2 text-gray-600 dark:text-slate-200" href="/industry/Intelligent-equipment-maintenance" target="_self" >智能装备维保</a> </li> <li class="flex w-full items-center text-left text-sm"> <a class="size-full truncate px-4 py-2 text-gray-600 dark:text-slate-200" href="/industry/rail-transit" target="_self" >轨道交通</a> </li> <li class="flex w-full items-center text-left text-sm"> <a class="size-full truncate px-4 py-2 text-gray-600 dark:text-slate-200" href="/industry/Yacht-maintenance" target="_self" >游艇养护</a> </li> <li class="flex w-full items-center text-left text-sm"> <a class="size-full truncate px-4 py-2 text-gray-600 dark:text-slate-200" href="/industry/marine" target="_self" >船舶航运</a> </li> <li class="flex w-full items-center text-left text-sm"> <a class="size-full truncate px-4 py-2 text-gray-600 dark:text-slate-200" href="/industry/mining" target="_self" >矿山采掘</a> </li> <li class="flex w-full items-center text-left text-sm"> <a class="size-full truncate px-4 py-2 text-gray-600 dark:text-slate-200" href="/industry/aviation" target="_self" >航空航天</a> </li> <li class="flex w-full items-center text-left text-sm"> <a class="size-full truncate px-4 py-2 text-gray-600 dark:text-slate-200" href="/industry/home-care" target="_self" >家居精护</a> </li> <li class="flex w-full items-center text-left text-sm"> <a class="size-full truncate px-4 py-2 text-gray-600 dark:text-slate-200" href="/industry/welding" target="_self" >焊接</a> </li> <li class="flex w-full items-center text-left text-sm"> <a class="size-full truncate px-4 py-2 text-gray-600 dark:text-slate-200" href="/industry/fire-control" target="_self" >消防</a> </li> <li class="flex w-full items-center text-left text-sm"> <a class="size-full truncate px-4 py-2 text-gray-600 dark:text-slate-200" href="/industry/electrical-utility" target="_self" >风电</a> </li> <li class="flex w-full items-center text-left text-sm"> <a class="size-full truncate px-4 py-2 text-gray-600 dark:text-slate-200" href="/industry/food-beverage" target="_self" >食品</a> </li> <li class="flex w-full items-center text-left text-sm"> <a class="size-full truncate px-4 py-2 text-gray-600 dark:text-slate-200" href="/industry/heavy-truck" target="_self" >汽车卡车养护</a> </li> <li class="flex w-full items-center text-left text-sm"> <a class="size-full truncate px-4 py-2 text-gray-600 dark:text-slate-200" href="/industry/motorcycle-and-bicycle-maintenance" target="_self" >摩托车和自行车养护</a> </li> </ul> </li> <li> <a class="flex items-center justify-between gap-1 py-2" href="/about-us" target="_self" > <span>关于我们</span> </a> <ul class="divide-y divide-gray-100 dark:divide-slate-800"> <li class="flex w-full items-center text-left text-sm"> <a class="size-full truncate px-4 py-2 text-gray-600 dark:text-slate-200" href="/contact-us" target="_self" >联系我们</a> </li> <li class="flex w-full items-center text-left text-sm"> <a class="size-full truncate px-4 py-2 text-gray-600 dark:text-slate-200" href="/product-quality" target="_self" >产品质量</a> </li> </ul> </li> <li> <a class="flex items-center justify-between gap-1 py-2" href="http://verify.crcindustries.cn/scanCodePage/com5020_pc/index.html" target="_blank" > <span>防伪查询</span> </a> </li> <li> <a class="flex items-center justify-between gap-1 py-2" href="/" target="_self" > <span>网上商城</span> </a> <ul class="divide-y divide-gray-100 dark:divide-slate-800"> <li class="flex w-full items-center text-left text-sm"> <a class="size-full truncate px-4 py-2 text-gray-600 dark:text-slate-200" href="https://crcqcpj.tmall.com" target="_blank" >天猫商城</a> </li> <li class="flex w-full items-center text-left text-sm"> <a class="size-full truncate px-4 py-2 text-gray-600 dark:text-slate-200" href="https://mall.jd.com/index-1000207353.html" target="_blank" >京东商城</a> </li> </ul> </li> </ul> </nav> </div> </div> </header> <section class="container mx-auto"></section> <section class="container mx-auto grid grid-cols-4 gap-6"> <div class="col-span-5 sm:col-span-4"> </div> </section>  <link rel="stylesheet" href="/themes/theme-crc/assets/styles/index.css"> <link rel="stylesheet" href="/themes/theme-crc/assets/swiper/swiper-bundle.min.css" /> <link rel="stylesheet" href="/themes/theme-crc/assets/styles/common.css" /> <script src="/themes/theme-crc/assets/swiper/swiper-bundle.min.js" type="text/javascript"></script> <div class="home pc pb-11">   <div> <div class="swiper swiper_home" id="swiperBanner"> <div class="swiper-wrapper swiper_home_slides"> <div class="swiper-slide swiper_home_item"> <img class="swiper_image" src="/upload/banner.jpg" srcset=" /upload/thumbnails/2024/w400/banner.jpg 400w, /upload/thumbnails/2024/w800/banner.jpg 800w, /upload/thumbnails/2024/w1200/banner.jpg 1200w, /upload/thumbnails/2024/w1600/banner.jpg 1600w " sizes="(max-width: 1600px) 100vw, 1600px" alt="全球领导者之一">  <div class="swiper_title "> <div class="swiper_title1">全球领导者之一</div> <div class="swiper_title2">CRC致力于为您提供MRO行业一站式解决方案，包括清洗剂、清洁剂、润滑剂、防锈剂、防护涂料、脱脂剂、润滑脂、特种产品等全系列产品，更有针对特定维护与维修需求的定制产品。</div> <div class="swiper_sepa"> <div class="sepa_1"></div><div class="sepa_2"></div> </div> <div class="swiper_title3"></div> </div> </div> <div class="swiper-slide swiper_home_item"> <a style=" position: relative; overflow: hidden; width: 100%; height: 100%; display: block; " href="https://item.jd.com/100105782444.html" target="_blank" class="swiper_image" > <img class="swiper_image" src="/upload/精密电器.jpg" srcset=" /upload/thumbnails/2024/w400/%E7%B2%BE%E5%AF%86%E7%94%B5%E5%99%A8.jpg 400w, /upload/thumbnails/2024/w800/%E7%B2%BE%E5%AF%86%E7%94%B5%E5%99%A8.jpg 800w, /upload/thumbnails/2024/w1200/%E7%B2%BE%E5%AF%86%E7%94%B5%E5%99%A8.jpg 1200w, /upload/thumbnails/2024/w1600/%E7%B2%BE%E5%AF%86%E7%94%B5%E5%99%A8.jpg 1600w " sizes="(max-width: 1600px) 100vw, 1600px" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100%; object-fit: cover; " > </a> </div> <div class="swiper-slide swiper_home_item"> <a style=" position: relative; overflow: hidden; width: 100%; height: 100%; display: block; " href="https://item.jd.com/100094293031.html" target="_blank" class="swiper_image" > <img class="swiper_image" src="/upload/设备养护.jpg" srcset=" /upload/thumbnails/2024/w400/%E8%AE%BE%E5%A4%87%E5%85%BB%E6%8A%A4.jpg 400w, /upload/thumbnails/2024/w800/%E8%AE%BE%E5%A4%87%E5%85%BB%E6%8A%A4.jpg 800w, /upload/thumbnails/2024/w1200/%E8%AE%BE%E5%A4%87%E5%85%BB%E6%8A%A4.jpg 1200w, /upload/thumbnails/2024/w1600/%E8%AE%BE%E5%A4%87%E5%85%BB%E6%8A%A4.jpg 1600w " sizes="(max-width: 1600px) 100vw, 1600px" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100%; object-fit: cover; " > </a> </div> <div class="swiper-slide swiper_home_item"> <a style=" position: relative; overflow: hidden; width: 100%; height: 100%; display: block; " href="https://item.jd.com/100094291435.html" target="_blank" class="swiper_image" > <img class="swiper_image" src="/upload/刹车异响.jpg" srcset=" /upload/thumbnails/2024/w400/%E5%88%B9%E8%BD%A6%E5%BC%82%E5%93%8D.jpg 400w, /upload/thumbnails/2024/w800/%E5%88%B9%E8%BD%A6%E5%BC%82%E5%93%8D.jpg 800w, /upload/thumbnails/2024/w1200/%E5%88%B9%E8%BD%A6%E5%BC%82%E5%93%8D.jpg 1200w, /upload/thumbnails/2024/w1600/%E5%88%B9%E8%BD%A6%E5%BC%82%E5%93%8D.jpg 1600w " sizes="(max-width: 1600px) 100vw, 1600px" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100%; object-fit: cover; " > </a> </div> <div class="swiper-slide swiper_home_item"> <a style=" position: relative; overflow: hidden; width: 100%; height: 100%; display: block; " href="/products/smart-washer" target="_blank" class="swiper_image" > <img class="swiper_image" src="/upload/零部件清洗机.jpg" srcset=" /upload/thumbnails/2024/w400/%E9%9B%B6%E9%83%A8%E4%BB%B6%E6%B8%85%E6%B4%97%E6%9C%BA.jpg 400w, /upload/thumbnails/2024/w800/%E9%9B%B6%E9%83%A8%E4%BB%B6%E6%B8%85%E6%B4%97%E6%9C%BA.jpg 800w, /upload/thumbnails/2024/w1200/%E9%9B%B6%E9%83%A8%E4%BB%B6%E6%B8%85%E6%B4%97%E6%9C%BA.jpg 1200w, /upload/thumbnails/2024/w1600/%E9%9B%B6%E9%83%A8%E4%BB%B6%E6%B8%85%E6%B4%97%E6%9C%BA.jpg 1600w " sizes="(max-width: 1600px) 100vw, 1600px" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100%; object-fit: cover; " > </a> </div> </div> <div class="swiper-pagination "></div> </div> </div>  <div> <div class="hot_home home_container">  <div class="hot_title"> <div class="hot_title1">— 明星产品 —</div> <div class="hot_title2"> <div class="mx-auto"> CRC致力于提供一站式解决方案, 满足您对清洁、润滑、防腐、紧固、调整的多功能需求</div> <a target="_blank" href="/productCenter" class="text-[#cf0135] text-[16px] block"> <span>查看更多</span> <span class="iconfont icon-youjiantou"></span> </a> </div> </div> <div class="hot_content">  <a target="_blank" href="/product/PR05005CR" class="content_left"> <img class="img" src="/upload/组%2017.png" alt="热门产品主图" srcset=" /upload/thumbnails/2024/w400/2017.png 400w, /upload/thumbnails/2024/w800/2017.png 800w, /upload/thumbnails/2024/w1200/2017.png 1200w, /upload/thumbnails/2024/w1600/2017.png 1600w " sizes="(max-width: 1600px) 100vw, 1600px" > </a>  <div class="content_right"> <a target="_blank" href="/product/PR02016C" class="right_item "> <div class="item_img"> <img class="h-full w-full object-scale-down" src="/upload/PR02016C-0.jpg" alt="精密电器清洁剂 300g" srcset=" /upload/thumbnails/2024/w400/PR02016C-0.jpg 400w, /upload/thumbnails/2024/w800/PR02016C-0.jpg 800w, /upload/thumbnails/2024/w1200/PR02016C-0.jpg 1200w, /upload/thumbnails/2024/w1600/PR02016C-0.jpg 1600w " sizes="18rem" > </div> <div class="item_title"> <div class="item_title1">PR02016C</div> <div class="item_sepa"></div> <div class="item_title2">精密电器清洁剂 300g</div> </div> </a> <a target="_blank" href="/product/PR14086" class="right_item "> <div class="item_img"> <img class="h-full w-full object-scale-down" src="/upload/PR14086.png" alt="极速致冷剂 284g" srcset=" /upload/thumbnails/2024/w400/PR14086.png 400w, /upload/thumbnails/2024/w800/PR14086.png 800w, /upload/thumbnails/2024/w1200/PR14086.png 1200w, /upload/thumbnails/2024/w1600/PR14086.png 1600w " sizes="18rem" > </div> <div class="item_title"> <div class="item_title1">PR14086</div> <div class="item_sepa"></div> <div class="item_title2">极速致冷剂 284g</div> </div> </a> <a target="_blank" href="/product/PR2043" class="right_item "> <div class="item_img"> <img class="h-full w-full object-scale-down" src="/upload/PR2043-0.png" alt="透明保护漆 300g" srcset=" /upload/thumbnails/2024/w400/PR2043-0.png 400w, /upload/thumbnails/2024/w800/PR2043-0.png 800w, /upload/thumbnails/2024/w1200/PR2043-0.png 1200w, /upload/thumbnails/2024/w1600/PR2043-0.png 1600w " sizes="18rem" > </div> <div class="item_title"> <div class="item_title1">PR2043</div> <div class="item_sepa"></div> <div class="item_title2">透明保护漆 300g</div> </div> </a> <a target="_blank" href="/product/PR05088" class="right_item "> <div class="item_img"> <img class="h-full w-full object-scale-down" src="/upload/PR05088-0.png" alt="刹车部件清洁剂 500ml" srcset=" /upload/thumbnails/2024/w400/PR05088-0.png 400w, /upload/thumbnails/2024/w800/PR05088-0.png 800w, /upload/thumbnails/2024/w1200/PR05088-0.png 1200w, /upload/thumbnails/2024/w1600/PR05088-0.png 1600w " sizes="18rem" > </div> <div class="item_title"> <div class="item_title1">PR05088</div> <div class="item_sepa"></div> <div class="item_title2">刹车部件清洁剂 500ml</div> </div> </a> </div> </div> </div> </div>  <div> <div class="h-[45.625rem] w-full"> <div class="introduce-position"> <img class="img" src="/upload/146407460.png" srcset=" /upload/thumbnails/2024/w400/146407460.png 400w, /upload/thumbnails/2024/w800/146407460.png 800w, /upload/thumbnails/2024/w1200/146407460.png 1200w, /upload/thumbnails/2024/w1600/146407460.png 1600w " sizes="(max-width: 1600px) 100vw, 1600px" alt="关于 CRC"> <div class="introduce_content"> <div class="introduce_container home_container"> <div class="introduce_detail mr-[5.5rem]"> <div class="introduce_title">关于 CRC</div> <div class="introduce_info">CRC实业，自1958年创立以来，便以全球视野将特殊化学品深耕于维修保养全领域。我们拥有超过1300多种配方，专为工业制造、智能制造、汽车、船舶、轨道交通、五金、电子、航空、航海和航天等行业量身打造，满足您独特的化学需求。</div> <div class="swiper_sepa mt-[3.75rem]"> <div class="sepa_1"></div><div class="sepa_2"></div> </div> <a target="_blank" href="/about-us" class="w-[7.5rem] h-[1.625rem] border rounded-none border-white mt-[3.75rem] text-center block"> <span class="">了解更多</span> <span class="iconfont icon-youjiantou"></span> </a> </div> <div class="introduce_img w-[39.75rem] h-[29.125rem]"> <img class="img" src="/upload/图层%206.png" srcset=" /upload/thumbnails/2024/w400/206.png 400w, /upload/thumbnails/2024/w800/206.png 800w, /upload/thumbnails/2024/w1200/206.png 1200w, /upload/thumbnails/2024/w1600/206.png 1600w " sizes="(max-width: 1600px) 100vw, 1600px" alt="CRC实业，自1958年创立以来，便以全球视野将特殊化学品深耕于维修保养全领域。我们拥有超过1300多种配方，专为工业制造、智能制造、汽车、船舶、轨道交通、五金、电子、航空、航海和航天等行业量身打造，满足您独特的化学需求。"> </div> </div> </div> </div> </div> </div>  <div> <div class="solution"> <div class="solution_content"> <div class="solution_title mbottom-40"> <img class="img" src="/upload/130404572.png" srcset=" /upload/thumbnails/2024/w400/130404572.png 400w, /upload/thumbnails/2024/w800/130404572.png 800w, /upload/thumbnails/2024/w1200/130404572.png 1200w, /upload/thumbnails/2024/w1600/130404572.png 1600w " sizes="(max-width: 1600px) 100vw, 1600px" alt="行业应用"> <div class="solution_title_content"> <div class="text-[2.75rem] mt-[6.875rem] li-1" >INDUSTRY SOLUTIONS</div> <div class="text-[3.5rem] mt-[1.5rem] li-1">— 行业应用 —</div> </div> </div> <div class="solution_detail">  <div class="solution_detail_top">  <div class="solution_detail_top_left"> <img class="img" src="/upload/图层%208.png" alt="轨道交通" srcset=" /upload/thumbnails/2024/w400/208.png 400w, /upload/thumbnails/2024/w800/208.png 800w, /upload/thumbnails/2024/w1200/208.png 1200w, /upload/thumbnails/2024/w1600/208.png 1600w " sizes="(max-width: 1600px) 100vw, 1600px" > <div class="top_right_info"> <div class="right_info_icon"> <img class="img" src="/upload/轨道交通-ucjp.png" alt="RAIL TRAFFIC"> </div> <div class="right_info_title1 li-1 font-semibold">轨道交通</div> <div class="text-[1.125rem] li-1 mt-[0.875rem] h-[1.25rem] font-medium">RAIL TRAFFIC</div> <div class="right_info_plus" >+</div> <a target="_blank" href="/industry/rail-transit" class="right-to-detail">查看详情>></a> </div> </div>  <div class="solution_detail_top_right"> <div class="right-item"> <img src="/upload/图层%208(1).png" alt="风电" srcset=" /upload/thumbnails/2024/w400/2081.png 400w, /upload/thumbnails/2024/w800/2081.png 800w, /upload/thumbnails/2024/w1200/2081.png 1200w, /upload/thumbnails/2024/w1600/2081.png 1600w " sizes="(max-width: 1600px) 100vw, 1600px" > <div class="solution-info"> <div class="solution-info-title1">风电</div> <div class="solution-info-title2 ">ELECTRICAL UTILITY</div> <div class="left-info-icon">+</div> <a target="_blank" href="/industry/electrical-utility" class="solution-info-title3"> <span>查看详情>></span> </a> </div> </div> <div class="right-item"> <img src="/upload/图层%209(1).png" alt="汽车卡车养护" srcset=" /upload/thumbnails/2024/w400/2091.png 400w, /upload/thumbnails/2024/w800/2091.png 800w, /upload/thumbnails/2024/w1200/2091.png 1200w, /upload/thumbnails/2024/w1600/2091.png 1600w " sizes="(max-width: 1600px) 100vw, 1600px" > <div class="solution-info"> <div class="solution-info-title1">汽车卡车养护</div> <div class="solution-info-title2">HEAVY TRUCK</div> <div class="left-info-icon">+</div> <a target="_blank" href="/industry/heavy-truck" class="solution-info-title3"> <span>查看详情>></span> </a> </div> </div> <div class="right-item"> <img src="/upload/图层%2010(1).png" alt="智能装备维保" srcset=" /upload/thumbnails/2024/w400/20101.png 400w, /upload/thumbnails/2024/w800/20101.png 800w, /upload/thumbnails/2024/w1200/20101.png 1200w, /upload/thumbnails/2024/w1600/20101.png 1600w " sizes="(max-width: 1600px) 100vw, 1600px" > <div class="solution-info"> <div class="solution-info-title1">智能装备维保</div> <div class="solution-info-title2">SMART MAINTENANCE</div> <div class="left-info-icon">+</div> <a target="_blank" href="/industry/Intelligent-equipment-maintenance" class="solution-info-title3"> <span>查看详情>></span> </a> </div> </div> <div class="right-item"> <img src="/upload/图层%2013.png" alt="一般工业" srcset=" /upload/thumbnails/2024/w400/2013.png 400w, /upload/thumbnails/2024/w800/2013.png 800w, /upload/thumbnails/2024/w1200/2013.png 1200w, /upload/thumbnails/2024/w1600/2013.png 1600w " sizes="(max-width: 1600px) 100vw, 1600px" > <div class="solution-info"> <div class="solution-info-title1">一般工业</div> <div class="solution-info-title2">GENERAL MANUFACTURING</div> <div class="left-info-icon">+</div> <a target="_blank" href="/industry/general-manufacturing" class="solution-info-title3"> <span>查看详情>></span> </a> </div> </div> <div class="right-item"> <img src="/upload/图层%2011.png" alt="五金工具" srcset=" /upload/thumbnails/2024/w400/2011.png 400w, /upload/thumbnails/2024/w800/2011.png 800w, /upload/thumbnails/2024/w1200/2011.png 1200w, /upload/thumbnails/2024/w1600/2011.png 1600w " sizes="(max-width: 1600px) 100vw, 1600px" > <div class="solution-info"> <div class="solution-info-title1">五金工具</div> <div class="solution-info-title2">HARDWARE</div> <div class="left-info-icon">+</div> <a target="_blank" href="/industry/hardware" class="solution-info-title3"> <span>查看详情>></span> </a> </div> </div> <div class="right-item"> <img src="/upload/图层%2012.png" alt="航空航天" srcset=" /upload/thumbnails/2024/w400/2012.png 400w, /upload/thumbnails/2024/w800/2012.png 800w, /upload/thumbnails/2024/w1200/2012.png 1200w, /upload/thumbnails/2024/w1600/2012.png 1600w " sizes="(max-width: 1600px) 100vw, 1600px" > <div class="solution-info"> <div class="solution-info-title1">航空航天</div> <div class="solution-info-title2">AVIATION</div> <div class="left-info-icon">+</div> <a target="_blank" href="/industry/aviation" class="solution-info-title3"> <span>查看详情>></span> </a> </div> </div> </div> </div>  <div class="solution_detail_bottom"> <div class="solution_bottom_item"> <img class="img" src="/upload/图层%2014.png" alt="船舶航运" srcset=" /upload/thumbnails/2024/w400/2014.png 400w, /upload/thumbnails/2024/w800/2014.png 800w, /upload/thumbnails/2024/w1200/2014.png 1200w, /upload/thumbnails/2024/w1600/2014.png 1600w " sizes="(max-width: 1600px) 100vw, 1600px" > <div class="solution_detail_bottom_info"> <div class="solution_detail_bottom_info_left"> <div class="fs24 fw6">船舶航运</div> <div class="fs16 fw5 h-[1.25rem]">MARINE</div> <div class="solution_detail_bottom_plus">+</div> <a target="_blank" href="/industry/marine" class="solution_detail_bottom_title3"> <span class="">查看详情>></span> </a> </div> <div class="solution_detail_bottom_info_right"> <img class="img solution_detail_bottom_info_img" src="/upload/船舶航运.png" alt="MARINE"> </div> </div> </div> <div class="solution_bottom_item"> <img class="img" src="/upload/图层%2015.png" alt="矿山开掘" srcset=" /upload/thumbnails/2024/w400/2015.png 400w, /upload/thumbnails/2024/w800/2015.png 800w, /upload/thumbnails/2024/w1200/2015.png 1200w, /upload/thumbnails/2024/w1600/2015.png 1600w " sizes="(max-width: 1600px) 100vw, 1600px" > <div class="solution_detail_bottom_info"> <div class="solution_detail_bottom_info_left"> <div class="fs24 fw6">矿山开掘</div> <div class="fs16 fw5 h-[1.25rem]">MINING</div> <div class="solution_detail_bottom_plus">+</div> <a target="_blank" href="/industry/mining" class="solution_detail_bottom_title3"> <span class="">查看详情>></span> </a> </div> <div class="solution_detail_bottom_info_right"> <img class="img solution_detail_bottom_info_img" src="/upload/矿山采掘.png" alt="MINING"> </div> </div> </div> </div> </div> <div class="solution_footer w-full h-[6.25rem] flex items-center justify-center">  </div> </div> </div> </div>  <div> <div class="h-[65.625rem] w-full bg-[#eee]"> <div class="w-[79.875rem] mx-auto flex flex-col justify-center items-center"> <div class="mt-[6.25rem] text-[3.5rem] text-[#CF0135]">— 客户之声 —</div> <div class="mt-[1.5625rem] mb-[3.625rem] text-[1.5rem] text-[#000]">来自多位客户的信任与选择</div> <div class="w-full h-[41.875rem]"> <div class="swiper" id="swiperStory"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="h-[45rem] w-[25.6875rem] "> <div class="w-full h-[27.875rem] flex justify-center items-center bg-white p-3"> <img class="h-full w-full object-scale-down" src="/upload/PR05005CE-0.png" alt=" 5-56 " srcset=" /upload/thumbnails/2024/w400/PR05005CE-0.png 400w, /upload/thumbnails/2024/w800/PR05005CE-0.png 800w, /upload/thumbnails/2024/w1200/PR05005CE-0.png 1200w, /upload/thumbnails/2024/w1600/PR05005CE-0.png 1600w " sizes="26rem" > </div> <div class="box-border p-[1.5625rem] bg-white"> <div class="text-[1.875rem] li-1 font-semibold"> 5-56 </div> <div class="flex my-4"> <div class="border-[0.0625rem] border-solid w-[4.125rem] border-[#cf0135]"></div> <div class="border-[0.0625rem] border-solid w-[4.125rem] border-[#000]"></div> </div> <div class=" text-[1.125rem] h-[8rem] text-[#000] text-left mb-5">"万能工业神油没得说，居家旅行必备之产品，工具箱常备。效果极好，我这次是买过来清理氧化触点的，设备太老了开关接触不良,导致电压不足无法工作，对着开关嘎嘎两下完美解决问题，顺手给门轴和柜锁也来了两下,丝般顺滑。"</div> <div class="text-[1.125rem] text-[#cf0135] text-right"></div> </div> </div> </div> <div class="swiper-slide"> <div class="h-[45rem] w-[25.6875rem] "> <div class="w-full h-[27.875rem] flex justify-center items-center bg-white p-3"> <img class="h-full w-full object-scale-down" src="/upload/PR02016C---.png" alt="精密电器清洁剂" srcset=" /upload/thumbnails/2024/w400/PR02016C---.png 400w, /upload/thumbnails/2024/w800/PR02016C---.png 800w, /upload/thumbnails/2024/w1200/PR02016C---.png 1200w, /upload/thumbnails/2024/w1600/PR02016C---.png 1600w " sizes="26rem" > </div> <div class="box-border p-[1.5625rem] bg-white"> <div class="text-[1.875rem] li-1 font-semibold">精密电器清洁剂</div> <div class="flex my-4"> <div class="border-[0.0625rem] border-solid w-[4.125rem] border-[#cf0135]"></div> <div class="border-[0.0625rem] border-solid w-[4.125rem] border-[#000]"></div> </div> <div class=" text-[1.125rem] h-[8rem] text-[#000] text-left mb-5">“清理电脑主板和显卡的神器，看到京东搞活动就入手买了，很大的一瓶清洁剂，平常家里有些什么电器的线路氧化生锈了就用它喷一下，很快就能正常使用，这个东西非常好用呀！家里准备一瓶比出问题时找维修师傅管用很多。”</div> <div class="text-[1.125rem] text-[#cf0135] text-right"></div> </div> </div> </div> <div class="swiper-slide"> <div class="h-[45rem] w-[25.6875rem] "> <div class="w-full h-[27.875rem] flex justify-center items-center bg-white p-3"> <img class="h-full w-full object-scale-down" src="/upload/PR14086---.png" alt="极速致冷剂" srcset=" /upload/thumbnails/2024/w400/PR14086---.png 400w, /upload/thumbnails/2024/w800/PR14086---.png 800w, /upload/thumbnails/2024/w1200/PR14086---.png 1200w, /upload/thumbnails/2024/w1600/PR14086---.png 1600w " sizes="26rem" > </div> <div class="box-border p-[1.5625rem] bg-white"> <div class="text-[1.875rem] li-1 font-semibold">极速致冷剂</div> <div class="flex my-4"> <div class="border-[0.0625rem] border-solid w-[4.125rem] border-[#cf0135]"></div> <div class="border-[0.0625rem] border-solid w-[4.125rem] border-[#000]"></div> </div> <div class=" text-[1.125rem] h-[8rem] text-[#000] text-left mb-5">“ 公司实验室是负责验证客户失效件的，有时候需要特别的温度，比如高温或者低温，失效才能复现。这一款冷却液效果挺好的，喷到板子上温度立刻就能降下来，挺不错的！”</div> <div class="text-[1.125rem] text-[#cf0135] text-right"></div> </div> </div> </div> </div> <div class="swiper-pagination-story flex justify-center pt-[1.875rem]"></div> </div> </div> </div> </div> </div>  <div> <div class="w-full h-[35rem] border-[1] border-zinc-400 border-dashed relative text-white"> <img class="img" src="/upload/132508105.png" alt="招商合作"> <div class="absolute top-1/2 left-1/2 translate-y-[-50%] translate-x-[-50%] w-[42.375rem] h-[17rem] bg-[#cf0135]/70"> <div class="text-[3.75rem] font-extrabold my-[2.25rem] li-1 text-center">招商合作</div> <div class="px-[2rem] text-[1.125rem] text-justify leading-loose">CRC 诚邀各界精英加盟！我们专注于提供高品质特殊化学产品与卓越服务，现面向全国广招代理商/经销商。加入我们，共享品牌影响力，享受独家市场资源与支持，详情请咨询：[4008-200-836]。</div> </div> </div> </div>  </div> <div class="home mobile">  <div> <div class="swiper" id="swiperBannerMobile"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="w-full h-[34rem] relative"> <img class="absolute top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%] object-cover flex-1 img" src="/upload/banner.jpg" alt="全球领导者之一" srcset=" /upload/thumbnails/2024/w400/banner.jpg 400w, /upload/thumbnails/2024/w800/banner.jpg 800w, /upload/thumbnails/2024/w1200/banner.jpg 1200w, /upload/thumbnails/2024/w1600/banner.jpg 1600w " sizes="30rem" />  <div class="w-[24.375rem] h-[20.625rem] box-border px-3 text-center bg-black/50 absolute top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%] text-white"> <div class="text-[2.25rem] mt-[3.75rem] li-1">全球领导者之一</div> <div class="h-20 mt-6">CRC致力于为您提供MRO行业一站式解决方案，包括清洗剂、清洁剂、润滑剂、防锈剂、防护涂料、脱脂剂、润滑脂、特种产品等全系列产品，更有针对特定维护与维修需求的定制产品。</div> <div class="mt-8 flex justify-center align-middle"> <div class="border-[0.125rem] border-solid border-[#b10831] w-[1.875rem] "></div><div class="border-[0.125rem] border-solid border-[#fff] w-[1.875rem]"></div> </div>  </div> <a href="/" target="_blank"> </a> </div> </div> <div class="swiper-slide"> <div class="w-full h-[34rem] relative"> <a href="https://item.jd.com/100105782444.html" target="_blank"> <img class="absolute top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%] object-cover flex-1 img" href="https://item.jd.com/100105782444.html" src="javascript:getMobileUrl(data-url)" data-url="/upload/精密电器.jpg" onerror="javascript:getOriginUrl(this)" srcset=" /upload/thumbnails/2024/w400/%E7%B2%BE%E5%AF%86%E7%94%B5%E5%99%A8-mobile.jpg 400w, /upload/thumbnails/2024/w800/%E7%B2%BE%E5%AF%86%E7%94%B5%E5%99%A8-mobile.jpg 800w, /upload/thumbnails/2024/w1200/%E7%B2%BE%E5%AF%86%E7%94%B5%E5%99%A8-mobile.jpg 1200w, /upload/thumbnails/2024/w1600/%E7%B2%BE%E5%AF%86%E7%94%B5%E5%99%A8-mobile.jpg 1600w " sizes="(max-width: 1600px) 100vw, 1600px" /> </a> </div> </div> <div class="swiper-slide"> <div class="w-full h-[34rem] relative"> <a href="https://item.jd.com/100094293031.html" target="_blank"> <img class="absolute top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%] object-cover flex-1 img" href="https://item.jd.com/100094293031.html" src="javascript:getMobileUrl(data-url)" data-url="/upload/设备养护.jpg" onerror="javascript:getOriginUrl(this)" srcset=" /upload/thumbnails/2024/w400/%E8%AE%BE%E5%A4%87%E5%85%BB%E6%8A%A4-mobile.jpg 400w, /upload/thumbnails/2024/w800/%E8%AE%BE%E5%A4%87%E5%85%BB%E6%8A%A4-mobile.jpg 800w, /upload/thumbnails/2024/w1200/%E8%AE%BE%E5%A4%87%E5%85%BB%E6%8A%A4-mobile.jpg 1200w, /upload/thumbnails/2024/w1600/%E8%AE%BE%E5%A4%87%E5%85%BB%E6%8A%A4-mobile.jpg 1600w " sizes="(max-width: 1600px) 100vw, 1600px" /> </a> </div> </div> <div class="swiper-slide"> <div class="w-full h-[34rem] relative"> <a href="https://item.jd.com/100094291435.html" target="_blank"> <img class="absolute top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%] object-cover flex-1 img" href="https://item.jd.com/100094291435.html" src="javascript:getMobileUrl(data-url)" data-url="/upload/刹车异响.jpg" onerror="javascript:getOriginUrl(this)" srcset=" /upload/thumbnails/2024/w400/%E5%88%B9%E8%BD%A6%E5%BC%82%E5%93%8D-mobile.jpg 400w, /upload/thumbnails/2024/w800/%E5%88%B9%E8%BD%A6%E5%BC%82%E5%93%8D-mobile.jpg 800w, /upload/thumbnails/2024/w1200/%E5%88%B9%E8%BD%A6%E5%BC%82%E5%93%8D-mobile.jpg 1200w, /upload/thumbnails/2024/w1600/%E5%88%B9%E8%BD%A6%E5%BC%82%E5%93%8D-mobile.jpg 1600w " sizes="(max-width: 1600px) 100vw, 1600px" /> </a> </div> </div> <div class="swiper-slide"> <div class="w-full h-[34rem] relative"> <a href="/products/smart-washer" target="_blank"> <img class="absolute top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%] object-cover flex-1 img" href="/products/smart-washer" src="javascript:getMobileUrl(data-url)" data-url="/upload/零部件清洗机.jpg" onerror="javascript:getOriginUrl(this)" srcset=" /upload/thumbnails/2024/w400/%E9%9B%B6%E9%83%A8%E4%BB%B6%E6%B8%85%E6%B4%97%E6%9C%BA-mobile.jpg 400w, /upload/thumbnails/2024/w800/%E9%9B%B6%E9%83%A8%E4%BB%B6%E6%B8%85%E6%B4%97%E6%9C%BA-mobile.jpg 800w, /upload/thumbnails/2024/w1200/%E9%9B%B6%E9%83%A8%E4%BB%B6%E6%B8%85%E6%B4%97%E6%9C%BA-mobile.jpg 1200w, /upload/thumbnails/2024/w1600/%E9%9B%B6%E9%83%A8%E4%BB%B6%E6%B8%85%E6%B4%97%E6%9C%BA-mobile.jpg 1600w " sizes="(max-width: 1600px) 100vw, 1600px" /> </a> </div> </div> </div> <div class="swiper-pagination"></div> </div> </div>  <div> <div class="w-full">  <div class="w-full h-[7.5rem] text-center text-[2.5rem] leading-[7.5rem] bg-[#c30e2f] text-white font-extrabold" >— 明星产品 —</div>  <a target="_blank" class="w-[26.875rem] h-[35rem] mb-[1.875rem] mx-auto flex items-center justify-center" href="/product/PR05005CR">  <img class="h-full w-full object-cover" src="/upload/组%2017.png" srcset=" /upload/thumbnails/2024/w400/2017.png 400w, /upload/thumbnails/2024/w800/2017.png 800w, /upload/thumbnails/2024/w1200/2017.png 1200w, /upload/thumbnails/2024/w1600/2017.png 1600w " sizes="(max-width: 1600px) 100vw, 1600px" alt="热门产品主图" > </a>  <div class="swiper" id="swiperHotMobile"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a target="_blank" href="/product/PR05005CR" class="h-[16rem] box-border px-[0.25rem] block"> <div class="w-full h-[12rem] box-border p-4 flex justify-center items-center bg-white"> <img class="h-full w-full object-scale-down" src="/upload/PR05005CR-0.png" alt="5-56 多用途防锈润滑剂 410g" srcset=" /upload/thumbnails/2024/w400/PR05005CR-0.png 400w, /upload/thumbnails/2024/w800/PR05005CR-0.png 800w, /upload/thumbnails/2024/w1200/PR05005CR-0.png 1200w, /upload/thumbnails/2024/w1600/PR05005CR-0.png 1600w " sizes="(max-width: 1600px) 100vw, 1600px" > </div> <div class="w-full h-[5.2rem] bg-[#c30e2f] flex flex-col align-middle text-center text-white box-border py-[0.9375rem]"> <div class="text-[0.75rem]">PR05005CR</div> <div class="border-[0.0625rem] w-[1rem] border-solid border-[#fff] mx-auto my-[0.3125rem]" ></div> <div class="text-[0.75rem]">5-56 多用途防锈润滑剂 410g</div> </div> </a> </div> <div class="swiper-slide"> <a target="_blank" href="/product/PR02016C" class="h-[16rem] box-border px-[0.25rem] block"> <div class="w-full h-[12rem] box-border p-4 flex justify-center items-center bg-white"> <img class="h-full w-full object-scale-down" src="/upload/PR02016C-0.jpg" alt="精密电器清洁剂 300g" srcset=" /upload/thumbnails/2024/w400/PR02016C-0.jpg 400w, /upload/thumbnails/2024/w800/PR02016C-0.jpg 800w, /upload/thumbnails/2024/w1200/PR02016C-0.jpg 1200w, /upload/thumbnails/2024/w1600/PR02016C-0.jpg 1600w " sizes="(max-width: 1600px) 100vw, 1600px" > </div> <div class="w-full h-[5.2rem] bg-[#c30e2f] flex flex-col align-middle text-center text-white box-border py-[0.9375rem]"> <div class="text-[0.75rem]">PR02016C</div> <div class="border-[0.0625rem] w-[1rem] border-solid border-[#fff] mx-auto my-[0.3125rem]" ></div> <div class="text-[0.75rem]">精密电器清洁剂 300g</div> </div> </a> </div> <div class="swiper-slide"> <a target="_blank" href="/product/PR14086" class="h-[16rem] box-border px-[0.25rem] block"> <div class="w-full h-[12rem] box-border p-4 flex justify-center items-center bg-white"> <img class="h-full w-full object-scale-down" src="/upload/PR14086.png" alt="极速致冷剂 284g" srcset=" /upload/thumbnails/2024/w400/PR14086.png 400w, /upload/thumbnails/2024/w800/PR14086.png 800w, /upload/thumbnails/2024/w1200/PR14086.png 1200w, /upload/thumbnails/2024/w1600/PR14086.png 1600w " sizes="(max-width: 1600px) 100vw, 1600px" > </div> <div class="w-full h-[5.2rem] bg-[#c30e2f] flex flex-col align-middle text-center text-white box-border py-[0.9375rem]"> <div class="text-[0.75rem]">PR14086</div> <div class="border-[0.0625rem] w-[1rem] border-solid border-[#fff] mx-auto my-[0.3125rem]" ></div> <div class="text-[0.75rem]">极速致冷剂 284g</div> </div> </a> </div> <div class="swiper-slide"> <a target="_blank" href="/product/PR2043" class="h-[16rem] box-border px-[0.25rem] block"> <div class="w-full h-[12rem] box-border p-4 flex justify-center items-center bg-white"> <img class="h-full w-full object-scale-down" src="/upload/PR2043-0.png" alt="透明保护漆 300g" srcset=" /upload/thumbnails/2024/w400/PR2043-0.png 400w, /upload/thumbnails/2024/w800/PR2043-0.png 800w, /upload/thumbnails/2024/w1200/PR2043-0.png 1200w, /upload/thumbnails/2024/w1600/PR2043-0.png 1600w " sizes="(max-width: 1600px) 100vw, 1600px" > </div> <div class="w-full h-[5.2rem] bg-[#c30e2f] flex flex-col align-middle text-center text-white box-border py-[0.9375rem]"> <div class="text-[0.75rem]">PR2043</div> <div class="border-[0.0625rem] w-[1rem] border-solid border-[#fff] mx-auto my-[0.3125rem]" ></div> <div class="text-[0.75rem]">透明保护漆 300g</div> </div> </a> </div> <div class="swiper-slide"> <a target="_blank" href="/product/PR05088" class="h-[16rem] box-border px-[0.25rem] block"> <div class="w-full h-[12rem] box-border p-4 flex justify-center items-center bg-white"> <img class="h-full w-full object-scale-down" src="/upload/PR05088-0.png" alt="刹车部件清洁剂 500ml" srcset=" /upload/thumbnails/2024/w400/PR05088-0.png 400w, /upload/thumbnails/2024/w800/PR05088-0.png 800w, /upload/thumbnails/2024/w1200/PR05088-0.png 1200w, /upload/thumbnails/2024/w1600/PR05088-0.png 1600w " sizes="(max-width: 1600px) 100vw, 1600px" > </div> <div class="w-full h-[5.2rem] bg-[#c30e2f] flex flex-col align-middle text-center text-white box-border py-[0.9375rem]"> <div class="text-[0.75rem]">PR05088</div> <div class="border-[0.0625rem] w-[1rem] border-solid border-[#fff] mx-auto my-[0.3125rem]" ></div> <div class="text-[0.75rem]">刹车部件清洁剂 500ml</div> </div> </a> </div> </div> <div class="swiper-pagination-hot-mobile flex justify-center box-border py-[1.875rem]"></div> </div> </div> </div>  <div> <div class="h-[43.125rem] w-full relative"> <div class="w-full h-full flex justify-center items-center"> <img class="img object-cover" src="/upload/146407460.png" srcset=" /upload/thumbnails/2024/w400/146407460.png 400w, /upload/thumbnails/2024/w800/146407460.png 800w, /upload/thumbnails/2024/w1200/146407460.png 1200w, /upload/thumbnails/2024/w1600/146407460.png 1600w " sizes="40rem" alt="关于 CRC"> </div> <div class="absolute top-0 left-0 w-full h-full box-border px-[1rem] py-[2.5rem] bg-black/50 text-white"> <div class="text-center text-[2.5rem] font-semibold li-1">关于 CRC</div> <div class="my-6 flex justify-center align-middle"> <div class="border-[0.125rem] border-solid border-[#b10831] w-[1.5rem] "></div><div class="border-[0.125rem] border-solid border-[#fff] w-[1.5rem]"></div> </div> <div class="text-[1rem] h-[13.125rem]">CRC实业，自1958年创立以来，便以全球视野将特殊化学品深耕于维修保养全领域。我们拥有超过1300多种配方，专为工业制造、智能制造、汽车、船舶、轨道交通、五金、电子、航空、航海和航天等行业量身打造，满足您独特的化学需求。</div>  <a target="_blank" href="/about-us" class="block my-[1.25rem] mx-auto text-center w-[7.5rem] h-[1.875rem] leading-[1.875rem] border-[0.0625rem] align-middle border-[#fff] border-solid text-[1rem]"> <span class="text-[1rem]">了解更多</span> <span class="iconfont icon-youjiantou ml-[0.25rem] text-[1rem]"></span> </a> <div class="h-[13.625rem] w-[24.375rem] mx-auto flex items-center justify-center"> <img class="h-full w-full object-cover" src="/upload/图层%206.png" srcset=" /upload/thumbnails/2024/w400/206.png 400w, /upload/thumbnails/2024/w800/206.png 800w, /upload/thumbnails/2024/w1200/206.png 1200w, /upload/thumbnails/2024/w1600/206.png 1600w " sizes="(max-width: 1600px) 100vw, 1600px" alt="CRC实业，自1958年创立以来，便以全球视野将特殊化学品深耕于维修保养全领域。我们拥有超过1300多种配方，专为工业制造、智能制造、汽车、船舶、轨道交通、五金、电子、航空、航海和航天等行业量身打造，满足您独特的化学需求。"> </div> </div> </div> </div>  <div> <div class="w-full h-[40.875rem] relative flex justify-center items-center"> <img class="img object-cover" src="/upload/130404572.png" srcset=" /upload/thumbnails/2024/w400/130404572.png 400w, /upload/thumbnails/2024/w800/130404572.png 800w, /upload/thumbnails/2024/w1200/130404572.png 1200w, /upload/thumbnails/2024/w1600/130404572.png 1600w " sizes="40rem" alt="行业应用" />  <div class="w-full h-full bg-white/30 absolute top-0 left-0 text-[#c20d2c] box-border py-[2.5rem] px-[1.25rem]"> <div class="text-[1.125rem] font-semibold li-1">INDAHEF HAHIFHW AA </div> <div class="my-7 flex justify-between items-baseline"> <span class="text-[2.25rem] font-semibold li-1 ">行业应用 </span>   </div> <div class="swiper" id="swiperrSolutionMobile"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="w-full h-[31.25rem]"> <div class="w-full h-[25.25rem]"> <div class="w-full h-[25.25rem] flex justify-center items-center"> <img class="w-full h-full object-cover" src="/upload/图层%208.png" srcset=" /upload/thumbnails/2024/w400/208.png 400w, /upload/thumbnails/2024/w800/208.png 800w, /upload/thumbnails/2024/w1200/208.png 1200w, /upload/thumbnails/2024/w1600/208.png 1600w " sizes="(max-width: 1600px) 100vw, 1600px"> </div> <div class="absolute top-0 left-0 w-full h-full bg-white/50"> <div class="px-[1rem]"> <img class="my-[2.8125rem] w-[2.8125rem] h-[2.8125rem] object-cover" src="/upload/轨道交通-ucjp.png"> <div class="text-[2.75rem] font-semibold li-1">轨道交通</div> <div class="text-[1.5rem] li-1 mt-[1.5rem] h-[1.5rem]">RAIL TRAFFIC</div> <div class="text-[1.25rem] li-1 mt-[5rem]">+</div> <div class="h-[1.875rem] flex content-between"> <div class="flex-1"></div> <a target="_blank" href="/industry/rail-transit" class="block mt-[1rem] w-[8.625rem] h-[1.875rem] leading-[1.875rem] border-bs1 text-black text-[1rem] text-center align-middle"> <span class="text-[1rem]">了解更多</span> <span class="iconfont icon-youjiantou text-[1rem]"></span> </a> </div> </div> </div> </div> </div> </div> <div class="swiper-slide"> <div class="w-full h-[31.25rem]"> <div class="w-full h-[25.25rem]"> <div class="w-full h-[25.25rem] flex justify-center items-center"> <img class="w-full h-full object-cover" src="/upload/图层%208(1).png" srcset=" /upload/thumbnails/2024/w400/2081.png 400w, /upload/thumbnails/2024/w800/2081.png 800w, /upload/thumbnails/2024/w1200/2081.png 1200w, /upload/thumbnails/2024/w1600/2081.png 1600w " sizes="(max-width: 1600px) 100vw, 1600px"> </div> <div class="absolute top-0 left-0 w-full h-full bg-white/50"> <div class="px-[1rem]"> <img class="my-[2.8125rem] w-[2.8125rem] h-[2.8125rem] object-cover" src="/upload/轨道交通.png"> <div class="text-[2.75rem] font-semibold li-1">风电</div> <div class="text-[1.5rem] li-1 mt-[1.5rem] h-[1.5rem]">ELECTRICAL UTILITY</div> <div class="text-[1.25rem] li-1 mt-[5rem]">+</div> <div class="h-[1.875rem] flex content-between"> <div class="flex-1"></div> <a target="_blank" href="/industry/electrical-utility" class="block mt-[1rem] w-[8.625rem] h-[1.875rem] leading-[1.875rem] border-bs1 text-black text-[1rem] text-center align-middle"> <span class="text-[1rem]">了解更多</span> <span class="iconfont icon-youjiantou text-[1rem]"></span> </a> </div> </div> </div> </div> </div> </div> <div class="swiper-slide"> <div class="w-full h-[31.25rem]"> <div class="w-full h-[25.25rem]"> <div class="w-full h-[25.25rem] flex justify-center items-center"> <img class="w-full h-full object-cover" src="/upload/图层%209(1).png" srcset=" /upload/thumbnails/2024/w400/2091.png 400w, /upload/thumbnails/2024/w800/2091.png 800w, /upload/thumbnails/2024/w1200/2091.png 1200w, /upload/thumbnails/2024/w1600/2091.png 1600w " sizes="(max-width: 1600px) 100vw, 1600px"> </div> <div class="absolute top-0 left-0 w-full h-full bg-white/50"> <div class="px-[1rem]"> <img class="my-[2.8125rem] w-[2.8125rem] h-[2.8125rem] object-cover" src="/upload/轨道交通.png"> <div class="text-[2.75rem] font-semibold li-1">汽车卡车养护</div> <div class="text-[1.5rem] li-1 mt-[1.5rem] h-[1.5rem]">HEAVY TRUCK</div> <div class="text-[1.25rem] li-1 mt-[5rem]">+</div> <div class="h-[1.875rem] flex content-between"> <div class="flex-1"></div> <a target="_blank" href="/industry/heavy-truck" class="block mt-[1rem] w-[8.625rem] h-[1.875rem] leading-[1.875rem] border-bs1 text-black text-[1rem] text-center align-middle"> <span class="text-[1rem]">了解更多</span> <span class="iconfont icon-youjiantou text-[1rem]"></span> </a> </div> </div> </div> </div> </div> </div> <div class="swiper-slide"> <div class="w-full h-[31.25rem]"> <div class="w-full h-[25.25rem]"> <div class="w-full h-[25.25rem] flex justify-center items-center"> <img class="w-full h-full object-cover" src="/upload/图层%2010(1).png" srcset=" /upload/thumbnails/2024/w400/20101.png 400w, /upload/thumbnails/2024/w800/20101.png 800w, /upload/thumbnails/2024/w1200/20101.png 1200w, /upload/thumbnails/2024/w1600/20101.png 1600w " sizes="(max-width: 1600px) 100vw, 1600px"> </div> <div class="absolute top-0 left-0 w-full h-full bg-white/50"> <div class="px-[1rem]"> <img class="my-[2.8125rem] w-[2.8125rem] h-[2.8125rem] object-cover" src="/upload/轨道交通.png"> <div class="text-[2.75rem] font-semibold li-1">智能装备维保</div> <div class="text-[1.5rem] li-1 mt-[1.5rem] h-[1.5rem]">SMART MAINTENANCE</div> <div class="text-[1.25rem] li-1 mt-[5rem]">+</div> <div class="h-[1.875rem] flex content-between"> <div class="flex-1"></div> <a target="_blank" href="/industry/Intelligent-equipment-maintenance" class="block mt-[1rem] w-[8.625rem] h-[1.875rem] leading-[1.875rem] border-bs1 text-black text-[1rem] text-center align-middle"> <span class="text-[1rem]">了解更多</span> <span class="iconfont icon-youjiantou text-[1rem]"></span> </a> </div> </div> </div> </div> </div> </div> <div class="swiper-slide"> <div class="w-full h-[31.25rem]"> <div class="w-full h-[25.25rem]"> <div class="w-full h-[25.25rem] flex justify-center items-center"> <img class="w-full h-full object-cover" src="/upload/图层%2013.png" srcset=" /upload/thumbnails/2024/w400/2013.png 400w, /upload/thumbnails/2024/w800/2013.png 800w, /upload/thumbnails/2024/w1200/2013.png 1200w, /upload/thumbnails/2024/w1600/2013.png 1600w " sizes="(max-width: 1600px) 100vw, 1600px"> </div> <div class="absolute top-0 left-0 w-full h-full bg-white/50"> <div class="px-[1rem]"> <img class="my-[2.8125rem] w-[2.8125rem] h-[2.8125rem] object-cover" src="/upload/轨道交通.png"> <div class="text-[2.75rem] font-semibold li-1">一般工业</div> <div class="text-[1.5rem] li-1 mt-[1.5rem] h-[1.5rem]">GENERAL MANUFACTURING</div> <div class="text-[1.25rem] li-1 mt-[5rem]">+</div> <div class="h-[1.875rem] flex content-between"> <div class="flex-1"></div> <a target="_blank" href="/industry/general-manufacturing" class="block mt-[1rem] w-[8.625rem] h-[1.875rem] leading-[1.875rem] border-bs1 text-black text-[1rem] text-center align-middle"> <span class="text-[1rem]">了解更多</span> <span class="iconfont icon-youjiantou text-[1rem]"></span> </a> </div> </div> </div> </div> </div> </div> <div class="swiper-slide"> <div class="w-full h-[31.25rem]"> <div class="w-full h-[25.25rem]"> <div class="w-full h-[25.25rem] flex justify-center items-center"> <img class="w-full h-full object-cover" src="/upload/图层%2011.png" srcset=" /upload/thumbnails/2024/w400/2011.png 400w, /upload/thumbnails/2024/w800/2011.png 800w, /upload/thumbnails/2024/w1200/2011.png 1200w, /upload/thumbnails/2024/w1600/2011.png 1600w " sizes="(max-width: 1600px) 100vw, 1600px"> </div> <div class="absolute top-0 left-0 w-full h-full bg-white/50"> <div class="px-[1rem]"> <img class="my-[2.8125rem] w-[2.8125rem] h-[2.8125rem] object-cover" src="/upload/轨道交通.png"> <div class="text-[2.75rem] font-semibold li-1">五金工具</div> <div class="text-[1.5rem] li-1 mt-[1.5rem] h-[1.5rem]">HARDWARE</div> <div class="text-[1.25rem] li-1 mt-[5rem]">+</div> <div class="h-[1.875rem] flex content-between"> <div class="flex-1"></div> <a target="_blank" href="/industry/hardware" class="block mt-[1rem] w-[8.625rem] h-[1.875rem] leading-[1.875rem] border-bs1 text-black text-[1rem] text-center align-middle"> <span class="text-[1rem]">了解更多</span> <span class="iconfont icon-youjiantou text-[1rem]"></span> </a> </div> </div> </div> </div> </div> </div> <div class="swiper-slide"> <div class="w-full h-[31.25rem]"> <div class="w-full h-[25.25rem]"> <div class="w-full h-[25.25rem] flex justify-center items-center"> <img class="w-full h-full object-cover" src="/upload/图层%2012.png" srcset=" /upload/thumbnails/2024/w400/2012.png 400w, /upload/thumbnails/2024/w800/2012.png 800w, /upload/thumbnails/2024/w1200/2012.png 1200w, /upload/thumbnails/2024/w1600/2012.png 1600w " sizes="(max-width: 1600px) 100vw, 1600px"> </div> <div class="absolute top-0 left-0 w-full h-full bg-white/50"> <div class="px-[1rem]"> <img class="my-[2.8125rem] w-[2.8125rem] h-[2.8125rem] object-cover" src="/upload/轨道交通.png"> <div class="text-[2.75rem] font-semibold li-1">航空航天</div> <div class="text-[1.5rem] li-1 mt-[1.5rem] h-[1.5rem]">AVIATION</div> <div class="text-[1.25rem] li-1 mt-[5rem]">+</div> <div class="h-[1.875rem] flex content-between"> <div class="flex-1"></div> <a target="_blank" href="/industry/aviation" class="block mt-[1rem] w-[8.625rem] h-[1.875rem] leading-[1.875rem] border-bs1 text-black text-[1rem] text-center align-middle"> <span class="text-[1rem]">了解更多</span> <span class="iconfont icon-youjiantou text-[1rem]"></span> </a> </div> </div> </div> </div> </div> </div> <div class="swiper-slide"> <div class="w-full h-[31.25rem]"> <div class="w-full h-[25.25rem]"> <div class="w-full h-[25.25rem] flex justify-center items-center"> <img class="w-full h-full object-cover" src="/upload/图层%2014.png" srcset=" /upload/thumbnails/2024/w400/2014.png 400w, /upload/thumbnails/2024/w800/2014.png 800w, /upload/thumbnails/2024/w1200/2014.png 1200w, /upload/thumbnails/2024/w1600/2014.png 1600w " sizes="(max-width: 1600px) 100vw, 1600px"> </div> <div class="absolute top-0 left-0 w-full h-full bg-white/50"> <div class="px-[1rem]"> <img class="my-[2.8125rem] w-[2.8125rem] h-[2.8125rem] object-cover" src="/upload/船舶航运.png"> <div class="text-[2.75rem] font-semibold li-1">船舶航运</div> <div class="text-[1.5rem] li-1 mt-[1.5rem] h-[1.5rem]">MARINE</div> <div class="text-[1.25rem] li-1 mt-[5rem]">+</div> <div class="h-[1.875rem] flex content-between"> <div class="flex-1"></div> <a target="_blank" href="/industry/marine" class="block mt-[1rem] w-[8.625rem] h-[1.875rem] leading-[1.875rem] border-bs1 text-black text-[1rem] text-center align-middle"> <span class="text-[1rem]">了解更多</span> <span class="iconfont icon-youjiantou text-[1rem]"></span> </a> </div> </div> </div> </div> </div> </div> <div class="swiper-slide"> <div class="w-full h-[31.25rem]"> <div class="w-full h-[25.25rem]"> <div class="w-full h-[25.25rem] flex justify-center items-center"> <img class="w-full h-full object-cover" src="/upload/图层%2015.png" srcset=" /upload/thumbnails/2024/w400/2015.png 400w, /upload/thumbnails/2024/w800/2015.png 800w, /upload/thumbnails/2024/w1200/2015.png 1200w, /upload/thumbnails/2024/w1600/2015.png 1600w " sizes="(max-width: 1600px) 100vw, 1600px"> </div> <div class="absolute top-0 left-0 w-full h-full bg-white/50"> <div class="px-[1rem]"> <img class="my-[2.8125rem] w-[2.8125rem] h-[2.8125rem] object-cover" src="/upload/矿山采掘.png"> <div class="text-[2.75rem] font-semibold li-1">矿山开掘</div> <div class="text-[1.5rem] li-1 mt-[1.5rem] h-[1.5rem]">MINING</div> <div class="text-[1.25rem] li-1 mt-[5rem]">+</div> <div class="h-[1.875rem] flex content-between"> <div class="flex-1"></div> <a target="_blank" href="/industry/mining" class="block mt-[1rem] w-[8.625rem] h-[1.875rem] leading-[1.875rem] border-bs1 text-black text-[1rem] text-center align-middle"> <span class="text-[1rem]">了解更多</span> <span class="iconfont icon-youjiantou text-[1rem]"></span> </a> </div> </div> </div> </div> </div> </div> </div> <div class="swiper-pagination mb-[1.5rem]"></div> </div> </div> </div> </div>  <div> <div class="h-[48rem] w-full bg-[#eeeeee] box-border py-[2.5rem] px-[1.25rem] text-center"> <div class="text-[#cf0132] text-[2.75rem] font-semibold">— 客户之声 —</div> <div class="text-[#000] text-[1.5rem] font-medium li-1 my-[1.875rem]">来自多位客户的信任与选择</div> <div class="swiper" id="swiperrUserStoryMobile"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="w-full h-[36rem]"> <div class="h-[15.25rem] w-[24.125rem] mb-[1.875rem] mx-auto flex items-center justify-center bg-white p-2"> <img class="w-full h-full object-scale-down" src="/upload/PR05005CE-0.png" srcset=" /upload/thumbnails/2024/w400/PR05005CE-0.png 400w, /upload/thumbnails/2024/w800/PR05005CE-0.png 800w, /upload/thumbnails/2024/w1200/PR05005CE-0.png 1200w, /upload/thumbnails/2024/w1600/PR05005CE-0.png 1600w " sizes="(max-width: 1600px) 100vw, 1600px" alt=" 5-56 " /> </div>  <div class="text-left text-black"> <div class="text-[1.75rem] font-semibold li-1"> 5-56 </div> <div class="flex my-[1.125rem]"> <div class="w-[1.5625rem] border-[0.125rem] border-[#cf0132] border-solid"></div> <div class="w-[1.5625rem] border-[0.125rem] border-[#000] border-solid"></div> </div> <div class="h-[8rem] indent-[2rem]">"万能工业神油没得说，居家旅行必备之产品，工具箱常备。效果极好，我这次是买过来清理氧化触点的，设备太老了开关接触不良,导致电压不足无法工作，对着开关嘎嘎两下完美解决问题，顺手给门轴和柜锁也来了两下,丝般顺滑。"</div> <div class="text-right text-[#cf0132] mb-4"></div> <div class="border-bs1"></div> </div> </div> </div> <div class="swiper-slide"> <div class="w-full h-[36rem]"> <div class="h-[15.25rem] w-[24.125rem] mb-[1.875rem] mx-auto flex items-center justify-center bg-white p-2"> <img class="w-full h-full object-scale-down" src="/upload/PR02016C---.png" srcset=" /upload/thumbnails/2024/w400/PR02016C---.png 400w, /upload/thumbnails/2024/w800/PR02016C---.png 800w, /upload/thumbnails/2024/w1200/PR02016C---.png 1200w, /upload/thumbnails/2024/w1600/PR02016C---.png 1600w " sizes="(max-width: 1600px) 100vw, 1600px" alt="精密电器清洁剂" /> </div>  <div class="text-left text-black"> <div class="text-[1.75rem] font-semibold li-1">精密电器清洁剂</div> <div class="flex my-[1.125rem]"> <div class="w-[1.5625rem] border-[0.125rem] border-[#cf0132] border-solid"></div> <div class="w-[1.5625rem] border-[0.125rem] border-[#000] border-solid"></div> </div> <div class="h-[8rem] indent-[2rem]">“清理电脑主板和显卡的神器，看到京东搞活动就入手买了，很大的一瓶清洁剂，平常家里有些什么电器的线路氧化生锈了就用它喷一下，很快就能正常使用，这个东西非常好用呀！家里准备一瓶比出问题时找维修师傅管用很多。”</div> <div class="text-right text-[#cf0132] mb-4"></div> <div class="border-bs1"></div> </div> </div> </div> <div class="swiper-slide"> <div class="w-full h-[36rem]"> <div class="h-[15.25rem] w-[24.125rem] mb-[1.875rem] mx-auto flex items-center justify-center bg-white p-2"> <img class="w-full h-full object-scale-down" src="/upload/PR14086---.png" srcset=" /upload/thumbnails/2024/w400/PR14086---.png 400w, /upload/thumbnails/2024/w800/PR14086---.png 800w, /upload/thumbnails/2024/w1200/PR14086---.png 1200w, /upload/thumbnails/2024/w1600/PR14086---.png 1600w " sizes="(max-width: 1600px) 100vw, 1600px" alt="极速致冷剂" /> </div>  <div class="text-left text-black"> <div class="text-[1.75rem] font-semibold li-1">极速致冷剂</div> <div class="flex my-[1.125rem]"> <div class="w-[1.5625rem] border-[0.125rem] border-[#cf0132] border-solid"></div> <div class="w-[1.5625rem] border-[0.125rem] border-[#000] border-solid"></div> </div> <div class="h-[8rem] indent-[2rem]">“ 公司实验室是负责验证客户失效件的，有时候需要特别的温度，比如高温或者低温，失效才能复现。这一款冷却液效果挺好的，喷到板子上温度立刻就能降下来，挺不错的！”</div> <div class="text-right text-[#cf0132] mb-4"></div> <div class="border-bs1"></div> </div> </div> </div> </div> <div class="swiper-pagination mb-[1rem]"></div> </div> </div> </div>  <div> <div class="h-[26.25rem] w-full relative"> <img class="img" src="/upload/132508105.png" srcset=" /upload/thumbnails/2024/w400/132508105.png 400w, /upload/thumbnails/2024/w800/132508105.png 800w, /upload/thumbnails/2024/w1200/132508105.png 1200w, /upload/thumbnails/2024/w1600/132508105.png 1600w " sizes="26.25rem" alt="招商合作"> <div class=" absolute top-1/2 left-1/2 translate-x-[-50%] translate-y-[-50%] h-[15rem] w-[24.375rem] text-center text-white bg-[#cf0135]/70 box-border px-[1.25rem]"> <div class="text-[1.25rem] font-medium li-1 mt-[2.5rem] mb-[1.875rem]">招商合作</div> <div class="">CRC 诚邀各界精英加盟！我们专注于提供高品质特殊化学产品与卓越服务，现面向全国广招代理商/经销商。加入我们，共享品牌影响力，享受独家市场资源与支持，详情请咨询：[4008-200-836]。</div> </div> </div> </div>  </div> <style> /*a{*/ /* height: 100%;*/ /* position: absolute;*/ /* top: 50%;*/ /* left: 50%;*/ /* transform: translate(-50%, -50%);*/ /*}*/ </style> <script type="text/javascript"> // 跳转链接 function getMobileUrl(url) { let namePart = url.split('.')[0] let typePart = url.split('.')[1] let newPath = namePart + "-mobile" + '.' + typePart; console.log("newPath",newPath) return newPath; }; function getOriginUrl(target) { let newUrl = target.src.replace('-mobile','') console.log(newUrl) target.src = newUrl; }; document.addEventListener('DOMContentLoaded', function() { var images = document.querySelectorAll('img[data-url]'); // 选择所有带有data-url属性的img元素 images.forEach(function(img) { img.src = getMobileUrl(img.dataset.url); // 使用JavaScript函数来获取处理后的URL }); }); // 查看theme.config的数据 // let config = /*{"realNode":{"ucooperation_content":"CRC \u8BDA\u9080\u5404\u754C\u7CBE\u82F1\u52A0\u76DF\uFF01\u6211\u4EEC\u4E13\u6CE8\u4E8E\u63D0\u4F9B\u9AD8\u54C1\u8D28\u7279\u6B8A\u5316\u5B66\u4EA7\u54C1\u4E0E\u5353\u8D8A\u670D\u52A1\uFF0C\u73B0\u9762\u5411\u5168\u56FD\u5E7F\u62DB\u4EE3\u7406\u5546\/\u7ECF\u9500\u5546\u3002\u52A0\u5165\u6211\u4EEC\uFF0C\u5171\u4EAB\u54C1\u724C\u5F71\u54CD\u529B\uFF0C\u4EAB\u53D7\u72EC\u5BB6\u5E02\u573A\u8D44\u6E90\u4E0E\u652F\u6301\uFF0C\u8BE6\u60C5\u8BF7\u54A8\u8BE2\uFF1A[4008-200-836]\u3002","hot_goods_list":[{"sku":"PR05005CR"},{"sku":"PR02016C"},{"sku":"PR14086"},{"sku":"PR2043"},{"sku":"PR05088"}],"solution_show":true,"hot_goods_show":true,"hot_goods_main_image_mobile":"","ucooperation_title":"\u62DB\u5546\u5408\u4F5C","hot_goods_main_image_pc":"\/upload\/\u7EC4%2017.png","home_carousel_list":[{"url":"\/upload\/banner.jpg","post":"","title1":"\u5168\u7403\u9886\u5BFC\u8005\u4E4B\u4E00","title2":"CRC\u81F4\u529B\u4E8E\u4E3A\u60A8\u63D0\u4F9BMRO\u884C\u4E1A\u4E00\u7AD9\u5F0F\u89E3\u51B3\u65B9\u6848\uFF0C\u5305\u62EC\u6E05\u6D17\u5242\u3001\u6E05\u6D01\u5242\u3001\u6DA6\u6ED1\u5242\u3001\u9632\u9508\u5242\u3001\u9632\u62A4\u6D82\u6599\u3001\u8131\u8102\u5242\u3001\u6DA6\u6ED1\u8102\u3001\u7279\u79CD\u4EA7\u54C1\u7B49\u5168\u7CFB\u5217\u4EA7\u54C1\uFF0C\u66F4\u6709\u9488\u5BF9\u7279\u5B9A\u7EF4\u62A4\u4E0E\u7EF4\u4FEE\u9700\u6C42\u7684\u5B9A\u5236\u4EA7\u54C1\u3002","title3":"","link":""},{"url":"\/upload\/\u7CBE\u5BC6\u7535\u5668.jpg","link":"https:\/\/item.jd.com\/100105782444.html","title1":"","title2":"","title3":"","keyword":""},{"url":"\/upload\/\u8BBE\u5907\u517B\u62A4.jpg","link":"https:\/\/item.jd.com\/100094293031.html","title1":"","title2":"","title3":"","keyword":""},{"url":"\/upload\/\u5239\u8F66\u5F02\u54CD.jpg","link":"https:\/\/item.jd.com\/100094291435.html","title1":"","title2":"","title3":"","keyword":""},{"url":"\/upload\/\u96F6\u90E8\u4EF6\u6E05\u6D17\u673A.jpg","link":"\/products\/smart-washer","title1":"","title2":"","title3":"","keyword":""}],"ucooperation_show":true,"home_carousel_show":true,"user_story_show":true,"introduce_show":true,"user_story_list":[{"url":"\/upload\/PR05005CE-0.png","title":" 5-56 ","content":"\"\u4E07\u80FD\u5DE5\u4E1A\u795E\u6CB9\u6CA1\u5F97\u8BF4\uFF0C\u5C45\u5BB6\u65C5\u884C\u5FC5\u5907\u4E4B\u4EA7\u54C1\uFF0C\u5DE5\u5177\u7BB1\u5E38\u5907\u3002\u6548\u679C\u6781\u597D\uFF0C\u6211\u8FD9\u6B21\u662F\u4E70\u8FC7\u6765\u6E05\u7406\u6C27\u5316\u89E6\u70B9\u7684\uFF0C\u8BBE\u5907\u592A\u8001\u4E86\u5F00\u5173\u63A5\u89E6\u4E0D\u826F,\u5BFC\u81F4\u7535\u538B\u4E0D\u8DB3\u65E0\u6CD5\u5DE5\u4F5C\uFF0C\u5BF9\u7740\u5F00\u5173\u560E\u560E\u4E24\u4E0B\u5B8C\u7F8E\u89E3\u51B3\u95EE\u9898\uFF0C\u987A\u624B\u7ED9\u95E8\u8F74\u548C\u67DC\u9501\u4E5F\u6765\u4E86\u4E24\u4E0B,\u4E1D\u822C\u987A\u6ED1\u3002\"","source":"","keyword":""},{"url":"\/upload\/PR02016C---.png","title":"\u7CBE\u5BC6\u7535\u5668\u6E05\u6D01\u5242","content":"\u201C\u6E05\u7406\u7535\u8111\u4E3B\u677F\u548C\u663E\u5361\u7684\u795E\u5668\uFF0C\u770B\u5230\u4EAC\u4E1C\u641E\u6D3B\u52A8\u5C31\u5165\u624B\u4E70\u4E86\uFF0C\u5F88\u5927\u7684\u4E00\u74F6\u6E05\u6D01\u5242\uFF0C\u5E73\u5E38\u5BB6\u91CC\u6709\u4E9B\u4EC0\u4E48\u7535\u5668\u7684\u7EBF\u8DEF\u6C27\u5316\u751F\u9508\u4E86\u5C31\u7528\u5B83\u55B7\u4E00\u4E0B\uFF0C\u5F88\u5FEB\u5C31\u80FD\u6B63\u5E38\u4F7F\u7528\uFF0C\u8FD9\u4E2A\u4E1C\u897F\u975E\u5E38\u597D\u7528\u5440\uFF01\u5BB6\u91CC\u51C6\u5907\u4E00\u74F6\u6BD4\u51FA\u95EE\u9898\u65F6\u627E\u7EF4\u4FEE\u5E08\u5085\u7BA1\u7528\u5F88\u591A\u3002\u201D","source":"","keyword":"","attachment-display-name-form":{"displayName":"PR02016C-1.png"}},{"url":"\/upload\/PR14086---.png","title":"\u6781\u901F\u81F4\u51B7\u5242","content":"\u201C \u516C\u53F8\u5B9E\u9A8C\u5BA4\u662F\u8D1F\u8D23\u9A8C\u8BC1\u5BA2\u6237\u5931\u6548\u4EF6\u7684\uFF0C\u6709\u65F6\u5019\u9700\u8981\u7279\u522B\u7684\u6E29\u5EA6\uFF0C\u6BD4\u5982\u9AD8\u6E29\u6216\u8005\u4F4E\u6E29\uFF0C\u5931\u6548\u624D\u80FD\u590D\u73B0\u3002\u8FD9\u4E00\u6B3E\u51B7\u5374\u6DB2\u6548\u679C\u633A\u597D\u7684\uFF0C\u55B7\u5230\u677F\u5B50\u4E0A\u6E29\u5EA6\u7ACB\u523B\u5C31\u80FD\u964D\u4E0B\u6765\uFF0C\u633A\u4E0D\u9519\u7684\uFF01\u201D","source":"","keyword":""}],"dynamics_list":[{"title":"CRC\u5DE5\u4E1A\u4EAE\u76F82023\u5317\u4EAC\u98CE\u80FD\u5C55\uFF0C\u5E26\u6765\u4E13\u4E1A\u7EF4\u4FDD\u670D\u52A1\u65B9\u6848\u5B88\u62A4\u98CE\u7535\u4EA7\u4E1A\u53D1\u5C55","content":"10\u670817-19\u65E5\uFF0C\u4E00\u5E74\u4E00\u5EA6\u7684\u5168\u7403\u98CE\u7535\u884C\u4E1A\u76DB\u4F1A\u2014\u2014\u5317\u4EAC\u56FD\u9645\u98CE\u80FD\u5927\u4F1A\u66A8\u5C55\u89C8\u4F1A\uFF08CWP2023\uFF09\u4E8E\u4E2D\u56FD\u56FD\u9645\u5C55\u89C8\u4E2D\u5FC3\uFF08\u987A\u4E49\u9986\uFF09\u76DB\u5927\u5F00\u5E55\u3002","gotoUrl":"\/archives\/de4660a1-94c7-4039-95af-a47ed72e040c","time":"","url":"\/upload\/1-1.jpg","keyword":""},{"title":"CRC\u5DE5\u4E1A\u8D4B\u80FD\u4E2D\u56FD\u8D28\u91CF\uFF0C\u52A9\u529B\u7CBE\u5BC6\u52A0\u5DE5\u884C\u4E1A\u9AD8\u8D28\u91CF\u53D1\u5C55\uFF01","content":"\u4E2D\u56FD\u5236\u9020\u4E1A\u6709\u5F88\u591A\u7A81\u51FA\u4F18\u52BF\uFF0C\u4F46\u4E5F\u5B58\u5728\u5F88\u591A\u6311\u6218\u3002\u5728\u5236\u9020\u4E1A\u8F6C\u578B\u5347\u7EA7\u7684\u8FC7\u7A0B\u4E2D\uFF0C\u7CBE\u5BC6\u53CA\u8D85\u7CBE\u5BC6\u52A0\u5DE5\u6280\u672F\u9700\u6C42\u7684\u4E0D\u65AD\u63D0\u5347\u521B\u9020\u4E86\u65B0\u7684\u5E02\u573A\u3002","gotoUrl":"\/archives\/e636e962-7089-4133-bd58-538fae3c9795","time":"","url":"\/upload\/2-1.png","keyword":""},{"url":"\/upload\/3-1.jpg","title":"CRC\u5DE5\u4E1A\u8000\u76EE\u767B\u573A\u7B2C\u4E5D\u5C4A\u6210\u90FD\u6C7D\u914D\u5C55\uFF0C\u5168\u65B9\u4F4D\u6253\u9020\u9AD8\u54C1\u8D28\u7EF4\u4FDD\u670D\u52A1","content":"5\u670818\u65E5-20\u65E5\uFF0C\u7B2C\u4E5D\u5C4A\u6210\u90FD\u56FD\u9645\u6C7D\u8F66\u96F6\u914D\u4EF6\u53CA\u552E\u540E\u670D\u52A1\u5C55\u89C8\u4F1A\uFF08CAPAS\uFF09\uFF0C\u5728\u6210\u90FD\u4E16\u7EAA\u57CE\u65B0\u56FD\u9645\u4F1A\u5C55\u4E2D\u5FC3\u76DB\u5927\u5F00\u5E55\u3002","gotoUrl":"\/archives\/4b792751-1f47-48d4-965f-9c70fa8c328b","time":"","keyword":""},{"url":"\/upload\/4-2.png","title":"CRC\u5DE5\u4E1A\u4F01\u4E1A\u793E\u4F1A\u8D23\u4EFB\u62A5\u544A\u2014\u2014\u5FC3\u7CFB\u793E\u4F1A\u8D23\u4EFB \u7740\u773C\u53EF\u6301\u7EED\u53D1\u5C55","content":"CRC\u5DE5\u4E1A\u4F01\u4E1A\u793E\u4F1A\u8D23\u4EFB\u62A5\u544A\u2014\u2014\u5FC3\u7CFB\u793E\u4F1A\u8D23\u4EFB \u7740\u773C\u53EF\u6301\u7EED\u53D1\u5C55","gotoUrl":"\/archives\/bb9b6789-3321-46bf-8ae8-75ba36bf1978","time":"","keyword":""}],"dynamics_show":false,"solutions_list":[{"url_icon":"\/upload\/\u8F68\u9053\u4EA4\u901A-ucjp.png","text1":"\u8F68\u9053\u4EA4\u901A","text2":"RAIL TRAFFIC","gotoUrl":"rail-transit","url":"\/upload\/\u56FE\u5C42%208.png"},{"url_icon":"\/upload\/\u8F68\u9053\u4EA4\u901A.png","text1":"\u98CE\u7535","text2":"ELECTRICAL UTILITY","gotoUrl":"electrical-utility","url":"\/upload\/\u56FE\u5C42%208(1).png"},{"url_icon":"\/upload\/\u8F68\u9053\u4EA4\u901A.png","text1":"\u6C7D\u8F66\u5361\u8F66\u517B\u62A4","text2":"HEAVY TRUCK","gotoUrl":"heavy-truck","url":"\/upload\/\u56FE\u5C42%209(1).png"},{"url_icon":"\/upload\/\u8F68\u9053\u4EA4\u901A.png","text1":"\u667A\u80FD\u88C5\u5907\u7EF4\u4FDD","text2":"SMART MAINTENANCE","gotoUrl":"Intelligent-equipment-maintenance","url":"\/upload\/\u56FE\u5C42%2010(1).png"},{"url_icon":"\/upload\/\u8F68\u9053\u4EA4\u901A.png","text1":"\u4E00\u822C\u5DE5\u4E1A","text2":"GENERAL MANUFACTURING","gotoUrl":"general-manufacturing","url":"\/upload\/\u56FE\u5C42%2013.png"},{"url":"\/upload\/\u56FE\u5C42%2011.png","url_icon":"\/upload\/\u8F68\u9053\u4EA4\u901A.png","text1":"\u4E94\u91D1\u5DE5\u5177","text2":"HARDWARE","gotoUrl":"hardware"},{"url":"\/upload\/\u56FE\u5C42%2012.png","url_icon":"\/upload\/\u8F68\u9053\u4EA4\u901A.png","text1":"\u822A\u7A7A\u822A\u5929","text2":"AVIATION","gotoUrl":"aviation"},{"url":"\/upload\/\u56FE\u5C42%2014.png","url_icon":"\/upload\/\u8239\u8236\u822A\u8FD0.png","text1":"\u8239\u8236\u822A\u8FD0","text2":"MARINE","gotoUrl":"marine","keyword":""},{"url":"\/upload\/\u56FE\u5C42%2015.png","url_icon":"\/upload\/\u77FF\u5C71\u91C7\u6398.png","text1":"\u77FF\u5C71\u5F00\u6398","text2":"MINING","gotoUrl":"mining","keyword":""}],"introduce_url":"\/upload\/\u56FE\u5C42%206.png","introduce_name":"\u5173\u4E8E CRC","introduce_text":"CRC\u5B9E\u4E1A\uFF0C\u81EA1958\u5E74\u521B\u7ACB\u4EE5\u6765\uFF0C\u4FBF\u4EE5\u5168\u7403\u89C6\u91CE\u5C06\u7279\u6B8A\u5316\u5B66\u54C1\u6DF1\u8015\u4E8E\u7EF4\u4FEE\u4FDD\u517B\u5168\u9886\u57DF\u3002\u6211\u4EEC\u62E5\u6709\u8D85\u8FC71300\u591A\u79CD\u914D\u65B9\uFF0C\u4E13\u4E3A\u5DE5\u4E1A\u5236\u9020\u3001\u667A\u80FD\u5236\u9020\u3001\u6C7D\u8F66\u3001\u8239\u8236\u3001\u8F68\u9053\u4EA4\u901A\u3001\u4E94\u91D1\u3001\u7535\u5B50\u3001\u822A\u7A7A\u3001\u822A\u6D77\u548C\u822A\u5929\u7B49\u884C\u4E1A\u91CF\u8EAB\u6253\u9020\uFF0C\u6EE1\u8DB3\u60A8\u72EC\u7279\u7684\u5316\u5B66\u9700\u6C42\u3002","introduce_background_url":"\/upload\/146407460.png","solution_background_url":"\/upload\/130404572.png","slots":{},"ucooperation_background_url":"\/upload\/132508105.png"}}*/{} // // console.log(config,"看看config中的数据") // 首页轮播图-pc var mySwiper1 = new Swiper ('#swiperBanner', { loop: true, // 循环模式选项 autoplay:true, // 自动播放 // 如果需要分页器 pagination: { el: '.swiper-pagination', clickable:true }, }) // 客户之声播图-pc var mySwiper2 = new Swiper ('#swiperStory', { loop: true, // 循环模式选项 // autoplay:true, // 自动播放 slidesPerView: 3, // 每页显示3个 // 如果需要分页器 pagination: { el: '.swiper-pagination-story', clickable:true }, }) // 品牌动态轮播图-pc var mySwiper3 = new Swiper ('#swiperBrand', { loop: true, // 循环模式选项 // autoplay:true, // 自动播放 slidesPerView: 2, // 每页显示3个 // 如果需要分页器 pagination: { el: '.swiper-pagination-brand', clickable:true }, }) // 首页轮播图-mobile var mySwiper4 = new Swiper ('#swiperBannerMobile', { loop: true, // 循环模式选项 autoplay:true, // 自动播放 // 如果需要分页器 pagination: { el: '.swiper-pagination', clickable:true }, }) // 明星产品轮播图-mobile var mySwiper5 = new Swiper ('#swiperHotMobile', { loop: true, // 循环模式选项 // autoplay:true, // 自动播放 slidesPerView: 2, // 每页显示2个 // 如果需要分页器 pagination: { el: '.swiper-pagination-hot-mobile', clickable:true }, }) // 行业应用轮播图-mobile var mySwiper6 = new Swiper ('#swiperrSolutionMobile', { loop: true, // 循环模式选项 // autoplay:true, // 自动播放 // slidesPerView: 2, // 每页显示2个 // 如果需要分页器 pagination: { el: '.swiper-pagination', clickable:true }, }) // 客户之声轮播图-mobile var mySwiper6 = new Swiper ('#swiperrUserStoryMobile', { loop: true, // 循环模式选项 // autoplay:true, // 自动播放 // slidesPerView: 2, // 每页显示2个 // 如果需要分页器 pagination: { el: '.swiper-pagination', clickable:true }, }) // 品牌动态轮播图-mobile var mySwiper6 = new Swiper ('#swiperrBrandMobile', { loop: true, // 循环模式选项 // autoplay:true, // 自动播放 // slidesPerView: 2, // 每页显示2个 // 如果需要分页器 pagination: { el: '.swiper-pagination', clickable:true }, }) </script> <style type="text/css"> .swiper{ --swiper-theme-color: #CF0135;/* 设置Swiper风格 */ --swiper-navigation-color: #000;/* 单独设置按钮颜色 */ --swiper-navigation-size: 0.625rem;/* 设置按钮大小 */ } </style> <footer class=" bg-background-gray pt-8 dark:bg-zinc-800 "> <script type="text/javascript"> // details name polyfill if (!('name' in document.createElement('details'))) { const details = [...document.querySelectorAll('details')] details.forEach(el => { el.addEventListener('click', () => { if (!el.open) { details.filter(d => d.getAttribute('name') === el.getAttribute('name') && d !== el && d.open).forEach(m => { m.open = false }) } }) }) } </script> <div class="bg-background-red h-[53rem] w-full pc" > <div class="container mx-auto"> <div class="h-full box-border pt-[6.25rem]"> <div class="flex w-full h-[25rem]"> <div class="w-[9.0625rem] h-[4.375rem] mr-[6.25rem]"> <img src="/themes/theme-crc/assets/images/CRC-logo@2x.png" alt="crclogo"> </div> <div class="flex-1">  <div class="pc w-full" > <div class="flex flex-row justify-between " >  <ul class="flex justify-between flex-1" > <li>  <div class="font-bold text-[1.5rem] text-white mb-[2rem]">产品</div>  <ul class="h-[20.5rem] flex flex-col flex-wrap" > <li class="my-[0.5625rem] h-[1.125rem] leading-none w-[9rem]"> <a href="/productCenter?functionP=tag-BMeFL" class="text-[1.125rem] whitespace-nowrap text-white" >清洗剂</a> </li> <li class="my-[0.5625rem] h-[1.125rem] leading-none w-[9rem]"> <a href="/productCenter?functionP=tag-FvEqD" class="text-[1.125rem] whitespace-nowrap text-white" >除锈剂</a> </li> <li class="my-[0.5625rem] h-[1.125rem] leading-none w-[9rem]"> <a href="/productCenter?functionP=tag-MQowF" class="text-[1.125rem] whitespace-nowrap text-white" >美护产品</a> </li> <li class="my-[0.5625rem] h-[1.125rem] leading-none w-[9rem]"> <a href="/productCenter?functionP=tag-Zbxle" class="text-[1.125rem] whitespace-nowrap text-white" >脱模剂</a> </li> <li class="my-[0.5625rem] h-[1.125rem] leading-none w-[9rem]"> <a href="/productCenter?functionP=tag-ekdpJ" class="text-[1.125rem] whitespace-nowrap text-white" >零部件清洗机/清洗剂</a> </li> <li class="my-[0.5625rem] h-[1.125rem] leading-none w-[9rem]"> <a href="/productCenter?functionP=tag-kIaHX" class="text-[1.125rem] whitespace-nowrap text-white" >焊接产品</a> </li> <li class="my-[0.5625rem] h-[1.125rem] leading-none w-[9rem]"> <a href="/productCenter?functionP=tag-uTLTl" class="text-[1.125rem] whitespace-nowrap text-white" >润滑剂</a> </li> <li class="my-[0.5625rem] h-[1.125rem] leading-none w-[9rem]"> <a href="/productCenter?functionP=tag-vSFIu" class="text-[1.125rem] whitespace-nowrap text-white" >防锈剂</a> </li> <li class="my-[0.5625rem] h-[1.125rem] leading-none w-[9rem]"> <a href="/productCenter?functionP=tag-zgiVu" class="text-[1.125rem] whitespace-nowrap text-white" >特种化学品</a> </li> </ul> </li> <li>  <div class="font-bold text-[1.5rem] text-white mb-[2rem]">行业应用</div>  <ul class="h-[20.5rem] flex flex-col flex-wrap" > <li class="my-[0.5625rem] h-[1.125rem] leading-none w-[9rem]"> <a href="/industry/general-manufacturing" class="text-[1.125rem] whitespace-nowrap text-white" >一般工业</a> </li> <li class="my-[0.5625rem] h-[1.125rem] leading-none w-[9rem]"> <a href="/industry/hardware" class="text-[1.125rem] whitespace-nowrap text-white" >五金工具</a> </li> <li class="my-[0.5625rem] h-[1.125rem] leading-none w-[9rem]"> <a href="/industry/Intelligent-equipment-maintenance" class="text-[1.125rem] whitespace-nowrap text-white" >智能装备维保</a> </li> <li class="my-[0.5625rem] h-[1.125rem] leading-none w-[9rem]"> <a href="/industry/Yacht-maintenance" class="text-[1.125rem] whitespace-nowrap text-white" >游艇养护</a> </li> <li class="my-[0.5625rem] h-[1.125rem] leading-none w-[9rem]"> <a href="/industry/rail-transit" class="text-[1.125rem] whitespace-nowrap text-white" >轨道交通</a> </li> <li class="my-[0.5625rem] h-[1.125rem] leading-none w-[9rem]"> <a href="/industry/marine" class="text-[1.125rem] whitespace-nowrap text-white" >船舶航运</a> </li> <li class="my-[0.5625rem] h-[1.125rem] leading-none w-[9rem]"> <a href="/industry/mining" class="text-[1.125rem] whitespace-nowrap text-white" >矿山采掘</a> </li> <li class="my-[0.5625rem] h-[1.125rem] leading-none w-[9rem]"> <a href="/industry/aviation" class="text-[1.125rem] whitespace-nowrap text-white" >航空航天</a> </li> <li class="my-[0.5625rem] h-[1.125rem] leading-none w-[9rem]"> <a href="/industry/home-care" class="text-[1.125rem] whitespace-nowrap text-white" >家居精护</a> </li> <li class="my-[0.5625rem] h-[1.125rem] leading-none w-[9rem]"> <a href="/industry/welding" class="text-[1.125rem] whitespace-nowrap text-white" >焊接</a> </li> <li class="my-[0.5625rem] h-[1.125rem] leading-none w-[9rem]"> <a href="/industry/fire-control" class="text-[1.125rem] whitespace-nowrap text-white" >消防</a> </li> <li class="my-[0.5625rem] h-[1.125rem] leading-none w-[9rem]"> <a href="/industry/electrical-utility" class="text-[1.125rem] whitespace-nowrap text-white" >风电</a> </li> <li class="my-[0.5625rem] h-[1.125rem] leading-none w-[9rem]"> <a href="/industry/food-beverage" class="text-[1.125rem] whitespace-nowrap text-white" >食品</a> </li> <li class="my-[0.5625rem] h-[1.125rem] leading-none w-[9rem]"> <a href="/industry/heavy-truck" class="text-[1.125rem] whitespace-nowrap text-white" >汽车卡车养护</a> </li> <li class="my-[0.5625rem] h-[1.125rem] leading-none w-[9rem]"> <a href="/industry/motorcycle-and-bicycle-maintenance" class="text-[1.125rem] whitespace-nowrap text-white" >摩托车和自行车养护</a> </li> </ul> </li> <li>  <div class="font-bold text-[1.5rem] text-white mb-[2rem]">联系我们</div>  <ul class="h-[20.5rem] flex flex-col flex-wrap" > <li class="my-[0.5625rem] h-[1.125rem] leading-none w-[9rem]"> <a href="#" class="text-[1.125rem] whitespace-nowrap text-white" >咨询热线：4008-200-836</a> </li> <li class="my-[0.5625rem] h-[1.125rem] leading-none w-[9rem]"> <a href="https://mall.jd.com/index-1000207353.html" class="text-[1.125rem] whitespace-nowrap text-white" >CRC京东自营旗舰店</a> </li> <li class="my-[0.5625rem] h-[1.125rem] leading-none w-[9rem]"> <a href="https://crcqcpj.tmall.com/shop/view_shop.htm" class="text-[1.125rem] whitespace-nowrap text-white" >CRC天猫旗舰店</a> </li> </ul> </li> <li>  <div class="font-bold text-[1.5rem] text-white mb-[2rem]">关于我们</div>  <ul class="h-[20.5rem] flex flex-col flex-wrap" > <li class="my-[0.5625rem] h-[1.125rem] leading-none w-[9rem]"> <a href="/about-us" class="text-[1.125rem] whitespace-nowrap text-white" >关于CRC</a> </li> <li class="my-[0.5625rem] h-[1.125rem] leading-none w-[9rem]"> <a href="/product-quality" class="text-[1.125rem] whitespace-nowrap text-white" >产品质量</a> </li> </ul> </li> </ul> </div> </div> </div> </div> </div> <div class="w-full h-[18.125rem] flex justify-between items-end">  <div class="w-[60%] h-5 flex justify-between flex-wrap items-center text-[1.125rem] text-white"> <p>© 2024</p> <a href="/"> CRC. All Rights Reserved.</a> <a href="https://beian.miit.gov.cn/" target="_blank"> 沪ICP备16035327号-2</a> <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31010602000836" target="_blank" class="flex justify-center items-center"> <img src="//img.alicdn.com/tps/TB1yEqRPXXXXXXPXpXXXXXXXXXX-20-20.png">沪公网安备31010602000836 </a> <a href="/upload/危险品经营资质.pdf" target="_blank">查看CRC危险品经营资质</a> </div>  <div class="w-[30%] h-[16rem]"> <div class="w-full h-[10rem] mb-[2.2rem]"> <div id="showBigImgErweima" class="w-full h-full flex justify-center items-center flex-col" style="display: none;"> <div class="h-[8.625rem] w-[8.625rem] mb-[0.875rem] bg-white flex justify-center items-center"> <img id="bigErweima" class="w-full h-full object-scale-down" src="" alt="扫一扫求关注"> </div> <div class="text-white text-[1.125rem]">扫一扫加关注</div> </div> </div> <div class="w-full flex justify-between items-center"> <div > <div class="w-[3.75rem] h-[3.75rem] relative bg-white show_erweima rounded-md"> <div id="smallImg" class="w-full h-full box-border p-1 flex justify-center items-center rounded-md" > <img class="w-full h-full object-scale-down" src="/upload/抖音@2x.png" alt="" @mouseover="changeBigFooterImg('/upload/7691729675218_.pic.jpg' )" @mouseout="hideBigFooterImg()" > </div>  </div> </div> <div > <div class="w-[3.75rem] h-[3.75rem] relative bg-white show_erweima rounded-md"> <div id="smallImg" class="w-full h-full box-border p-1 flex justify-center items-center rounded-md" > <img class="w-full h-full object-scale-down" src="/upload/微信logo.png" alt="" @mouseover="changeBigFooterImg('/upload/7711729675218_.pic.jpg' )" @mouseout="hideBigFooterImg()" > </div>  </div> </div> <div > <div class="w-[3.75rem] h-[3.75rem] relative bg-white show_erweima rounded-md"> <div id="smallImg" class="w-full h-full box-border p-1 flex justify-center items-center rounded-md" > <img class="w-full h-full object-scale-down" src="/upload/小红书@2x.png" alt="" @mouseover="changeBigFooterImg('/upload/7701729675218_.pic.jpg' )" @mouseout="hideBigFooterImg()" > </div>  </div> </div> <script type="text/javascript"> let bigErweima = document.getElementById('bigErweima') let showBigImgErweima = document.getElementById('showBigImgErweima') function changeBigFooterImg(imgSrc){ bigErweima.src = imgSrc showBigImgErweima.style.display = 'flex'; } function hideBigFooterImg(){ showBigImgErweima.style.display = 'none'; } </script> </div> <style> .erweima{ display:none; transition: all .5s; } .show_erweima:hover .erweima{ display: block; } </style> </div> </div> </div> </div> <div class="w-full max-w-7xl container mx-auto sm:flex sm:items-center sm:justify-between mobile"> <style> .con { overflow: hidden; } summary { display: flex; align-items: center; line-height: 2; cursor: pointer; justify-content: space-between; } summary::after { content: '+'; opacity: .6; transform: rotate(0deg); transition: all .3s; } details[open] summary::after { transform: rotate(45deg); transition: all .3s; line-height: 1.5; color: #C11A34; } details:last-child p, details:last-child:not([open]) summary { border: 0; } </style> <div class="con mobile "> <details name="a" class="w-full leading-6" > <summary class="items-center border-b border-solid border-gray-300 mt-3" > <span class="font-semibold ">产品</span> </summary> <a href="/productCenter?functionP=tag-BMeFL" class="block text-sm text-zinc-500 dark:text-zinc-200 mt-1" >清洗剂</a><a href="/productCenter?functionP=tag-FvEqD" class="block text-sm text-zinc-500 dark:text-zinc-200 mt-1" >除锈剂</a><a href="/productCenter?functionP=tag-MQowF" class="block text-sm text-zinc-500 dark:text-zinc-200 mt-1" >美护产品</a><a href="/productCenter?functionP=tag-Zbxle" class="block text-sm text-zinc-500 dark:text-zinc-200 mt-1" >脱模剂</a><a href="/productCenter?functionP=tag-ekdpJ" class="block text-sm text-zinc-500 dark:text-zinc-200 mt-1" >零部件清洗机/清洗剂</a><a href="/productCenter?functionP=tag-kIaHX" class="block text-sm text-zinc-500 dark:text-zinc-200 mt-1" >焊接产品</a><a href="/productCenter?functionP=tag-uTLTl" class="block text-sm text-zinc-500 dark:text-zinc-200 mt-1" >润滑剂</a><a href="/productCenter?functionP=tag-vSFIu" class="block text-sm text-zinc-500 dark:text-zinc-200 mt-1" >防锈剂</a><a href="/productCenter?functionP=tag-zgiVu" class="block text-sm text-zinc-500 dark:text-zinc-200 mt-1" >特种化学品</a> </details><details name="a" class="w-full leading-6" > <summary class="items-center border-b border-solid border-gray-300 mt-3" > <span class="font-semibold ">行业应用</span> </summary> <a href="/industry/general-manufacturing" class="block text-sm text-zinc-500 dark:text-zinc-200 mt-1" >一般工业</a><a href="/industry/hardware" class="block text-sm text-zinc-500 dark:text-zinc-200 mt-1" >五金工具</a><a href="/industry/Intelligent-equipment-maintenance" class="block text-sm text-zinc-500 dark:text-zinc-200 mt-1" >智能装备维保</a><a href="/industry/Yacht-maintenance" class="block text-sm text-zinc-500 dark:text-zinc-200 mt-1" >游艇养护</a><a href="/industry/rail-transit" class="block text-sm text-zinc-500 dark:text-zinc-200 mt-1" >轨道交通</a><a href="/industry/marine" class="block text-sm text-zinc-500 dark:text-zinc-200 mt-1" >船舶航运</a><a href="/industry/mining" class="block text-sm text-zinc-500 dark:text-zinc-200 mt-1" >矿山采掘</a><a href="/industry/aviation" class="block text-sm text-zinc-500 dark:text-zinc-200 mt-1" >航空航天</a><a href="/industry/home-care" class="block text-sm text-zinc-500 dark:text-zinc-200 mt-1" >家居精护</a><a href="/industry/welding" class="block text-sm text-zinc-500 dark:text-zinc-200 mt-1" >焊接</a><a href="/industry/fire-control" class="block text-sm text-zinc-500 dark:text-zinc-200 mt-1" >消防</a><a href="/industry/electrical-utility" class="block text-sm text-zinc-500 dark:text-zinc-200 mt-1" >风电</a><a href="/industry/food-beverage" class="block text-sm text-zinc-500 dark:text-zinc-200 mt-1" >食品</a><a href="/industry/heavy-truck" class="block text-sm text-zinc-500 dark:text-zinc-200 mt-1" >汽车卡车养护</a><a href="/industry/motorcycle-and-bicycle-maintenance" class="block text-sm text-zinc-500 dark:text-zinc-200 mt-1" >摩托车和自行车养护</a> </details><details name="a" class="w-full leading-6" > <summary class="items-center border-b border-solid border-gray-300 mt-3" > <span class="font-semibold ">联系我们</span> </summary> <a href="#" class="block text-sm text-zinc-500 dark:text-zinc-200 mt-1" >咨询热线：4008-200-836</a><a href="https://mall.jd.com/index-1000207353.html" class="block text-sm text-zinc-500 dark:text-zinc-200 mt-1" >CRC京东自营旗舰店</a><a href="https://crcqcpj.tmall.com/shop/view_shop.htm" class="block text-sm text-zinc-500 dark:text-zinc-200 mt-1" >CRC天猫旗舰店</a> </details><details name="a" class="w-full leading-6" > <summary class="items-center border-b border-solid border-gray-300 mt-3" > <span class="font-semibold ">关于我们</span> </summary> <a href="/about-us" class="block text-sm text-zinc-500 dark:text-zinc-200 mt-1" >关于CRC</a><a href="/product-quality" class="block text-sm text-zinc-500 dark:text-zinc-200 mt-1" >产品质量</a> </details> <div class="flex justify-around w-full box-border px-10" > <div class="w-14 h-14 rounded-lg flex justify-center items-center mt-6" style="background: #fff;" href="" > <img @click="mobileChangeBigFooterImg('/upload/7691729675218_.pic.jpg' )" src="/upload/抖音@2x.png" class="w-full h-full object-scale-down" /> </div> <div class="w-14 h-14 rounded-lg flex justify-center items-center mt-6" style="background: #fff;" href="" > <img @click="mobileChangeBigFooterImg('/upload/7711729675218_.pic.jpg' )" src="/upload/微信logo.png" class="w-full h-full object-scale-down" /> </div> <div class="w-14 h-14 rounded-lg flex justify-center items-center mt-6" style="background: #fff;" href="" > <img @click="mobileChangeBigFooterImg('/upload/7701729675218_.pic.jpg' )" src="/upload/小红书@2x.png" class="w-full h-full object-scale-down" /> </div> </div>  <div id="mobileShowBigImgErweima" class="flex justify-center items-center flex-col mt-[2rem]" style="display: none;"> <div class="h-[6.625rem] w-[6.625rem] mb-[0.875rem] bg-white flex justify-center items-center"> <img id="mobilebigErweima" class="w-full h-full" src="" alt="扫一扫求关注"> </div> <div class="text-[1.125rem] mb-3">扫一扫加关注</div> </div>   <span class="container mt-[1.25rem] mx-auto block text-center text-sm text-zinc-500 dark:text-zinc-300"> <p>© 2024</p> <a href="/"> CRC. All Rights Reserved.</a> <a href="https://beian.miit.gov.cn/" target="_blank"> 沪ICP备16035327号-2</a> <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31010602000836" target="_blank" class="flex justify-center items-center"> <img src="//img.alicdn.com/tps/TB1yEqRPXXXXXXPXpXXXXXXXXXX-20-20.png">沪公网安备31010602000836 </a> <a href="/upload/危险品经营资质.pdf" target="_blank">查看CRC危险品经营资质</a> </span> </div> <script type="text/javascript"> let mobilebigErweima = document.getElementById('mobilebigErweima') let mobileShowBigImgErweima = document.getElementById('mobileShowBigImgErweima') function mobileChangeBigFooterImg(imgSrc){ mobilebigErweima.src = imgSrc mobileShowBigImgErweima.style.display = 'flex'; } // function hideBigFooterImg(){ // showBigImgErweima.style.display = 'none'; // } </script> </div>  </footer> </body> </html>

CINXE.COM

CRC实业