<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,viewport-fit=cover">
	<!-- IE11以下版本或使用该内核的浏览器，提示升级浏览器 -->
	<script>/*@cc_on alert("您正在使用的浏览器版本过低，为了您的******体验，请先升级浏览器。");window.location.href="http://support.dmeng.net/upgrade-your-browser.html?referrer="+encodeURIComponent(window.location.href); @*/</script>
	<meta name="format-detection" content="telephone=no" />
	<title>苏州苏之彩遮阳材料有限公司</title>
    <meta name="keywords" content="苏州苏之彩遮阳材料有限公司" />
    <meta name="description" content="苏州苏之彩遮阳材料有限公司" />
	<!-- logo.ico小图标 -->
	<link rel="shortcut icon" href="images/logo.ico">
	<!-- 核心css样式 -->
	<link rel="stylesheet" href="css/css.css">
	<link rel="stylesheet" type="text/css" href="includes/page.css" />
	<!-- 核心jquery -->
	<script src="plugin/jquery-3.5.1.min.js"></script>
</head>

<!--
	图片铺满：img-cover    注意：图片显示不全
	图片不铺满：img-absolute    注意：图片显示全
-->

<body>
<header>
    <!-- 欢迎栏 -->
    <div class="topBox">
        <div class="container hidden-xs">
            <div class="pull-left">欢迎来到苏州苏之彩遮阳材料有限公司网站！</div>
            <div class="pull-right"><a class="" href="about.php">关于我们</a><a href="contact.php">联系我们</a></div>
        </div>
    </div>

    <!-- 导航栏 -->
    <div class="header">
        <!-- 手机菜单按钮 -->
        <div class="iconMenu hidden-lg hidden-md">
            <span></span>
            <span></span>
            <span></span>
        </div>
        <div class="container">
            <!-- logo图 -->
            <div class="logo pull-left">
                <a class="pull-left" href="index.php">
                    <img src="./images/logo.png" />
                </a>

                <!-- logo文字 -->
                <div class="logoTxt pull-left hidden-sm hidden-xs">
                    <img src="images/logo_txt.png" />
                </div>
            </div>

            <!-- 热线电话 -->
            <div class="headerDianhua pull-right hidden-sm hidden-xs">服务热线<span>15850108978</span></div>
        </div>

        <!-- 导航栏 -->
        <nav>
            <div class="container">
                <ul class="nav">
                    <li><a href="index.php">网站首页</a></li>
                    <li><a href="about.php">公司简介</a></li>
                    <li>
                        <a href="product.php">服务项目</a>
                        <!-- 一层下拉 -->
                        <div class="dropDown"></div>
                        <div class="navChild tr-null">
                            <ul>
                                <li><a href="product.php?classID=1">电动雨篷，过道雨棚</a></li>
                                <li><a href="product.php?classID=2">膜结构，停车棚</a></li>
                                <li><a href="product.php?classID=3">手动推拉雨篷，仓库棚移动仓库棚</a></li>
                            </ul>
                        </div>
                    </li>
                    <li><a href="case.php">案例展示</a>
					<!-- 一层下拉 -->
                        <div class="dropDown"></div>
                        <div class="navChild tr-null">
                            <ul>
                                <li><a href="case.php?classID=1">电动雨篷，过道雨棚</a></li>
                                <li><a href="case.php?classID=2">膜结构，停车棚</a></li>
                                <li><a href="case.php?classID=3">手动推拉雨篷，仓库棚移动仓库棚</a></li>
                            </ul>
                        </div>
					</li>
                    <li><a href="news.php">新闻资讯</a>
					<!-- 一层下拉 -->
                        <div class="dropDown"></div>
                        <div class="navChild tr-null">
                            <ul>
                                <li><a href="news.php?classID=1">公司动态</a></li>
                                <li><a href="news.php?classID=2">行业新闻</a></li>
                                <li><a href="news.php?classID=3">常见问题</a></li>
                            </ul>
                        </div>
					</li>
                    <li><a href="video.php">视频展示</a></li>
                    <li><a href="contact.php">联系我们</a></li>
                </ul>
            </div>
        </nav>
    </div>

    <!-- banner大图 -->
    <div class="banner">
        <!-- PC端 -->
        <div class="swiper bannerSwiper hidden-xs">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="./images/banner1.jpg" /></div>
                <div class="swiper-slide"><img src="./images/banner2.jpg" /></div>
                <div class="swiper-slide"><img src="./images/banner3.jpg" /></div>
            </div>
            <div class="swiper-pagination"></div>
            <div class="banner-next fa fa-angle-right"></div>
            <div class="banner-prev fa fa-angle-left"></div>
        </div>
        <!-- 手机端 -->
        <div class="swiper bannerSwiper hidden-lg hidden-md hidden-sm">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="./images/banner1.jpg" /></div>
                <div class="swiper-slide"><img src="./images/banner2.jpg" /></div>
                <div class="swiper-slide"><img src="./images/banner3.jpg" /></div>
            </div>
            <div class="swiper-pagination"></div>
        </div>
    </div>

    <!-- 搜索 -->
    <div class="search">
        <div class="container">
            <form class="searchForm" action="product.php" method="get">
                <input type="text" name="" id="" placeholder="请输入搜索词" name="key">
                <button type="submit">搜索<img src="images/search_icon.png" alt=""></button>
            </form>
            <div class="searchTxt">
                <span>热门搜索词：</span>
                <a href="product.php?classID=1">电动雨篷，过道雨棚</a>
                <a href="product.php?classID=2">膜结构，停车棚</a>
                <a href="product.php?classID=3">手动推拉雨篷，仓库棚移动仓库棚</a>
            </div>
        </div>
    </div>
