<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=640" />
		<title>大连钜丰建筑|大连建筑工程|大连建筑|大连钜丰建筑工程|大连钜丰</title>
		<link rel="icon" href="favicon.ico" />
		<meta name="keywords" content="大连钜丰/大连建筑/大连建筑公司/大连建筑工程/大连钜丰工程/大连建筑哪家好/大连工程建筑" />
		<meta name="description"
			content="大连钜丰建筑工程有限公司钜丰建筑现有员工3000多人，其中高级工程师、工程师、经济师、助理工程师、助理经济师等专业人才300多人。公司拥有塔吊、工程车辆等固定资产总价值2000多万元。公司下设10个项目部和一个分公司（旅顺）。钜丰建筑在大连市率先通过质量、环境、职业安全健康三大管理体系的整合认证。" />
		<link rel="stylesheet" href="css/public.css" />
		<link rel="stylesheet" href="css/index.css" />
		<!-- <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" /> -->
		<!-- <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.0/css/swiper.min.css"> -->
		<link rel="stylesheet" href="css/swiper.min.css" />
		<!-- <script src="http://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.0/js/swiper.min.js"></script> -->
		<link rel="stylesheet" href="css/animate.min.css" />
		<script src="js/swiper.min.js"></script>
		<script src="js/swiper.animate.min.js"></script>
		<!-- <script src="http://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script> -->
		<script src="js/jquery.min.js"></script>
		<script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
		<script>
			LA.init({
				id: "3IwUwNBX0a0mjqMx",
				ck: "3IwUwNBX0a0mjqMx"
			});
		</script>
	</head>

	<body>
		<!-- 导航 -->
		<header>
			<div class="container" style="display: flex;">

				<div class="header-content">
					<div class="logo">
						<img class="pc" src="images/logo.png" alt="大连钜丰建筑工程有限公司" />
						<img class="mobile" src="images/mobile/logo.png" alt="大连钜丰建筑工程有限公司" />
					</div>
					<nav class="nav-list pc">
						<div class="nav-item">
							<a href="/">
								<span class="nav-zh">网站首页</span>
								<span class="nav-en">HOME</span>
							</a>
						</div>
						<div class="nav-item">
							<a href="/intro.html">
								<span class="nav-zh">关于我们</span>
								<span class="nav-en">ABOUT</span>
							</a>
						</div>
						<div class="nav-item">
							<a href="/product.html">
								<span class="nav-zh">工程展示</span>
								<span class="nav-en">CASE</span>
							</a>
						</div>
						<div class="nav-item">
							<a href="/news.html">
								<span class="nav-zh">新闻中心</span>
								<span class="nav-en">NEWS</span>
							</a>
						</div>
						<div class="nav-item">
							<a href="/contact.html">
								<span class="nav-zh">联系我们</span>
								<span class="nav-en">CONTACT</span>
							</a>
						</div>
						<div class="nav-item">
							<a href="/Information.pdf" download="大连钜丰建筑工程有限公司.pdf">
								<span class="nav-zh" style="color: #FD7E14;">资料获取</span>
								<span class="nav-en" style="color: #FD7E14;">DOWNLOAD</span>
							</a>
						</div>

					</nav>
					<div class="lines mobile">
						<i class="line"></i>
						<i class="line"></i>
						<i class="line"></i>
					</div>
				</div>
				<!-- <div class="pc" style=" position: relative; margin:auto;">
					<img height="60px" src="./images/erpng.png" alt="" />
				</div> -->
			</div>

			<ul class="menu-list mobile">
				<li>MENU</li>
				<li><a href="/">网站首页<span class="nav-en">&nbsp;&emsp;&emsp;HOME</span></a></li>
				<li><a href="/intro.html">关于我们<span class="nav-en">&nbsp;&emsp;&emsp;ABOUT</span></a></li>
				<li><a href="/product.html">工程展示<span class="nav-en">&nbsp;&emsp;&emsp;CASE</span></a></li>
				<li><a href="/news.html">新闻中心<span class="nav-en">&nbsp;&emsp;&emsp;NEWS</span></a></li>
				<li><a href="/contact.html">在线留言<span class="nav-en">&nbsp;&emsp;&emsp;GUESTBOOK</span></a></li>
				<li><a href="/intro.html#tab7">联系我们<span class="nav-en">&nbsp;&emsp;&emsp;CONTACT</span></a></li>
				<li><a style="color: #FF4500;" href="/Information.pdf" download="大连钜丰建筑工程有限公司.pdf">资料获取<span
							class="nav-en">&nbsp;&emsp;&emsp;DOWNLOAD</span></a></li>
			</ul>
		</header>

		<main>
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<div class="container">
							<div class="swiper-first ani" swiper-animate-effect="flipInY"
								swiper-animate-duration="0.8s">
								<!-- <img src="images/mobile/phone1.png" class="mobile" /> -->
								<img src="images/swiper-1-2.png" class="swiper-first-img1 ani"
									swiper-animate-effect="fadeInRight" swiper-animate-delay="0.5s"
									swiper-animate-duration="0.5s" />
								<img src="images/swiper-1-3.png" class="swiper-first-img2 ani"
									swiper-animate-effect="fadeInLeft" swiper-animate-delay="0.8s"
									swiper-animate-duration="0.5s" />
								<img src="images/12bb.png" class="swiper-first-img3 pc ani"
									swiper-animate-effect="fadeInLeft" swiper-animate-delay="1.1s"
									swiper-animate-duration="0.5s" />

								<!-- <span  style="color: rgb(244, 240, 240); font-size: 1.4rem; "> &nbsp;&nbsp;大连钜丰建筑工程有限公司（以下简称钜丰建筑），成立于</span>
                <span  style="color: rgb(244, 240, 240); font-size: 1.4rem; "> &nbsp;&nbsp;2004年6月，是国家住建部颁发的房屋建筑工程总承包壹级</span>
                <span  style="color: rgb(244, 240, 240); font-size: 1.4rem; "> &nbsp;&nbsp;资质企业，增项资质为建筑装修装饰工程专业承包贰级、钢</span>
                <span  style="color: rgb(244, 240, 240); font-size: 1.4rem; "> &nbsp;&nbsp;结构工程专业承包贰级和市政公用工程施工总承包贰级。</span> -->

								<img src="images/12bb.png" class="swiper-first-img3 mobile" />
							</div>
						</div>
					</div>
					<div class="swiper-slide">
						<div class="swiper-second container pc">
							<div class="card-blue-left ani" swiper-animate-effect="flipInY">
								<img src="images/swiper-2-l2.png" class="into-title ani"
									swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s"
									swiper-animate-delay="0.5s" />
								<a href="/intro.html">
									<img src="images/swiper-2-l3.png" class="into-button ani"
										swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s"
										swiper-animate-delay="0.8s" />
								</a>
							</div>
							<img src="images/swiper-2-l4.png" class="left-content ani" swiper-animate-effect="flipInY"
								swiper-animate-delay="0.3s" />
							<div class="card-blue-right ani" swiper-animate-effect="fadeInRight">
								<p class="company-intro ani" swiper-animate-effect="fadeInRight"
									swiper-animate-delay="0.6s">
									钜丰建筑现有员工3000多人，其中高级工程师、工程师、经济师、助理工程师、助理经济师等专业人才300多人。公司拥有塔吊、工程车辆等固定资产总价值2000多万元。公司下设10个项目部和一个分公司（旅顺）。钜丰建筑在大连市率先通过质量、环境、职业安全健康三大管理体系的整合认证
								</p>
							</div>
							<img src="images/swiper-2-r2.png" class="right-content ani" swiper-animate-effect="flipInY"
								swiper-animate-delay="0.2s" />
						</div>
						<div class="swiper-second mobile">
							<div class="card-blue">
								<img src="images/swiper-2-l2.png" class="title" />
								<div class="content">
									钜丰建筑现有员工3000多人，其中高级工程师、工程师、经济师、助理工程师、助理经济师等专业人才300多人。
								</div>
								<a href="/intro.html"><img src="images/swiper-2-l3.png" class="more" /></a>
							</div>
							<img src="images/swiper-2-r2.png" class="content-img" />
						</div>
					</div>
					<div class="swiper-slide">
						<div class="swiper-third container ani" swiper-animate-effect="fadeInLeft"
							swiper-animate-delay="0.2s" swiper-animate-duration="0.5s">
							<div class="left-content pc">
								<img src="/images/swiper-3-2.png" class="case-title ani"
									swiper-animate-effect="fadeInLeft" swiper-animate-delay="0.5s"
									swiper-animate-duration="0.5s" />
								<i class="line ani" swiper-animate-effect="fadeInLeft" swiper-animate-delay="0.8s"
									swiper-animate-duration="0.5s"></i>
								<p class="case ani" swiper-animate-effect="fadeInLeft" swiper-animate-delay="1s">
									钜丰建筑牢记“为人类建设美好家园”的神圣使命；以成为“国内知名、员工满意”的现代建筑企业为愿景；秉承“诚信、创新、拼搏、共赢”的企业精神；坚持“品质保证、安全第一”的核心价值观，积极承担社会责任，以一流的工程质量和最佳的信誉保证，迎接新的机遇和挑战。
								</p>
							</div>
							<a href="/product.html">
								<div class="picture ani picani" swiper-animate-effect="fadeInUp"
									swiper-animate-delay="0.4s" swiper-animate-duration="0.5s">
									<div class="zhanweiwhite1 zhanweiwhite"></div>
									<div class="picani-title"></div>
									<div class="picani-content"></div>
								</div>
								<div class="picture ani picani" swiper-animate-effect="fadeInUp"
									swiper-animate-delay="0.6s" swiper-animate-duration="0.5s">
									<div class="zhanweiwhite2 zhanweiwhite"></div>
									<div class="picani-title"></div>
									<div class="picani-content"></div>
								</div>
								<div class="picture ani picani" swiper-animate-effect="fadeInUp"
									swiper-animate-delay="0.8s" swiper-animate-duration="0.5s">
									<div class="zhanweiwhite3 zhanweiwhite"></div>
									<div class="picani-title"></div>
									<div class="picani-content"></div>
								</div>
								<div class="picture ani picani" swiper-animate-effect="fadeInUp"
									swiper-animate-delay="1s" swiper-animate-duration="0.5s">
									<div class="zhanweiwhite zhanweiwhite4"></div>
									<div class="picani-title"></div>
									<div class="picani-content"></div>
								</div>
								<div class="picture ani picani" swiper-animate-effect="fadeInUp"
									swiper-animate-delay="1.2s" swiper-animate-duration="0.5s">
									<div class="zhanweiwhite zhanweiwhite5"></div>
									<div class="picani-title"></div>
									<div class="picani-content"></div>
								</div>
							</a>
						</div>
					</div>
					<div class="swiper-slide pc">
						<div class="swiper-fourth container">
							<img src="images/swiper-4-1.png" class="news-title ani" swiper-animate-effect="fadeInDown"
								swiper-animate-duration="0.3s" swiper-animate-delay="0" />
							<div class="left-content ani" swiper-animate-effect="fadeInLeft"
								swiper-animate-duration="0.5s" swiper-animate-delay="0.5s">
								<a href="" class="img-box">
									<div style="overflow: hidden">
										<div class="content-img">
											<img src="" />
										</div>
									</div>
								</a>
								<div class="bottom">
									<span class="card-link"></span>
									<div class="abstract">
										<span>摘要：</span>
										<span class="time"></span>
									</div>
								</div>
							</div>
							<ul class="right-list ani" swiper-animate-effect="fadeInRight"
								swiper-animate-duration="0.5s" swiper-animate-delay="0.5s"></ul>
						</div>
					</div>
					<div class="swiper-slide">
						<div class="swiper-fifth ani" swiper-animate-effect="fadeInDown" data-effect="fadeOutUp">
							<div class="container pc">
								<img src="images/swiper-5-2.png" class="contact-title ani"
									swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s"
									swiper-animate-delay="0.6s" />
								<i class="line pc ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s"
									swiper-animate-delay="0.6s"></i>
								<div class="box contact-tel ani" swiper-animate-effect="fadeIn"
									swiper-animate-duration="1s" swiper-animate-delay="1s">
									<img src="images/swiper-5-3.png" />
									<span>联系方式：0411-82482355 &nbsp;0411-82473582
										&nbsp;0411-82473572
									</span>
								</div>
								<div class="box contact-address ani" swiper-animate-effect="fadeIn"
									swiper-animate-duration="1s" swiper-animate-delay="1.2s">
									<img src="images/swiper-5-4.png" />
									<div class="address">
										公司地址：
										<p>大连市沙河口区马栏街道红凌社 区峦泉宇庭9号办公楼</p>
									</div>
								</div>
								<div class="copyright ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s"
									swiper-animate-delay="1.5s">
									版权所有：大连钜丰建筑工程有限公司&nbsp;&nbsp;
									<a style="text-decoration: none; color: #fff" target="_blank"
										href="http://beian.miit.gov.cn/#/Integrated/index">辽ICP备2021001213号-1</a>
								</div>
								<div class="qr">
									<img src="images/qr.png" class="qrcode ani" swiper-animate-effect="fadeInRight"
										swiper-animate-duration="0.5s" swiper-animate-delay="0.6s" />
									<span class="tip ani" swiper-animate-effect="fadeInRight"
										swiper-animate-delay="0.8s">扫描关注手机网站</span>
								</div>
							</div>
							<div class="container mobile">
								<img src="images/mobile/swiper5-title.png" class="contact-title mobile" />
								<div>联系方式：0411-82482355 0411-82473582 0411-82473572</div>
								<div>公司地址：大连市沙河口区峦泉宇庭9号楼</div>
								<div class="copyright">
									版权所有：大连钜丰建筑工程有限公司&nbsp;&nbsp;
									<a style="text-decoration: none; color: #fff" target="_blank"
										href="http://beian.miit.gov.cn/#/Integrated/index">辽ICP备2021001213号-1</a>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="swiper-pagination"></div>
			</div>
		</main>

	</body>
