239 lines
22 KiB
HTML
239 lines
22 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title></title>
|
|
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<link href="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/Swiper/7.4.1/swiper-bundle.min.css" type="text/css" rel="stylesheet" />
|
|
<link href="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/aos/3.0.0-beta.6/aos.css" type="text/css" rel="stylesheet" />
|
|
<link rel="stylesheet" href="./static/css/common.css">
|
|
<link rel="stylesheet" href="./static/css/index.css">
|
|
</head>
|
|
<body>
|
|
<!-- 轮播图 -->
|
|
<div class="w-full relative select-none">
|
|
<div class="swiper carousel-swiper w-full h-[100vh]">
|
|
<!-- 遮罩层 -->
|
|
<div class="sweep-overlay absolute top-0 left-0 w-full h-full bg-black bg-opacity-50 z-5 pointer-events-none hidden"></div>
|
|
<div class="swiper-button-prev group absolute top-1/2 left-4 transform -translate-y-1/2 z-10 cursor-pointer text-white"></div>
|
|
<div class="swiper-button-next group absolute top-1/2 right-4 transform -translate-y-1/2 z-10 cursor-pointer text-white"></div>
|
|
<div class="swiper-wrapper">
|
|
<div class="swiper-slide">
|
|
<div class="size-full">
|
|
<img class="size-full object-cover object-center" src="/static/images/index-img-1.jpg" alt="">
|
|
</div>
|
|
<div class="absolute top-0 left-[10vw] h-full w-full flex flex-row justify-start items-center">
|
|
<div class="flex flex-col items-start justify-between w-[45.625rem]">
|
|
<div data-aos="fade-down" data-aos-duration="800" data-aos-delay="0" class="carousel-aos text-start text-[#ff2a2a] text-[1.25rem] font-bold">WELCOME TO BUKE</div>
|
|
<div data-aos="fade-right" data-aos-duration="800" data-aos-delay="500" class="carousel-aos text-start text-white font-bold text-[2rem] mb-[2rem] max-[1380px]:w-[32rem] max-[800px]:text-[1.75rem]">常州步科自动化科技有限公司</div>
|
|
<div data-aos="fade-up" data-aos-duration="800" data-aos-delay="1000" class="carousel-aos text-start text-white text-[1rem] max-[1380px]:w-[32rem]">主要从事水利水电站闸门电控系统（液压启闭机、固定卷扬式启闭机）、辅机系统、 工业自动化系统、生产线的控制系统、楼宇自动化系统、计算机监控系统、位移传感器等。</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<div class="size-full">
|
|
<img class="size-full object-cover object-center" src="/static/images/index-img-2.jpg" alt="">
|
|
</div>
|
|
<div class="absolute top-0 left-[10vw] h-full w-full flex flex-row justify-start items-center">
|
|
<div class="flex flex-col items-start justify-between w-[45.625rem]">
|
|
<div data-aos="fade-down" data-aos-duration="800" data-aos-delay="0" class="carousel-aos text-start text-[#ff2a2a] text-[1.25rem] font-bold">WELCOME TO BUKE</div>
|
|
<div data-aos="fade-right" data-aos-duration="800" data-aos-delay="500" class="carousel-aos text-start text-white font-bold text-[2rem] mb-[2rem] max-[1380px]:w-[32rem] max-[800px]:text-[1.75rem]">制造完美产品，铸造永恒品牌</div>
|
|
<div data-aos="fade-up" data-aos-duration="800" data-aos-delay="1000" class="carousel-aos text-start text-white text-[1rem] max-[1380px]:w-[32rem]">公司集国内外同类产品的优点，以质量、服务、技术为先导，凭借先进的管理模式，雄厚的技术力量及完善的加工工艺手段，想用户所想，从售前支持、系统设计、安装调试、客户培训、售后服务等每一个环节为客户量身定做自动化控制系统方案。</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 轮播图 -->
|
|
<!-- 关于我们 -->
|
|
<div class="px-[7%] py-[4rem] bg-[url(static/images/about-bg.jpg)] bg-cover bg-center bg-no-repeat">
|
|
<div class="text-1xl flex flex-col items-center text-[#ff2a2a]" data-aos="fade-down" data-aos-duration="800" data-aos-delay="0">
|
|
ABOUT US
|
|
</div>
|
|
<div class="mt-[.4rem] mb-[2.8125rem] text-[2.15rem] flex flex-col items-center font-bold" data-aos="fade-down" data-aos-duration="800" data-aos-delay="0">
|
|
关于我们
|
|
</div>
|
|
<div class="grid grid-cols-2 max-[930px]:grid-cols-1 gap-[3.125rem]">
|
|
<div class="col-span-1" data-aos="fade-right" data-aos-duration="800" data-aos-delay="0">
|
|
<div class="h-[33.0625rem] w-full"><img class="size-full object-cover object-center" src="static/images/about-img-1.jpg" alt=""></div>
|
|
</div>
|
|
<div class="col-span-1 mt-[2.5rem] max-[740px]:gap-[3.125rem] max-[930px]:mt-[2.5rem] max-[400px]:gap-[1.875rem]" data-aos="fade-left" data-aos-duration="800" data-aos-delay="0">
|
|
<div class="mb-[.9375rem] leading-[2.25rem]" style="text-indent: 2ch;">常州步科自动化科技有限公司位于江苏省常州市武进区，是一家集技术研发、生产销售、业务代理于一体的高新技术企业。公司下设水利自动化产品事业部、工业自动化工程事业部、工控产品事业部。主要从事水利水电站闸门电控系统（液压启闭机、固定卷扬式启闭机）、辅机系统、 工业自动化系统、生产线的控制系统、楼宇自动化系统、计算机监控系统、位移传感器等...
|
|
<a href="#" class="text-[#ff2a2a]">了解更多》</a>
|
|
</div>
|
|
<div class="mb-[1.25rem] flex flex-row"><div class="font-bold text-[#ff2a2a]">公司精神：</div>严谨、诚信、务实</div>
|
|
<div class="mb-[1.25rem] flex flex-row"><div class="font-bold text-[#ff2a2a]">公司目标：</div>制造完美产品，铸造永恒品牌</div>
|
|
<div class="mb-[1.25rem] flex flex-row"><div class="font-bold text-[#ff2a2a]">公司宗旨：</div>专注於每个细节</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 关于我们 -->
|
|
<!-- 产品中心 -->
|
|
<div class="w-full px-[7%] py-[6rem] max-[900px]:py-[2rem]">
|
|
<div class="flex flex-row justify-between max-[700px]:justify-center max-[700px]:pr-[0rem] max-[700px]:flex-wrap mb-[2rem]">
|
|
<div class="max-[700px]:mb-[2rem]" data-aos="fade-right" data-aos-duration="800" data-aos-delay="0">
|
|
<div class="flex flex-row items-center mb-[1rem]">
|
|
<div class="text-[2.5rem] text-[#ff2a2a] font-bold">产品中心</div>
|
|
<div class="w-[3.5rem] h-[.25rem] bg-[#ff2a2a] ml-[1.8rem]"></div>
|
|
</div>
|
|
<div class="text-[1rem] text-[#333] mb-[1rem]">公司崇尚专业、创新、务实的经营理念，着力为客户提供精品化的体验</div>
|
|
</div>
|
|
<div class="flex flex-col" data-aos="fade-left" data-aos-duration="800" data-aos-delay="0">
|
|
<div class="mb-[1.25rem]">
|
|
<a class="text-[#ff2a2a] text-[1.5rem] font-bold">E</a>nter the product center >
|
|
</div>
|
|
<div class="flex justify-end w-full">
|
|
<div class="flex flex-row items-center">
|
|
<div class="product-prev-button rounded-full size-[3.25rem] border-[.125rem] border-[#ccc] hover:border-[#ff2a2a] group flex justify-center items-center cursor-pointer mr-[1rem]">
|
|
<div class="size-[.6875rem] border-l-[.125rem] border-b-[.125rem] border-[#ccc] group-hover:border-[#ff2a2a] rotate-[45deg] translate-x-[.125rem]"></div>
|
|
</div>
|
|
<div class="product-next-button rounded-full size-[3.25rem] border-[.125rem] border-[#ccc] hover:border-[#ff2a2a] group flex justify-center items-center cursor-pointer">
|
|
<div class="size-[.6875rem] border-l-[.125rem] border-b-[.125rem] border-[#ccc] group-hover:border-[#ff2a2a] rotate-[-135deg] translate-x-[-0.125rem]"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="swiper product-swiper select-none">
|
|
<div class="swiper-wrapper">
|
|
<div class="swiper-slide group" data-aos="fade-left" data-aos-duration="800" data-aos-delay="0">
|
|
<a href="#">
|
|
<div class="w-full h-[24vw] overflow-hidden max-[1600px]:h-[32vw] max-[1450px]:h-[36vw] max-[1200px]:h-[40vw] max-[1050px]:h-[55vw] max-[700px]:h-[90vw] max-[600px]:h-[100vw] cursor-pointer">
|
|
<img class="size-full object-cover object-center transition-transform duration-500 group-hover:scale-125" src="static/images/product-img-1.jpg" alt="">
|
|
</div>
|
|
<div class="flex flex-row items-center justify-center h-[4vw] w-full group-hover:bg-[#ff2a2a] bg-gray-100">
|
|
<div class="text-[1rem] tracking-[.0625rem] group-hover:text-[#fff]">闸门自动化系统</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="swiper-slide group">
|
|
<a href="#">
|
|
<div class="w-full h-[24vw] overflow-hidden max-[1600px]:h-[32vw] max-[1450px]:h-[36vw] max-[1200px]:h-[40vw] max-[1050px]:h-[55vw] max-[700px]:h-[90vw] max-[600px]:h-[100vw] cursor-pointer">
|
|
<img class="size-full object-cover object-center transition-transform duration-500 group-hover:scale-125" src="static/images/product-img-2.png" alt="">
|
|
</div>
|
|
<div class="flex flex-row items-center justify-center h-[4vw] w-full group-hover:bg-[#ff2a2a] bg-gray-100">
|
|
<div class="text-[1rem] tracking-[.0625rem] group-hover:text-[#fff]">船闸自动化系统</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="swiper-slide group">
|
|
<a href="#">
|
|
<div class="w-full h-[24vw] overflow-hidden max-[1600px]:h-[32vw] max-[1450px]:h-[36vw] max-[1200px]:h-[40vw] max-[1050px]:h-[55vw] max-[700px]:h-[90vw] max-[600px]:h-[100vw] cursor-pointer">
|
|
<img class="size-full object-cover object-center transition-transform duration-500 group-hover:scale-125" src="static/images/product-img-3.jpg" alt="">
|
|
</div>
|
|
<div class="flex flex-row items-center justify-center h-[4vw] w-full group-hover:bg-[#ff2a2a] bg-gray-100">
|
|
<div class="text-[1rem] tracking-[.0625rem] group-hover:text-[#fff]">现地控制单元</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="swiper-slide group">
|
|
<a href="#">
|
|
<div class="w-full h-[24vw] overflow-hidden max-[1600px]:h-[32vw] max-[1450px]:h-[36vw] max-[1200px]:h-[40vw] max-[1050px]:h-[55vw] max-[700px]:h-[90vw] max-[600px]:h-[100vw] cursor-pointer">
|
|
<img class="size-full object-cover object-center transition-transform duration-500 group-hover:scale-125" src="static/images/product-img-4.png" alt="">
|
|
</div>
|
|
<div class="flex flex-row items-center justify-center h-[4vw] w-full group-hover:bg-[#ff2a2a] bg-gray-100">
|
|
<div class="text-[1rem] tracking-[.0625rem] group-hover:text-[#fff]">控制柜、控制箱</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 产品中心 -->
|
|
|
|
<!-- 创新科技 -->
|
|
<div class="w-full px-[7%] py-[4rem] grid grid-cols-2 gap-[5rem] bg-[url(static/images/newtech-bg.jpg)] bg-cover bg-center bg-no-repeat">
|
|
<div class="w-full">
|
|
<div class="flex flex-row items-center mb-[3rem]" data-aos="fade-right" data-aos-duration="800" data-aos-delay="0">
|
|
<div class="text-[2rem] font-bold text-[#ff2a2a]">创新科技，真诚服务</div>
|
|
<div class="w-[3.5rem] h-[.25rem] bg-[#ff2a2a] ml-[1.8rem]"></div>
|
|
</div>
|
|
<div class="text-[1rem] leading-[2rem] text-gray-800" data-aos="fade-right" data-aos-duration="800" data-aos-delay="100">公司注重建立科学规范的运行机制，严格按照ISO9001标准的要求健全和完善企业的质量保证体系。我们的宗旨：为客户提供能够创造更高效益的服务！ 我们的承诺：以先进的技术、卓越的品质、合理的价格、完善的售前售后服务，让每一个客户都满意。公司秉承“创新科技，真诚服务”，为客户提供专家式服务作为企业的发展方向，并力求每一项工作做到“尽善尽美”。</div>
|
|
</div>
|
|
<div class="h-[28.8125rem] w-full" data-aos="fade-left" data-aos-duration="800" data-aos-delay="100">
|
|
<img class="size-full object-contain object-center" src="static/images/map.png" alt="">
|
|
</div>
|
|
</div>
|
|
<!-- 创新科技 -->
|
|
|
|
<!-- 新闻中心 -->
|
|
<div class="px-[7%] py-[4rem]">
|
|
<div class="mb-[2rem]">
|
|
<div class="flex flex-row items-center mb-[1rem]" data-aos="fade-right" data-aos-duration="800" data-aos-delay="0">
|
|
<div class="text-[2.5rem] text-[#ff2a2a] font-bold">新闻资讯</div>
|
|
<div class="w-[3.5rem] h-[.25rem] bg-[#ff2a2a] ml-[1.8rem]"></div>
|
|
</div>
|
|
<div class="flex flex-row justify-between">
|
|
<div data-aos="fade-right" data-aos-duration="800" data-aos-delay="100">关注步科，为您提供最新的行业新闻</div>
|
|
<div data-aos="fade-left" data-aos-duration="800" data-aos-delay="100"><a href="#" class="text-[#ff2a2a] text-[1.5rem] font-bold">E</a><a class="hover:text-[#00008b] font-bold">nter the news center></a></div>
|
|
</div>
|
|
</div>
|
|
<div class="grid grid-cols-3 max-[1200px]:grid-cols-1 gap-x-[1.25rem]">
|
|
<div class="col-span-1 max-[756px]:h-[75vw] w-full group">
|
|
<div class="w-full h-[24.1875rem] overflow-hidden" data-aos="fade-right" data-aos-duration="800" data-aos-delay="0">
|
|
<img class="size-full object-cover object-center transition-transform duration-500 group-hover:scale-125" src="static/images/news.jpg" alt="">
|
|
</div>
|
|
<div class="flex flex-col items-center" data-aos="fade-right" data-aos-duration="800" data-aos-delay="200">
|
|
<div class="text-[1.5rem] my-[.625rem] group-hover:text-[#ff2a2a] font-bold">工业自动化生产线的发展背景</div>
|
|
<div class="line-clamp-2">自动化生产线一、自动化生产线是在自动化专机不断完善的基础上发展起来的。自动化专机是单台的自动化设备，只能完成产品生产过程中的单一的某项工序，功能有限。在完成好某道工序后，已完成的半成品又需要采用人工方式传递给其他专机设备上继续下一道的生产工序。完成整个生产需要一系列不同功能的专机和人工参与才能完成</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-span-1 flex flex-col justify-between" data-aos="fade-up" data-aos-duration="800" data-aos-delay="100">
|
|
<div class="w-full bg-[rgb(244,244,244)] px-[1.25rem] py-[1.5rem] group border-l-[3px] border-transparent hover:border-red-600" data-aos="fade-up" data-aos-duration="800" data-aos-delay="0">
|
|
<div class="flex flex-row justify-between">
|
|
<div class="text-[1.1rem] group-hover:font-bold">关于楼宇自动化系统你必须了解的那些事</div>
|
|
<div class="text-[1.1rem] mr-[2rem]">2021/09/28</div>
|
|
</div>
|
|
<div class="line-clamp-2 text-[.9rem] mt-[1.25rem]">近年来，楼宇自动化系统(BAS)取得了巨大进步。他们不仅在改变建筑物的处理、操作和控制方式，而且也在改变这种自动化结构与网络和网格的相互作用以增强通信。如今，随着技术的创新发展，楼宇自动化系统的功能已不仅仅是运行楼宇的通风和制冷系统。现在，楼宇自控系统可以控制温度、建筑物压力、调节湿度、调节照明、监视功能性能、查找设备故障，获得访问控制等等。</div>
|
|
</div>
|
|
<div class="w-full bg-[rgb(244,244,244)] px-[1.25rem] py-[1.5rem] group border-l-[3px] border-transparent hover:border-red-600" data-aos="fade-up" data-aos-duration="800" data-aos-delay="50">
|
|
<div class="flex flex-row justify-between">
|
|
<div class="text-[1.1rem] group-hover:font-bold">楼宇自动化系统</div>
|
|
<div class="text-[1.1rem] mr-[2rem]">2021/09/28</div>
|
|
</div>
|
|
<div class="line-clamp-2 text-[.9rem] mt-[1.25rem]">楼宇自控是指楼宇中电力设备，如电梯、水泵、风机、空调等，其主要工作性质是强电驱动。通常这些设备是开放性的工作状态，也就是说没有形成一个闭环回路。只要接通电源，设备就在工作，至于工作状态、进程、能耗等，无法在线及时得到数据，更谈不上合理使用和节约能源。现在楼宇自控是将上述的电器设备进行在线监控，通过设</div>
|
|
</div>
|
|
<div class="w-full bg-[rgb(244,244,244)] px-[1.25rem] py-[1.5rem] group border-l-[3px] border-transparent hover:border-red-600" data-aos="fade-up" data-aos-duration="800" data-aos-delay="100">
|
|
<div class="flex flex-row justify-between">
|
|
<div class="text-[1.1rem] group-hover:font-bold line-clamp-1">艾利特机器人荣获OFweek2021工业自动化数字化行业年度优秀产品奖</div>
|
|
<div class="text-[1.1rem] mr-[2rem]">2021/09/28</div>
|
|
</div>
|
|
<div class="line-clamp-2 text-[.9rem] mt-[1.25rem]">近年来，楼宇自动化系统(BAS)取得了巨大进步。他们不仅在改变建筑物的处理、操作和控制方式，而且也在改变这种自动化结构与网络和网格的相互作用以增强通信。如今，随着技术的创新发展，楼宇自动化系统的功能已不仅仅是运行楼宇的通风和制冷系统。现在，楼宇自控系统可以控制温度、建筑物压力、调节湿度、调节照明、监视功能性能、查找设备故障，获得访问控制等等。</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-span-1 flex flex-col justify-between">
|
|
<div class="w-full bg-[rgb(244,244,244)] px-[1.25rem] py-[1.5rem] group border-l-[3px] border-transparent hover:border-red-600" data-aos="fade-left" data-aos-duration="800" data-aos-delay="0">
|
|
<div class="flex flex-row justify-between">
|
|
<div class="text-[1.1rem] group-hover:font-bold">自动化系统的功能及设计</div>
|
|
<div class="text-[1.1rem] mr-[2rem]">2021/09/28</div>
|
|
</div>
|
|
<div class="line-clamp-2 text-[.9rem] mt-[1.25rem]">虽说现的智能楼宇被更多人所关注，但仍有不少人对于楼宇自动化系统不是很了解的。下面，小编就跟大家聊聊楼宇自动化系统的功能及设计。楼宇自动化系统的功能：⒈设备控制自动化（1）变配电及应急发电设备测控（2）照明设备测控（3）通风空调设备测控（4）给排水设备测控（5）电梯设备测控（6）停车场管理与控制⒉设备管理自</div>
|
|
</div>
|
|
<div class="w-full bg-[rgb(244,244,244)] px-[1.25rem] py-[1.5rem] group border-l-[3px] border-transparent hover:border-red-600" data-aos="fade-left" data-aos-duration="800" data-aos-delay="50">
|
|
<div class="flex flex-row justify-between">
|
|
<div class="text-[1.1rem] group-hover:font-bold">9月27日海川智能涨停分析</div>
|
|
<div class="text-[1.1rem] mr-[2rem]">2021/09/28</div>
|
|
</div>
|
|
<div class="line-clamp-2 text-[.9rem] mt-[1.25rem]">证券之星数据中心讯，海川智能涨停收盘，收盘价14.57元。该股于13点24分涨停，1次打开涨停，截止收盘封单资金为2857.4万元，占其流通市值1.97%。资金流向数据方面，当日主力资金净流入7427.21万元，游资资金净流入7980.44万元，散户资金净流出3099.26万元。近5日资金流向一览见下表：该股为RCEP概念，智能制造，工业</div>
|
|
</div>
|
|
<div class="w-full bg-[rgb(244,244,244)] px-[1.25rem] py-[1.5rem] group border-l-[3px] border-transparent hover:border-red-600" data-aos="fade-left" data-aos-duration="800" data-aos-delay="100">
|
|
<div class="flex flex-row justify-between">
|
|
<div class="text-[1.1rem] group-hover:font-bold line-clamp-1">风口财经对话全球工业自动化专家：推进转型升级！</div>
|
|
<div class="text-[1.1rem] mr-[2rem]">2021/09/28</div>
|
|
</div>
|
|
<div class="line-clamp-2 text-[.9rem] mt-[1.25rem]">风口财经记者 吴思近日，各省份限电政策频频冲上热搜。突如其来的变革使得很多企业和居民不知所措，东北地区甚至出现停电引发拥堵、电梯停运、停水等现象，波及城市正常运行。为何大范围限电？限电政策会带来什么？风口财经记者采访到全球工业自动化领导者德国菲尼克斯集团高级顾问、原副总裁兼智能制造学院院长杜品圣博士</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 新闻中心 -->
|
|
<script src="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery/3.6.0/jquery.min.js" type="application/javascript"></script>
|
|
<script src="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/Swiper/7.4.1/swiper-bundle.min.js" type="application/javascript"></script>
|
|
<script src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/aos/3.0.0-beta.6/aos.js" type="application/javascript"></script>
|
|
<script src="./static/js/common.js"></script>
|
|
<script src="./static/js/index.js"></script>
|
|
</body>
|
|
</html> |