</header>	<!-- main -->
	<main>
		<!-- 产品展示 -->
		<div class="product">
			<div class="container">
				<div class="productTitle wow fadeInDown">
					<div>Product</div>
					<h1><span>产品展示</span></h1>
				</div>
				<ul class="productNav wow fadeInUp">
					<li class="productActive"><a href="product.php?classID=1">电动雨篷，过道雨棚</a></li>
					<li ><a href="product.php?classID=2">膜结构，停车棚</a></li>
					<li ><a href="product.php?classID=3">手动推拉雨篷，仓库棚移动仓库棚</a></li>
				</ul>
				<div class="productContect wow fadeInUp">
					<div>
						<ul class="productList">
							<li>
								<a href="product_show.php?classID=1&id=3">
									<div class="productImg"><img class="img-cover" src="./uploadpic/image/202211/20221123180923_68881.jpg" alt="电动雨篷，过道雨棚"></div>
									<div class="productHover">
										<div class="productSearch"><img class="img-absolute" src="images/product_search.png" alt=""></div>
										<div class="productName">电动雨篷，过道雨棚</div>
										<div class="productMore">更多 +</div>
									</div>
								</a>
							</li>
							<li>
								<a href="product_show.php?classID=1&id=5">
									<div class="productImg"><img class="img-cover" src="./uploadpic/image/202211/20221123180923_52272.jpg" alt="电动雨篷，过道雨棚"></div>
									<div class="productHover">
										<div class="productSearch"><img class="img-absolute" src="images/product_search.png" alt=""></div>
										<div class="productName">电动雨篷，过道雨棚</div>
										<div class="productMore">更多 +</div>
									</div>
								</a>
							</li>
							<li>
								<a href="product_show.php?classID=1&id=9">
									<div class="productImg"><img class="img-cover" src="./uploadpic/image/202211/20221123180923_80644.jpg" alt="电动雨篷，过道雨棚"></div>
									<div class="productHover">
										<div class="productSearch"><img class="img-absolute" src="images/product_search.png" alt=""></div>
										<div class="productName">电动雨篷，过道雨棚</div>
										<div class="productMore">更多 +</div>
									</div>
								</a>
							</li>
							<li>
								<a href="product_show.php?classID=2&id=19">
									<div class="productImg"><img class="img-cover" src="./uploadpic/image/202211/20221123180933_19437.jpg" alt="膜结构，停车棚"></div>
									<div class="productHover">
										<div class="productSearch"><img class="img-absolute" src="images/product_search.png" alt=""></div>
										<div class="productName">膜结构，停车棚</div>
										<div class="productMore">更多 +</div>
									</div>
								</a>
							</li>
							<li>
								<a href="product_show.php?classID=2&id=22">
									<div class="productImg"><img class="img-cover" src="./uploadpic/image/202211/20221123180933_65692.jpg" alt="膜结构，停车棚"></div>
									<div class="productHover">
										<div class="productSearch"><img class="img-absolute" src="images/product_search.png" alt=""></div>
										<div class="productName">膜结构，停车棚</div>
										<div class="productMore">更多 +</div>
									</div>
								</a>
							</li>
							<li>
								<a href="product_show.php?classID=3&id=25">
									<div class="productImg"><img class="img-cover" src="./uploadpic/image/202211/20221123180943_26144.jpg" alt="手动推拉雨篷，仓库棚移动仓库棚"></div>
									<div class="productHover">
										<div class="productSearch"><img class="img-absolute" src="images/product_search.png" alt=""></div>
										<div class="productName">手动推拉雨篷，仓库棚移动仓库棚</div>
										<div class="productMore">更多 +</div>
									</div>
								</a>
							</li>
							<li>
								<a href="product_show.php?classID=3&id=27">
									<div class="productImg"><img class="img-cover" src="./uploadpic/image/202211/20221123180943_36556.jpg" alt="手动推拉雨篷，仓库棚移动仓库棚"></div>
									<div class="productHover">
										<div class="productSearch"><img class="img-absolute" src="images/product_search.png" alt=""></div>
										<div class="productName">手动推拉雨篷，仓库棚移动仓库棚</div>
										<div class="productMore">更多 +</div>
									</div>
								</a>
							</li>
							<li>
								<a href="product_show.php?classID=3&id=32">
									<div class="productImg"><img class="img-cover" src="./uploadpic/image/202211/20221123180943_25674.jpg" alt="手动推拉雨篷，仓库棚移动仓库棚"></div>
									<div class="productHover">
										<div class="productSearch"><img class="img-absolute" src="images/product_search.png" alt=""></div>
										<div class="productName">手动推拉雨篷，仓库棚移动仓库棚</div>
										<div class="productMore">更多 +</div>
									</div>
								</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="more wow fadeInUp"><a href="product.php">查看更多 +</a></div>
			</div>
		</div>

		<!-- 关于我们 -->
		<div class="about">
			<div class="container">
				<div class="productTitle aboutTitle wow fadeInDown">
					<div>about us</div>
					<h1><span>关于我们</span></h1>
				</div>
				<div class="aboutContect">
					<div class="aboutTxt wow fadeInUp"><p>苏州苏之彩遮阳材料有限公司是集户外豪华广告雨蓬、遮阳蓬、彩钢大蓬、制作部。本厂遮阳蓬系列产品款式新颖品种繁多。有折臂式伸缩遮阳雨蓬，铝合金折叠蓬，中高档大中型固定蓬，车蓬，天幕蓬，膜结构蓬，豪华太阳伞及户外休闲家具等。遮阳蓬、遮阳伞、遮雨蓬、展示蓬、大型停车蓬、伸缩摆臂蓬、阳光板蓬、铁皮蓬等。各款遮阳蓬因不同需要而配备不同控制系统，如:手摇式、电控式、光雨控式。视设计要求，电控中亦可分组和统一控制 。</p></div>
					<ul class="aboutList wow fadeInUp">
					</ul>
					<div class="more wow fadeInUp"><a href="about.php">查看更多 +</a></div>
				</div>
			</div>
		</div>

		<!-- 为什么选择我们 -->
		<div class="choose">
			<div class="container">
				<div class="chooseTitle wow fadeInDown">
					<p>Why choose us</p>
					<h1>为什么选择我们</h1>
				</div>
				<div class="chooseContect">
					<ul class="chooseList">
						<li>
							<div class="chooseImg wow fadeInRight"><img src="images/choose_img1.png" alt=""></div>
							<div class="chooseLeft wow fadeInLeft">
								<div class="chooseBox">
									<div class="chooseNumder"><span>01</span></div>
									<div class="chooseSubTitle">
										<h2>质量严格把控</h2>
										是集户外豪华广告雨蓬、遮阳蓬、彩钢大蓬、制作部
									</div>
									<div class="chooseTxt">集户外豪华广告雨蓬、遮阳蓬、彩钢大蓬、制作部。各款遮阳蓬因不同需要而配备不同控制系统，如:手摇式、电控式、光雨控式。</div>
								</div>
								<div class="chooseBox">
									<div class="chooseNumder"><span>02</span></div>
									<div class="chooseSubTitle">
										<h2>品种齐全，按需定制</h2>
										是集户外豪华广告雨蓬、遮阳蓬、彩钢大蓬、制作部
									</div>
									<div class="chooseTxt">本厂遮阳蓬系列产品款式新颖品种繁多。有折臂式伸缩遮阳雨蓬，铝合金折叠蓬，中高 档大中型固定蓬，车蓬，天幕蓬，膜结构蓬，豪华太阳伞及户外休闲家具，遮阳蓬、遮阳伞、遮雨蓬、展示蓬、大型停车蓬、伸缩摆臂蓬、阳光板蓬、铁皮蓬等。</div>
								</div>
							</div>
						</li>
						<li>
							<div class="chooseImg wow fadeInLeft"><img src="images/choose_img2.png" alt=""></div>
							<div class="chooseLeft wow fadeInRight">
								<div class="chooseBox">
									<div class="chooseNumder"><span>03</span></div>
									<div class="chooseSubTitle">
										<h2>行业应用广泛</h2>
										是集户外豪华广告雨蓬、遮阳蓬、彩钢大蓬、制作部
									</div>
									<div class="chooseTxt">景观设施、建筑入口、工厂、公园、房地产、步行街、音乐广场、广场休闲区、海滨娱乐休闲建筑、居住小区、游乐场、停车场等</div>
								</div>
								<div class="chooseBox">
									<div class="chooseNumder"><span>04</span></div>
									<div class="chooseSubTitle">
										<h2>公司贴心服务</h2>
										是集户外豪华广告雨蓬、遮阳蓬、彩钢大蓬、制作部
									</div>
									<div class="chooseTxt">以质量求生存，以平价求发展取胜”！有意者与我们联系，我们将竭诚为您服务！欢迎广大客户前来咨询洽谈！</div>
								</div>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>

		<!-- 案例中心 -->
		<div class="case">
			<div class="container">
				<div class="productTitle wow fadeInDown">
					<div>case</div>
					<h1><span>案例中心</span></h1>
				</div>
				<div class="swiper caseSwiper wow fadeInUp">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<a href="case_show.php?classID=1&id=6">
								<div class="caseImg"><img class="img-cover" src="./uploadpic/image/202211/20221123180958_26723.jpg" alt="电动雨篷，过道雨棚"></div>
								<div class="caseName">电动雨篷，过道雨棚</div>
							</a>
						</div>
						<div class="swiper-slide">
							<a href="case_show.php?classID=1&id=10">
								<div class="caseImg"><img class="img-cover" src="./uploadpic/image/202211/20221123180958_20409.jpg" alt="电动雨篷，过道雨棚"></div>
								<div class="caseName">电动雨篷，过道雨棚</div>
							</a>
						</div>
						<div class="swiper-slide">
							<a href="case_show.php?classID=2&id=19">
								<div class="caseImg"><img class="img-cover" src="./uploadpic/image/202211/20221123181008_19873.jpg" alt="膜结构，停车棚"></div>
								<div class="caseName">膜结构，停车棚</div>
							</a>
						</div>
						<div class="swiper-slide">
							<a href="case_show.php?classID=2&id=22">
								<div class="caseImg"><img class="img-cover" src="./uploadpic/image/202211/20221123181008_51781.jpg" alt="膜结构，停车棚"></div>
								<div class="caseName">膜结构，停车棚</div>
							</a>
						</div>
						<div class="swiper-slide">
							<a href="case_show.php?classID=3&id=30">
								<div class="caseImg"><img class="img-cover" src="./uploadpic/image/202211/20221123181018_75536.jpg" alt="手动推拉雨篷，仓库棚移动仓库棚"></div>
								<div class="caseName">手动推拉雨篷，仓库棚移动仓库棚</div>
							</a>
						</div>
						<div class="swiper-slide">
							<a href="case_show.php?classID=3&id=31">
								<div class="caseImg"><img class="img-cover" src="./uploadpic/image/202211/20221123181018_14070.jpg" alt="手动推拉雨篷，仓库棚移动仓库棚"></div>
								<div class="caseName">手动推拉雨篷，仓库棚移动仓库棚</div>
							</a>
						</div>
					</div>
				</div>
				<div class="more wow fadeInUp"><a href="case.php">查看更多 +</a></div>
			</div>
		</div>

		<!-- 视频中心 -->
		<div class="video">
			<div class="container">
				<div class="productTitle aboutTitle wow fadeInDown">
					<div>Video Center</div>
					<h1><span>视频中心</span></h1>
				</div>
				<div class="videoSubTitle wow fadeInUp">各款遮阳蓬因不同需要而配备不同控制系统，如：手摇式、电控式、光雨控式。视设计要求，电控中亦可分组和统一控制</div>
				<div class="videoContect wow fadeInUp">
					<div class="swiper videoSwiper">
						<div class="swiper-wrapper">
							<div class="swiper-slide">
								<video controls>
									<source src="./uploadpic/media/202211/20221123181949_31780.mp4" type="video/mp4">
								</video>
								<div class="videoHover">
									<img class="img-cover" src="./uploadpic/image/202211/20221123181945_75492.jpg" alt="视频展示">
									<img class="img-absolute" src="images/video_Icon.png" alt="">
								</div>
							</div>
							<div class="swiper-slide">
								<video controls>
									<source src="./uploadpic/media/202211/20221123182018_46353.mp4" type="video/mp4">
								</video>
								<div class="videoHover">
									<img class="img-cover" src="./uploadpic/image/202211/20221123182013_60995.jpg" alt="视频展示">
									<img class="img-absolute" src="images/video_Icon.png" alt="">
								</div>
							</div>
							<div class="swiper-slide">
								<video controls>
									<source src="./uploadpic/media/202211/20221123182031_23584.mp4" type="video/mp4">
								</video>
								<div class="videoHover">
									<img class="img-cover" src="./uploadpic/image/202211/20221123182027_18341.jpg" alt="视频展示">
									<img class="img-absolute" src="images/video_Icon.png" alt="">
								</div>
							</div>
							<div class="swiper-slide">
								<video controls>
									<source src="./uploadpic/media/202211/20221123182043_71259.mp4" type="video/mp4">
								</video>
								<div class="videoHover">
									<img class="img-cover" src="./uploadpic/image/202211/20221123182038_81814.jpg" alt="视频展示">
									<img class="img-absolute" src="images/video_Icon.png" alt="">
								</div>
							</div>
						</div>
						<!-- Add Pagination -->
						<div class="swiper-pagination"></div>
					</div>
					<div class="video-prev"></div>
					<div class="video-next"></div>
				</div>
			</div>
		</div>

		<!-- 新闻资讯 -->
		<div class="news">
			<div class="container">
				<div class="productTitle wow fadeInDown">
					<div>news</div>
					<h1><span>新闻资讯</span></h1>
				</div>
				<div class="newsContect">
					<div class="newsBox wow fadeInLeft">
						<div class="newsTitle">公司动态</div>
						<div class="newsDynamic">
							<a href="news_show.php?classID=1&id=1">
								<div class="newsImg"><img class="img-cover" src="./uploadpic/image/202211/20221123181234_99931.jpg" alt="当前市场上各类车棚特点的比较和分析"></div>
								<div class="newsName">当前市场上各类车棚特点的比较和分析</div>
								<div class="newsTxt">对很多老百姓而言，如今有车已经不再是什么梦想了，几乎成了唾手可及的事。因此，随着车辆的增加也导致车棚产品的需求变得更为强...</div>
							</a>
						</div>
						<div class="newsDynamicList">
							<a href="news_show.php?classID=1&id=2">膜结构的节点细部设计要遵循哪些基本的准则</a>
						</div>
					</div>
					<div class="newsBox wow fadeInUp">
						<div class="newsTitle">行业新闻</div>
						<div class="newsDynamic">
							<a href="news_show.php?classID=2&id=3">
								<div class="newsImg"><img class="img-cover" src="./uploadpic/image/202211/20221123181406_75467.jpg" alt="停车棚住人这种现象使人担忧"></div>
								<div class="newsName">停车棚住人这种现象使人担忧</div>
								<div class="newsTxt">停车棚建造的根本目的就是为车子提供很好的休息场所，但是总是会有一些特别的现象发生。随着高温的情况渐渐离去，很多小区的居民...</div>
							</a>
						</div>
						<div class="newsDynamicList">
						</div>
					</div>
					<div class="newsBox wow fadeInRight">
						<div class="newsTitle">常见问题</div>
						<ul class="encyclopediaList">
							<li class="actived">
								<h2><a href="news_show.php?classID=3&id=4">推拉篷细节注意事项</a></h2>
								<div class="encyclopediaBox" style="display: block;">
									<div class="encyclopediaTxt">
										&nbsp;推拉篷细节注意事项，我们生活中最常使用的就是推拉篷了，从外观上来判断的话细节起到很重要的作用。采用那些更加好的顶管，为了增强支撑能力，支架的位置一定要加固的。采用那种交叉位的加固方式，提高了耐用程度。在加强防风效果等方面，各种链接也是更加稳固的。那些优良的底板，根据一些客户在反映等方面，推拉篷被吹倒的话，支架断裂的时候，也是方便后期携带的。在起到一定的推动作用等方面，不仅推拉篷价格比较高的，其他方面承受不起的话，主要的还是装饰效果怎样。推拉篷不仅能够遮风挡雨，不使用的时候会造成物品的淋湿或者是影响。在安装推拉篷的时候，那种比较简单的在支撑好架子的时候，就不要耽误自己的生意。在防晒防...									</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>

	</main>