</html>
<script>
	window.dingtalkAgentConfig = {
		code: 'RYLuOg6NVg',
		orbIcon: '',
	}
</script>
<script src="http://g.alicdn.com/dingding-frontend/dd-lui-inside/0.0.6/magicOrb.js" defer>
</script>

<script>
	
	
	var isMobile = IsMobile();
	if (isMobile) {
		var mySwiper = new Swiper(".swiper-container", {
			initialSlide: 0,
			direction: "vertical",
			pagination: {
				el: ".swiper-pagination",
				clickable: true,
			},
			mousewheel: true,
		});
	} else {
		var mySwiper = new Swiper(".swiper-container", {
			initialSlide: 0,
			speed: 1500,
			direction: "vertical",
			pagination: {
				el: ".swiper-pagination",
				clickable: true,
			},
			paginationClickable: true,
			mousewheel: true,
			on: {
				init: function() {
					swiperAnimateCache(this);
					swiperAnimate(this);
				},
				transitionStart: function() {
					// console.log(this);
				},
				slideChangeTransitionEnd: function() {
					swiperAnimate(this);
					if (this.activeIndex === 2) {
						getImage();
					}
				},
			},
		});
	}
	$(function() {
		var flag = 0;
		$(".lines").click(function() {
			if (flag == 0) {
				flag = 1;
				$(".menu-list").animate({
					right: 0,
				});
				$(".line").animate({
					width: "100%",
				});
			} else {
				flag = 0;
				$(".menu-list").animate({
					right: "-100%",
				});
				$(".line").eq(0).animate({
					width: "18px",
				});
				$(".line").eq(2).animate({
					width: "22px",
				});
			}
		});

		getNewsList();

		function getNewsList() {
			$.get(
				"http://jfht.digaokeji.cn/api/news", {
					page_no: 1,
					page_size: 5,
					cate_id: 1,
				},
				function(res, status) {
					if (res.code == 1) {
						let listData = res.data.lists;
						listData.forEach((item, index) => {
							$(".right-list").append(
								`
              <li>
                <a class="list-box" href="/newsdetail.html?id=` +
								item.id +
								`">
                  <div class="list-title">
                    <span title="` +
								item.title +
								`">` +
								item.title +
								`</span>
                    <div class="publish-time">
                      <span class="time-label"><i class="iconfont icon-shijian"></i>发布时间：</span>
                      <span class="time">` +
								item.create_time +
								`</span>
                    </div>
                  </div>
                  <div class="list-abstract" title="` +
								item.content +
								`">
                    摘要：` +
								item.content +
								`
                  </div>
                </a>
              </li>
            `
							);
						});

						$(".img-box").attr("href", "/newsdetail.html?id=" + listData[0].id);
						$(".card-link").text(listData[0].title);
						$(".card-link").attr("title", listData[0].title);
						$(".abstract .time").text(listData[0].create_time);
						let imgUrl = listData[0].big_url;
						$(".left-content .content-img img").attr("src", imgUrl[0].img_url);
					}
				}
			);
		}
	});

	function IsMobile() {
		var isMobile = {
			Android: function() {
				return navigator.userAgent.match(/Android/i) ? true : false;
			},
			BlackBerry: function() {
				return navigator.userAgent.match(/BlackBerry/i) ? true : false;
			},
			iOS: function() {
				return navigator.userAgent.match(/iPhone|iPad|iPod/i) ? true : false;
			},
			Windows: function() {
				return navigator.userAgent.match(/IEMobile/i) ? true : false;
			},
			any: function() {
				return (
					isMobile.Android() ||
					isMobile.BlackBerry() ||
					isMobile.iOS() ||
					isMobile.Windows()
				);
			},
		};
		return isMobile.any(); //是移动设备
	}

	function getImage() {
		$.get(
			"http://jfht.digaokeji.cn/api/news", {
				page_no: 1,
				page_size: 5,
				cate_id: 2,
			},
			function(res, status) {
				if (res.code == 1) {
					let listData = res.data.lists;
					const dom = document.getElementsByClassName("picani");
					const domTitle = document.getElementsByClassName("picani-title");
					const content = document.getElementsByClassName("picani-content");
					listData.forEach((it, index) => {
						dom[index].style.backgroundImage = `url(${it.image})`;
						domTitle[index].innerHTML = it.title;
						content[index].innerHTML = it.content;
					});
				}
			}
		);
	}
	getImage();
