76 lines
3.9 KiB
HTML
76 lines
3.9 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="relative">
|
|
<div class="size-full"><img class="size-full object-cover object-center"
|
|
src="/copyweb/static/images/product-img-head.jpg" alt=""></div>
|
|
<div class="absolute top-0 left-0 size-full flex flex-row justify-center items-center">
|
|
<div class="flex flex-col justify-center items-center">
|
|
<div class="text-[2rem] text-white font-bold tracking-widest">产品中心</div>
|
|
<div class="flex flex-row text-white mt-[.625rem]">
|
|
<img class="w-[1.25rem] h-[1.25rem] object-cover object-center"
|
|
src="/copyweb/static/images/introduction-img-2.png" alt="">
|
|
<div class="ml-[.625rem]">您现在的位置： </div><a href="" class="hover:text-[#ff2a2a]">首页</a>-<a href=""
|
|
class="hover:text-[#ff2a2a]">产品中心</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 产品中心 -->
|
|
<!-- 产品内容 -->
|
|
<div class="py-[5.3125rem] px-[4%]">
|
|
<div class="w-full flex flex-row max-[990px]:flex-col">
|
|
<div class="w-[40%] max-[990px]:w-full h-full overflow-hidden cursor-pointer">
|
|
<img class="size-full object-cover object-center" src="static/images/product-img-1.jpg" alt="">
|
|
</div>
|
|
<div class="w-[60%] max-[990px]:w-full py-[4.0625rem] px-[5.3125rem] bg-[url(static/images/product-detail-bg.jpg)]">
|
|
<div class="mb-[1.5625rem] pb-[1.5625rem] border-b-[.125rem] border-solid border-[#333]">
|
|
<div class="text-[2.25rem] leading-[1.4] text-[#333]">控制柜、控制箱</div>
|
|
</div>
|
|
<div class="my-[.9375rem] text-[1rem] text-[#555] leading-[1.6] truncate">
|
|
代理威图、梅勒等公司产品定做各种非标柜体、箱体
|
|
</div>
|
|
<div class="flex flex-row pt-[1.875rem] pb-[.625rem] items-center">
|
|
<div class="flex flex-row text-[1.125rem]">
|
|
<img class="mr-[.5rem]" src="/copyweb/static/images/product-detail-tel.png" alt="">
|
|
产品咨询电话：
|
|
</div>
|
|
<a class="text-[#da191e] text-[1.5rem] font-bold" href="tel:0519 85853200">0519 85853200</a>
|
|
</div>
|
|
<div class="py-[1.25rem]">
|
|
<a href="" class="py-[.9375rem] px-[1.5625rem] bg-[#da191e] text-white inline-flex">
|
|
<img class="mr-[.5rem]" src="/copyweb/static/images/product-detail-person.png" alt="">联系我们
|
|
</a>
|
|
</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> |