<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta
			name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"
		/>
		<link
			rel="stylesheet"
			href="./css/bootstrap.min.css"
			crossorigin="anonymous"
		/>
		<link rel="stylesheet" href="./css/index.css" crossorigin="anonymous" />
		<title>广州德胜工匠传统文化传承有限公司</title>
	</head>
	<body style="padding-bottom: 100px">
		<!-- 导航 -->
		<nav class="navbar navbar-expand-lg navbar-light block">
			<a class="navbar-brand" href="#">
				<img loading="lazy" src="./img/logo.jpg" alt="" />
			</a>
			<button
				class="navbar-toggler"
				type="button"
				data-toggle="collapse"
				data-target="#navbarSupportedContent"
				aria-controls="navbarSupportedContent"
				aria-expanded="false"
				aria-label="Toggle navigation"
			>
				<span class="navbar-toggler-icon"></span>
			</button>

			<div
				class="collapse navbar-collapse justify-content-center"
				id="navbarSupportedContent"
			>
				<div class="navbar-nav">
					<a class="nav-link active" href="./index.html">首页</a>
					<a class="nav-link" href="./tel.html">关于我们</a>
					<a class="nav-link" href="./film.html">黑胶唱片</a>
					<a class="nav-link" href="./customMade.html">黑胶定制</a>
					<a class="nav-link" href="./cd.html">CD定制</a>
					<a class="nav-link" href="./tel.html">联系我们</a>
				</div>
			</div>
		</nav>
		<!-- 轮播图 -->
		<div
			id="carouselExampleSlidesOnly"
			class="carousel slide"
			data-ride="carousel"
		>
			<div class="carousel-inner">
				<div class="carousel-item active">
					<img
						loading="lazy"
						src="./img/banner01.jpg"
						class="d-block w-100"
						alt=""
					/>
				</div>
				<div class="carousel-item">
					<img
						loading="lazy"
						src="./img/banner02.jpg"
						class="d-block w-100"
						alt=""
					/>
				</div>
			</div>
			<button
				class="carousel-control-prev"
				type="button"
				data-target="#carouselExampleSlidesOnly"
				data-slide="prev"
			>
				<span
					class="carousel-control-prev-icon"
					aria-hidden="true"
				></span>
				<span class="sr-only">Previous</span>
			</button>
			<button
				class="carousel-control-next"
				type="button"
				data-target="#carouselExampleSlidesOnly"
				data-slide="next"
			>
				<span
					class="carousel-control-next-icon"
					aria-hidden="true"
				></span>
				<span class="sr-only">Next</span>
			</button>
		</div>
		<!--  -->
		<div class="block">
			<div
				class="container"
				style="text-align: center; margin-top: 100px"
			>
				<video
					class="loop_video"
					poster=""
					autoplay=""
					data-object-fit="fill"
					width="100%"
					height="100%"
					controls="controls"
					loop=""
					src="./video/广州德胜工匠传统文化传承有限公司.mp4"
				></video>
			</div>
		</div>
		<!--  -->
		<div class="block text-banner">
			<div class="text-center font title">
				广州德胜工匠传统文化传承有限公司
			</div>
			<div class="text">
				匠者，是把一件事做到极致的专注，是十年如一日的坚持，是千百次斧凿之后的精益求精。
				在时间的印迹中恪守。初心坚定，不断前行。
				传承匠心精神，才能成就非凡企业。德胜工匠的崛
				起是最有力的证明，迎着时代发展的浪潮。立足粤港澳大湾区文化圈，国际贸易枢纽南沙港。
				德胜工业园具有1000多方的现代办公室。拥有6000余方现代化厂房和高标准的GMP洁净车间，
				具备多条世界顶级水准音像生产线继承与创新相融合，全面助力“广东双中心”文化创新，
				重点聚焦“珠三角体化..大发展。
				<img
					loading="lazy"
					class="icon01"
					src="./img/icon01.png"
					alt=""
				/>
				<img
					loading="lazy"
					class="icon02"
					src="./img/icon02.png"
					alt=""
				/>
				<img
					loading="lazy"
					class="icon03"
					src="./img/icon02.png"
					alt=""
				/>
				<img
					loading="lazy"
					class="icon04"
					src="./img/icon02.png"
					alt=""
				/>
				<img
					loading="lazy"
					class="icon05"
					src="./img/icon02.png"
					alt=""
				/>
			</div>
		</div>
		<div class="block size">
			<div class="text-center title">
				<div>尺寸</div>
			</div>
			<div class="item d-flex">
				<div>
					<div class="film" style="width: 250px; height: 250px"></div>
					<div>
						<p>12寸</p>
						<p>45转：单面播放时间为每面15-18分钟</p>
						<p>33-1/3转:单面播放时间为每面18-22分钟</p>
					</div>
				</div>
				<div>
					<div class="film" style="width: 200px; height: 200px"></div>
					<div>
						<p>12寸</p>
						<p>45转：单面播放时间为每面12分钟</p>
						<p>33-1/3转:单面播放时间为每面16分钟</p>
					</div>
				</div>
				<div>
					<div class="film" style="width: 150px; height: 150px"></div>
					<div>
						<p>12寸</p>
						<p>45转：单面播放时间为每面5分钟</p>
						<p>33-1/3转:单面播放时间为每面6.5分钟</p>
					</div>
				</div>
			</div>
		</div>
		<!--  -->
		<div class="block all-list">
			<div>
				<div class="title">
					<img
						loading="lazy"
						src="./img/title-leaf-left.png"
						alt=""
					/>
					单实色
					<img
						loading="lazy"
						src="./img/title-leaf-right.png"
						alt=""
					/>
				</div>
				<div class="sub-title">
					<div>SOLID COLOR</div>
				</div>
				<div class="box">
					<div>
						<img loading="lazy" src="./img/film02.png" alt="" />
						<p>（黄色）</p>
					</div>
					<div>
						<img loading="lazy" src="./img/film03.png" alt="" />
						<p>（红色）</p>
					</div>
					<div>
						<img loading="lazy" src="./img/film04.png" alt="" />
						<p>（天蓝色）</p>
					</div>
					<div>
						<img loading="lazy" src="./img/film05.png" alt="" />
						<p>（橙色）</p>
					</div>
					<div>
						<img loading="lazy" src="./img/film06.png" alt="" />
						<p>（湖蓝色）</p>
					</div>
					<div>
						<img loading="lazy" src="./img/film07.png" alt="" />
						<p>（翠绿色）</p>
					</div>
					<div>
						<img loading="lazy" src="./img/film08.png" alt="" />
						<p>（玫瑰红）</p>
					</div>
					<div>
						<img loading="lazy" src="./img/film09.png" alt="" />
						<p>（蓝色）</p>
					</div>
					<div>
						<img loading="lazy" src="./img/film10.png" alt="" />
						<p>（灰色）</p>
					</div>
				</div>
				<div class="footer">
					<div>
						<div>颜色仅供参考请以实物为准</div>
						<div>更多颜色请联系客服!</div>
					</div>
				</div>
				<div class="leaf">
					<img loading="lazy" src="./img/leaf-3.png" alt="" />
				</div>
			</div>
			<div>
				<div class="title">
					<img
						loading="lazy"
						src="./img/title-leaf-left.png"
						alt=""
					/>
					透明色
					<img
						loading="lazy"
						src="./img/title-leaf-right.png"
						alt=""
					/>
				</div>
				<div class="sub-title">
					<div>SOLID COLOR</div>
				</div>
				<div class="box">
					<div>
						<img loading="lazy" src="./img/film02.png" alt="" />
						<p>（黄色）</p>
					</div>
					<div>
						<img loading="lazy" src="./img/film03.png" alt="" />
						<p>（红色）</p>
					</div>
					<div>
						<img loading="lazy" src="./img/film04.png" alt="" />
						<p>（天蓝色）</p>
					</div>
					<div>
						<img loading="lazy" src="./img/film05.png" alt="" />
						<p>（橙色）</p>
					</div>
					<div>
						<img loading="lazy" src="./img/film06.png" alt="" />
						<p>（湖蓝色）</p>
					</div>
					<div>
						<img loading="lazy" src="./img/film07.png" alt="" />
						<p>（翠绿色）</p>
					</div>
					<div>
						<img loading="lazy" src="./img/film08.png" alt="" />
						<p>（玫瑰红）</p>
					</div>
					<div>
						<img loading="lazy" src="./img/film09.png" alt="" />
						<p>（蓝色）</p>
					</div>
					<div>
						<img loading="lazy" src="./img/film11.png" alt="" />
						<p>（透明）</p>
					</div>
				</div>
				<div class="footer">
					<div>
						<div>颜色仅供参考请以实物为准</div>
						<div>更多颜色请联系客服!</div>
					</div>
				</div>
				<div class="leaf">
					<img loading="lazy" src="./img/leaf-3.png" alt="" />
				</div>
			</div>
		</div>

		<div class="block color01">
			<div class="title">
				<img loading="lazy" src="./img/title01.png" alt="" />
			</div>
			<div class="box">
				<img loading="lazy" src="./img/film12.png" alt="" />
				<img loading="lazy" src="./img/film13.png" alt="" />
				<img loading="lazy" src="./img/film14.png" alt="" />
				<img loading="lazy" src="./img/film15.png" alt="" />
				<img loading="lazy" src="./img/film16.png" alt="" />
				<img loading="lazy" src="./img/film17.png" alt="" />
				<img loading="lazy" src="./img/film18.png" alt="" />
				<img loading="lazy" src="./img/film19.png" alt="" />
				<img loading="lazy" src="./img/film20.png" alt="" />
				<img loading="lazy" src="./img/film21.png" alt="" />
				<img loading="lazy" src="./img/film22.png" alt="" />
				<img loading="lazy" src="./img/film23.png" alt="" />
			</div>
			<div class="footer">
				<div>
					<div>颜色仅供参考请以实物为准</div>
					<div>更多颜色请联系客服!</div>
				</div>
			</div>
		</div>

		<div class="block color01" style="margin-top: 80px">
			<div class="title">
				<img loading="lazy" src="./img/title02.png" alt="" />
			</div>
			<div class="box">
				<img loading="lazy" src="./img/film26.png" alt="" />
				<img loading="lazy" src="./img/film27.png" alt="" />
				<img loading="lazy" src="./img/film28.png" alt="" />
				<img loading="lazy" src="./img/film29.png" alt="" />
				<img loading="lazy" src="./img/film30.png" alt="" />
			</div>
			<div class="box2">
				<img loading="lazy" src="./img/film31.png" alt="" />
				<img loading="lazy" src="./img/film32.png" alt="" />
				<img loading="lazy" src="./img/film33.png" alt="" />
				<img loading="lazy" src="./img/film34.png" alt="" />
			</div>
			<div class="footer">
				<div>
					<div>颜色仅供参考请以实物为准</div>
					<div>更多颜色请联系客服!</div>
				</div>
			</div>
		</div>
		<div class="block" style="padding-top: 100px">
			<img loading="lazy" src="img/bg01.png" style="width: 100%" alt="" />
		</div>
		<div class="block size" style="margin: 0 auto">
			<div class="text-center title">
				<div>印刷工艺</div>
			</div>
			<div class="item d-flex" style="justify-content: center">
				<div>
					<div class="film" style="width: 90%; background: none">
						<img
							loading="lazy"
							style="max-width: 300px; width: 100%"
							src="./img/film35.png"
							alt=""
						/>
					</div>
					<div>
						<p>黑胶</p>
						<p>常规封面印刷</p>
					</div>
				</div>
				<div>
					<div class="film" style="width: 90%; background: none">
						<img
							loading="lazy"
							style="max-width: 300px; width: 100%"
							src="img/film-center.png"
							alt=""
						/>
					</div>
					<div>
						<p>画胶</p>
						<p>全版封面印刷</p>
					</div>
				</div>
			</div>
		</div>
		<div class="block d-flex flow" style="margin: 50px auto 0">
			<img loading="lazy" src="./img/flow1.png" alt="" />
			<img loading="lazy" src="./img/flow2.png" alt="" />
			<img loading="lazy" src="./img/flow3.png" alt="" />
			<img loading="lazy" src="./img/flow4.png" alt="" />
			<img loading="lazy" src="./img/flow5.png" alt="" />
			<img loading="lazy" src="./img/flow6.png" alt="" />
			<img loading="lazy" src="./img/flow7.png" alt="" />
			<img loading="lazy" src="./img/flow8.png" alt="" />
			<img loading="lazy" src="./img/flow9.png" alt="" />
		</div>

		<div class="footer-tel">
			<div class="content">
				<div class="text">
					<div>联系我们</div>
					<div>
						Copyright@2018-2021
						广州德胜工匠传统文化传承有限公司版权所有
					</div>
					<div>
						联系人号码: 麦小姐 181-4895-3385/姚先生 138-2944-2642
					</div>
					<div>联系地址:广州市南沙区励业路勤龙街</div>
					<div>
						<a
							style="color: #212529"
							href="http://beian.miit.gov.cn/state/outPortal/loginPortal.action#/Integrated/recordQuery"
						>
							ICP证：粤ICP备2022058843号-1
						</a>
					</div>
				</div>
				<div class="d-flex code">
					<div>扫描二维码</div>
					<img
						loading="lazy"
						style="width: 130px"
						src="./img/two-code.jpg"
						alt=""
					/>
				</div>
			</div>
		</div>

		<script src="./js/jquery-3.6.0.min.js" crossorigin="anonymous"></script>
		<script
			src="./js/bootstrap.bundle.min.js"
			crossorigin="anonymous"
		></script>
	</body>
</html>