<footer>
    <div class="container">
        <div class="footer">
            <div class="footerLeft">
                <div class="footerTitle hidden-xs"><span>网站导航</span></div>
                <ul class="footerList">
                    <li><a href="about.php">公司简介</a></li>
                    <li><a href="product.php">服务项目</a></li>
                    <li><a href="case.php">案例展示</a></li>
                    <li><a href="news.php">新闻资讯</a></li>
                    <li><a href="video.php">视频展示</a></li>
                    <li><a href="contact.php">联系我们</a></li>
                </ul>
            </div>
            <div class="footerCenter hidden-xs">
                <div class="footerTitle"><span>联系我们</span></div>
                <div class="footerTxt">
                    <p>苏州苏之彩遮阳材料有限公司</p><p>联系人：雷总</p><p>手机号：15850108978微信同号<br/> 邮箱：724394636@qq.com</p><p>地址：苏州相城区东虎啸桥35号</p>                </div>
            </div>
            <div class="footerRight hidden-xs">
                <div class="footerTitle"><span>关注我们</span></div>
                <div class="footerWechat"><img src="./uploadpic/image/202211/20221123182428_11573.jpg" alt="微信二维码"><span>微信二维码</span></div>
            </div>
        </div>
        <div class="link">
            <span>友情链接：</span>
            <a href="product.php?classID=1" target="_blank">电动雨篷，过道雨棚</a>
            <a href="product.php?classID=2" target="_blank">膜结构，停车棚</a>
            <a href="product.php?classID=3" target="_blank">手动推拉雨篷，仓库棚移动仓库棚</a>
        </div>
    </div>
    <div class="copyright">
        <div class="container">
            <div class="pull-left">版权所有 © 苏州苏之彩遮阳材料有限公司　<a href="https://beian.miit.gov.cn/" target="_blank">苏ICP备18025510号-1</a></div>
            <div class="pull-right">技术支持：企炬中国</div>
        </div>
    </div>