</script>
<style>
	.company-info {
		color: #f4f0f0;
		/* 浅灰色文字 */
		font-size: 1.6rem;
		/* 响应式字体大小 */
		line-height: 1.5;
		/* 行高，提高可读性 */
		margin: 1rem 0;
		/* 上下外边距，避免紧贴其他元素 */
	}

	@media (max-width: 600px) {
		.company-info {
			font-size: 1.4rem;
			/* 移动设备上稍微减小字体 */
		}
	}

	.zhanweiwhite {
		position: absolute;
		width: 1884px;
		border-radius: 100000px;
		background-color: white;
		z-index: 10;
		height: 1884px;
	}

	.swiper-third .zhanweiwhite1 {
		bottom: -1600px;
		left: -471px;
	}

	.swiper-third .zhanweiwhite2 {
		bottom: -1640px;
		left: -663px;
	}

	.swiper-third .zhanweiwhite3 {
		bottom: -1700px;
		left: -855px;
	}

	.swiper-third .zhanweiwhite4 {
		bottom: -1660px;
		left: -1047px;
	}

	.swiper-third .zhanweiwhite5 {
		bottom: -1600px;
		left: -1239px;
	}

	@media screen and (max-width: 768px) {
		.swiper-third .zhanweiwhite {
			width: 1256px;
			height: 1256px !important;
		}

		.swiper-third .zhanweiwhite1 {
			/* top: 260px; */
			bottom: -1000px;

			left: -314px;
		}

		.swiper-third .zhanweiwhite2 {
			/* top: 221px; */
			left: -440px;
			bottom: -1040px;
		}

		.swiper-third .zhanweiwhite3 {
			/* top: 183px; */
			left: -566px;
			bottom: -1080px;
		}

		.swiper-third .zhanweiwhite4 {
			/* top: 221px; */
			left: -690px;
			bottom: -1040px;
		}

		.swiper-third .zhanweiwhite5 {
			/* top: 255px; */
			left: -816px;
			bottom: -1005px;
		}
	}

	.picani {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		display: flex;
		flex-direction: column;
		justify-content: end;
	}

	.picani-title {
		margin-bottom: 20px;
		padding-left: 20px;
		z-index: 100;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		color: black;
		font-size: 24px;
	}

	.picani-content {
		margin-bottom: 50px;
		padding-left: 20px;
		z-index: 100;
		color: gray;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-line-clamp: 3;
		display: -webkit-box;
		-webkit-box-orient: vertical;
	}

	.fixed-element {
		position: fixed;
		bottom: 0;
		right: 0;
		width: 400px;
		height: 85%;
		z-index: 100;
	}
	.fixed-element-2{
		position: fixed;
		bottom: 0;
		right: 0;
		width: 150px;
		height: 150px;
		z-index: 100;
	}
	.dingtalk-open-copilot-container div {
	  background-image: url('./images/robot.png') !important; /* 替换成你想要的图片URL */
	  background-size: 100% 100% !important;
	}
	.dingtalk-open-copilot-container{
		width: 100px !important;
		height: 100px !important;
	}
</style>