373 lines
19 KiB
HTML
373 lines
19 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||
<title>产品与服务</title>
|
||
<link rel="stylesheet" href="./css/page/index.css">
|
||
<link rel="stylesheet" href="./css/page/aboutIsa.css">
|
||
<link rel="stylesheet" href="./css/page/products.css">
|
||
</head>
|
||
|
||
<body>
|
||
<!-- 头部start -->
|
||
<header>
|
||
<div class="header flex-con1">
|
||
<div class="logo flex-con2">
|
||
<img src="./img/logo1.png" alt="" srcset="">
|
||
<img src="./img/logo2.png" alt="" srcset="">
|
||
</div>
|
||
<div class="menu">
|
||
<ul>
|
||
<li>
|
||
<a class="a" href="./index.html">首页</a>
|
||
</li>
|
||
<li>
|
||
<a class="a" href="./aboutIsa.html">关于伊莎</a>
|
||
<section class="nav-item nav-menu">
|
||
<section><a href="./aboutIsa.html?id=0">品牌理念</a></section>
|
||
<section><a href="./aboutIsa.html?id=1">发展历程</a></section>
|
||
<section><a href="./aboutIsa.html?id=2">企业生态</a></section>
|
||
<section><a href="./aboutIsa.html?id=3">荣誉客户</a></section>
|
||
</section>
|
||
</li>
|
||
<li class="nav-item liactive">
|
||
<a class="a" href="./products.html">产品与服务</a>
|
||
<section class="nav-item nav-menu">
|
||
<section><a href="./products.html?id=0">服务范围</a></section>
|
||
<section><a href="./products.html?id=1">品质管控</a></section>
|
||
<section><a href="./products.html?id=2">团体洗衣</a></section>
|
||
<section><a href="./products.html?id=3">我要洗衣</a></section>
|
||
</section>
|
||
</li>
|
||
<li>
|
||
<a class="a" href="./distribution.html">门店分布</a>
|
||
</li>
|
||
<li>
|
||
<a class="a" href="./Join.html">招商加盟</a>
|
||
<section class="nav-item nav-menu">
|
||
<section><a href="./Join.html?id=0">加盟优势</a></section>
|
||
<section><a href="./Join.html?id=1">加盟流程</a></section>
|
||
<section><a href="./Join.html?id=2">我要加盟</a></section>
|
||
</section>
|
||
</li>
|
||
<li>
|
||
<a class="a" href="./news.html">媒体中心</a>
|
||
<section class="nav-item nav-menu">
|
||
<section><a href="./news.html?id=0">公司动态</a></section>
|
||
<section><a href="./news.html?id=1">通知公告</a></section>
|
||
<section><a href="./news.html?id=2">行业资讯</a></section>
|
||
</section>
|
||
</li>
|
||
<li>
|
||
<a class="a" href="./joinIsa.html">加入伊莎</a>
|
||
<section class="nav-item nav-menu">
|
||
<section><a href="./joinIsa.html?id=0">关于我们</a></section>
|
||
<section><a href="./joinIsa.html?id=1">团队风采</a></section>
|
||
<section><a href="./joinIsa.html?id=2">加入我们</a></section>
|
||
</section>
|
||
</li>
|
||
<li>
|
||
<a class="a" href="./contactus.html">联系我们</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="wheel comm-topact">
|
||
<img src="./img/asfdagfqegqw.png" class="topact-big-img" alt="" srcset="">
|
||
</div>
|
||
</header>
|
||
<!-- 头部end -->
|
||
<!-- 内容start -->
|
||
<div class="main">
|
||
<div class="about-title" id="at">
|
||
<div class="atitle-cen">
|
||
<ul>
|
||
<li class="alitivce">服务范围</li>
|
||
<li>品质管控</li>
|
||
<li>团体洗衣</li>
|
||
<li>我要洗衣</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="type-cen">
|
||
<div class="products rowl typec">
|
||
<div class="title wow fadeInUp">
|
||
<h4>服务范围</h4>
|
||
<p>Scope of service</p>
|
||
</div>
|
||
<div class="pro-cen">
|
||
<ul class="proul">
|
||
<li class="wow fadeInUp" data-wow-delay=".1s">
|
||
<img src="./img/asdada1.png" class="img" alt="" srcset="">
|
||
<div class="pro-title flex-con3">
|
||
<div>
|
||
<p>衣物清洗</p>
|
||
<span></span>
|
||
</div>
|
||
</div>
|
||
<div class="proli-cen flex-con3">
|
||
<div class="proli-p">
|
||
各类衣物干洗、水洗智能洗护，浅色衣物不加价
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li class="wow fadeInUp" data-wow-delay=".2s">
|
||
<img src="./img/asdasdasda.png" class="img" alt="" srcset="">
|
||
<div class="pro-title flex-con3">
|
||
<div>
|
||
<p>鞋子清洗</p>
|
||
<span></span>
|
||
</div>
|
||
</div>
|
||
<div class="proli-cen flex-con3">
|
||
<div class="proli-p">
|
||
全面清洁，舒展鞋面皱纹，消毒杀菌，保证鞋子的干净卫生
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li class="wow fadeInUp" data-wow-delay=".3s">
|
||
<img src="./img/qhrw.png" class="img" alt="" srcset="">
|
||
<div class="pro-title flex-con3">
|
||
<div>
|
||
<p>奢侈品洗护</p>
|
||
<span></span>
|
||
</div>
|
||
</div>
|
||
<div class="proli-cen flex-con3">
|
||
<div class="proli-p">
|
||
为您提供香奈儿、普拉达、古奇等数百个国际品牌的皮衣皮鞋包包的深度洗护
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li class="wow fadeInUp" data-wow-delay=".4s">
|
||
<img src="./img/wqeqtqw.png" class="img" alt="" srcset="">
|
||
<div class="pro-title flex-con3">
|
||
<div>
|
||
<p>地毯</p>
|
||
<span></span>
|
||
</div>
|
||
</div>
|
||
<div class="proli-cen flex-con3">
|
||
<div class="proli-p">
|
||
正确地养护地毯,有助于长期保持地毯原有的绒面外观,延长地毯 使用寿命
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li class="wow fadeInUp" data-wow-delay=".5s">
|
||
<img src="./img/qgqwfdqw.png" class="img" alt="" srcset="">
|
||
<div class="pro-title flex-con3">
|
||
<div>
|
||
<p>床品</p>
|
||
<span></span>
|
||
</div>
|
||
</div>
|
||
<div class="proli-cen flex-con3">
|
||
<div class="proli-p">
|
||
专业进口洗涤设备，彻底清洁床品卫生，高温消毒除螨，给您家人健康生活
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li class="wow fadeInUp" data-wow-delay=".6s">
|
||
<img src="./img/qwdqwfqwgqg.png" class="img" alt="" srcset="">
|
||
<div class="pro-title flex-con3">
|
||
<div>
|
||
<p>窗帘</p>
|
||
<span></span>
|
||
</div>
|
||
</div>
|
||
<div class="proli-cen flex-con3">
|
||
<div class="proli-p">
|
||
伊莎窗帘清洗，服务更好,价格更优!省时省心,为您提供高品质服务
|
||
</div>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="clear"></div>
|
||
</div>
|
||
<div class="quality typec">
|
||
<div class="title wow fadeInUp">
|
||
<h4>品质管控</h4>
|
||
<p>Quality Control</p>
|
||
</div>
|
||
<h4 class="ecoh4 wow fadeInUp">“伊莎洗护16道工序，层层把控品质”</h4>
|
||
<div class="quality-cen wow fadeInUp">
|
||
<img src="./img/qwerfqwd.png" class="quality-cenimg" alt="" srcset="">
|
||
<div class="quimg">
|
||
<img src="./img/pirtrtgbergv.png" alt="" srcset="">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="typec">
|
||
<div class="row while">
|
||
<div class="group rowp">
|
||
<div class="title wow fadeInUp">
|
||
<h4>团体洗衣</h4>
|
||
<p>Group Laundry</p>
|
||
</div>
|
||
<div class="group-cen">
|
||
<div class="group-l flex-con1">
|
||
<img src="./img/qwfdqw.png" class="wow fadeInUp" data-wow-delay=".1s" alt="" srcset="">
|
||
<img src="./img/qwttrkjrth.png" class="wow fadeInUp" data-wow-delay=".2s" alt=""
|
||
srcset="">
|
||
</div>
|
||
<div class="group-r wow fadeInUp" data-wow-delay=".3s">
|
||
<div class="group-p">
|
||
<p>提供单位、团体工作服清洗等清洗服务</p>
|
||
<p>提供上门服务</p>
|
||
<p>洗衣更方便，服务质量有保障！</p>
|
||
</div>
|
||
<div class="group-p">
|
||
<p>如有团体洗衣需求请联系</p>
|
||
<h4>400-0551-071</h4>
|
||
</div>
|
||
<div class="group-p">
|
||
<span>我们服务过的团体客户有：</span>
|
||
<span class="clamp1">安徽省政府办公厅、安徽移动、中国光大银行、招商银行、可口可乐……</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="clear"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="typec">
|
||
<div class="row while">
|
||
<div class="process rowl">
|
||
<div class="title wow fadeInUp">
|
||
<h4>一键下单，随时随地预约上门</h4>
|
||
</div>
|
||
<div class="pro-cen">
|
||
<div class="pro-l flex-con3 wow fadeInUp" data-wow-delay=".1s">
|
||
<img src="./img/asdasd.png" alt="" srcset="">
|
||
</div>
|
||
<div class="pro-r wow fadeInUp" data-wow-delay=".2s">
|
||
<ul class="pro-ul">
|
||
<li class="flex-con2">
|
||
<div>
|
||
<div class="pro-img">
|
||
<img src="./img/icon/asdasfa.png" alt="" srcset="">
|
||
</div>
|
||
<p>在线预约</p>
|
||
<span class="clamp1">在线预约在线预约在线预约在线预约</span>
|
||
</div>
|
||
</li>
|
||
<li class="flex-con2">
|
||
<div>
|
||
<div class="pro-img">
|
||
<img src="./img/icon/asdasdas.png" alt="" srcset="">
|
||
</div>
|
||
<p>上门取送</p>
|
||
<span class="clamp1">专业宅配人员上门取送</span>
|
||
</div>
|
||
</li>
|
||
<li class="flex-con2">
|
||
<div>
|
||
<div class="pro-img">
|
||
<img src="./img/icon/qqwhkjtyjr.png" alt="" srcset="">
|
||
</div>
|
||
<p>订单追踪</p>
|
||
<span class="clamp1">衣物动态随时了解，让您洗的安心放心</span>
|
||
</div>
|
||
</li>
|
||
<li class="flex-con2">
|
||
<div>
|
||
<div class="pro-img">
|
||
<img src="./img/icon/asdasdasd.png" alt="" srcset="">
|
||
</div>
|
||
<p>在线客服</p>
|
||
<span class="clamp1">7x10小时在线客服，有问题一个电话就搞定</span>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="clear">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row b7">
|
||
<div class="conus rowp">
|
||
<div class="title wow fadeInUp">
|
||
<h4>联系我们</h4>
|
||
</div>
|
||
<div class="conus-cen">
|
||
<div class="wxh flex-con2 wow fadeInUp" data-wow-delay=".2s">
|
||
<div>
|
||
<img src="./img/asdasdafa.png" alt="" srcset="">
|
||
<p>扫一扫加官网微信</p>
|
||
</div>
|
||
</div>
|
||
<div class="us wow fadeInUp" data-wow-delay=".3s">
|
||
<div class="us-p">
|
||
<p>服务热线:</p>
|
||
<span>400-0551-071</span>
|
||
</div>
|
||
<div class="us-p">
|
||
<p>在线时间：</p>
|
||
<p>周一至周六8:30-17:30</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="clear"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 内容end -->
|
||
<!-- 尾部 -->
|
||
<footer>
|
||
<div class="footer">
|
||
<div class="dizi">
|
||
<p class="clamp1">公司地址：合肥市黄山路436号盛景国际大厦五层</p>
|
||
<p class="clamp1">© 2018 Copyright By Cirda Foundation 合肥伊尔萨洗衣服务有限公司 版权所有 皖ICP备09029122号-2</p>
|
||
</div>
|
||
<div class="logof">
|
||
<img src="./img/logo3.png" alt="" srcset="">
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
<!-- 尾部end -->
|
||
<script src="https://code.jquery.com/jquery-1.12.4.min.js"
|
||
integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
|
||
<script src="./js/wow.js"></script>
|
||
<script src="./js/pubilc.js"></script>
|
||
<script src="./js/util.js"></script>
|
||
<script>
|
||
if (!(/(iPhone|iPad|iPod|iOS|Android)/i.test(navigator.userAgent))) { //移动端
|
||
// 页面滚动时动画显示模块
|
||
$(document).ready(function () {
|
||
var wow = new WOW(
|
||
{
|
||
boxClass: 'wow', // animated element css class (default is wow)
|
||
animateClass: 'animated', // animation css class (default is animated)
|
||
offset: 0, // distance to the element when triggering the animation (default is 0)
|
||
mobile: true, // trigger animations on mobile devices (default is true)
|
||
live: true, // act on asynchronously loaded content (default is true)
|
||
callback: function (box) {
|
||
// the callback is fired every time an animation is started
|
||
// the argument that is passed in is the DOM node being animated
|
||
},
|
||
crollContainer: null // optional scroll container selector, otherwise use window
|
||
}
|
||
);
|
||
wow.init();
|
||
});
|
||
}
|
||
// 获取URL参数 可以获得路径参数
|
||
if (!!getQueryString("id")) {
|
||
var index = getQueryString("id")
|
||
$(".atitle-cen ul li.alitivce").removeClass("alitivce")
|
||
$(".atitle-cen ul li").eq(index).addClass("alitivce")
|
||
$(".types.newsActive").removeClass("newsActive")
|
||
$(".types").eq(index).addClass("newsActive")
|
||
window.scrollTo(0, $(".typec").eq(index).offset().top - 100);
|
||
}
|
||
</script>
|
||
</body>
|
||
|
||
</html> |