</footer>

<!-- 手机底部组件 -->
<div class="root_kong hidden-lg hidden-md hidden-sm"></div>
<ul class="root hidden-lg hidden-md hidden-sm">
    <li>
        <a class="phone" href="javascript:;">
            <div class="fa fa-phone"></div>
            <div>电话</div>
        </a>
    </li>
    <li>
        <a class="wecht_btn" href="javascript:;">
            <div class="fa fa-wechat"></div>
            <div>微信</div>
        </a>
    </li>
    <li>
        <a class="db-ewms" href="product.php">
            <div class="fa fa-cubes"></div>
            <div>产品</div>
        </a>
    </li>
    <li>
        <a href="index.php">
            <div class="fa fa-home"></div>
            <div>首页</div>
        </a>
    </li>
</ul>
<div class="root_bj tr-null">
    <div class="root_phone tr-null">
        <a href="tel:15850108978">15850108978</a>
        <!--<a href="tel:15850108978">15850108978</a>-->
        <div class="root_off">取消</div>
    </div>
</div>
<div class="wecht-box tr-null">
    <div class="wecht">
        <div class="wecht_title">
            <span>微信二维码</span>
        </div>
        <img src="./uploadpic/image/202211/20221123182428_11573.jpg" alt="微信二维码"/>
        <div class="wecht_txt">
            扫一扫，详细了解产品业务。
        </div>
        <div class="wecht_off">X</div>
    </div>
</div>
<link type="text/css" rel="stylesheet" href="tools/css/qq.css" />
<link href="tools/font_icon/iconfont.css" rel="stylesheet">
<!--右侧悬浮-->
	<div class="suspend_nav hidden-xs hidden-sm">
		<div class="list top" title="到达顶部">
			<i class="iconfont icon-0028"></i>
		</div>
		<ul>
			<li>
				<div class="list">
					<i class="iconfont icon-dianhua11"></i>
					<p>电话</p>
				</div>
				<div class="popup">
					<div class="con_box">
						<div class="con">
							<p>咨询热线：</p>
							<h5>15850108978</h5>
						</div>
					</div>
				</div>
			</li>
			<li>
				<div class="list">
					<i class="iconfont icon-weixin11"></i>
					<p>微信</p>
				</div>
				<div class="weixin">
					<img src="./uploadpic/image/202211/20221123182428_11573.jpg" alt="微信二维码"/>
					<p>微信二维码</p>
				</div>
			</li>
		</ul>
		<div class="list on-off" title="隐藏/显示">
			<i class="iconfont icon-cha"></i>
		</div>
	</div>
<script type="text/javascript">

	$(function () {

		// 右侧悬浮
		var onoff = true;

		//点击隐藏显示
		$(".suspend_nav .on-off").click(function () {
			if (onoff) {
				$(".suspend_nav ul").stop().slideUp();
				$(".suspend_nav .on-off").addClass("active");
			} else {
				$(".suspend_nav ul").slideDown();
				$(".suspend_nav .on-off").removeClass("active");
			}
			onoff = !onoff;
		})

		function top_fixed() {
			if ($(this).scrollTop() >= 200) {
				$(".suspend_nav .top").addClass("active");
			} else {
				$(".suspend_nav .top").removeClass("active");
			}
		}
		top_fixed();

		function debounce(top_fixed, time) {
			var timer = null
			return function () {
				var that = this;
				var args = [].slice.call(arguments);

				clearTimeout(timer);
				timer = setTimeout(function () {
					top_fixed.apply(that, args);
				}, time);
			}
		}

		var fn = debounce(top_fixed, 300);

		// 滚动监听
		$(window).scroll(function () {
			fn();
		})

		//返回顶部
		$body = (window.opera) ? (document.compatMode == "CSS1Compat" ? $("html") : $("body")) : $("html,body");
		$(".suspend_nav .top").click(function () {
			$body.animate({ scrollTop: 0 }, 400)
		});
		$("footer .bottom .con .top").click(function () {
			$body.animate({ scrollTop: 0 }, 400)
		});

	})
</script>	<!-- Swiper Swiper 7.4.1 -->
	<script src="plugin/swiper/swiper-bundle.min.js"></script>
	<!-- WOW插件 -->
	<script src="plugin/wow/wow.min.js"></script>
	<script src="plugin/wow/wow.js"></script>
	<!-- public -->
	<script src="js/public.js"></script>

</body>

</html>