first commit

This commit is contained in:
编码猿
2024-09-27 01:32:49 +08:00
commit 28ebe05a64
7399 changed files with 1174529 additions and 0 deletions

View File

@@ -0,0 +1 @@
59911dfe-9207-49e6-8d9f-5921afe88709

View File

@@ -0,0 +1,334 @@
<!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/aboutIsa.css">
<link rel="stylesheet" href="./css/page/Join.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>
<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 class="nav-item liactive">
<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/qwtgryjrthjer.png" class="topact-big-img" alt="" srcset="">
</div>
</header>
<!-- 头部end -->
<!-- 内容start -->
<div class="mian">
<div class="about-title" id="at">
<div class="atitle-cen">
<ul>
<li class="alitivce">加盟优势</li>
<li>加盟流程</li>
<li>我要加盟</li>
</ul>
</div>
</div>
<div class="join-cen">
<div id="type-cen">
<div class="typec joining">
<div class="row while rowp">
<div class="title wow fadeInUp">
<h4>加盟优势</h4>
<p>Joining Advantage</p>
</div>
<div class="joining-title wow fadeInUp">
<h5>“加盟伊莎洗衣 实现合作共赢”</h5>
<p>新手选项目 看行业 "钱" 景</p>
</div>
<div class="joining-img">
<div class="jimg">
<div class="jimg-l wow fadeInUp" data-wow-delay=".1s">
<img src="./img/sadeghwr.png" class="img" alt="" srcset="">
</div>
<div class="jimg-r flex-con2 wow fadeInUp" data-wow-delay=".2s">
<div class="jimg-text">
<h5>品牌优势</h5>
<span></span>
<div>
<ul>
<li>立足合肥,专注洗衣十八年,有30家连锁店管理经验</li>
<li>几十家团体合作客户和超过十万优质会员的信赖选择</li>
<li>采用全新的“互联网+中央洗衣工厂+洗衣门店”运营模式</li>
<li>移动微信端、门店PC端同步启用,全城网络覆盖</li>
</ul>
</div>
</div>
</div>
<div class="clear"></div>
</div>
<div class="jimg">
<div class="jimg-l wow fadeInUp" data-wow-delay=".1s">
<img src="./img/sadeghwr.png" class="img" alt="" srcset="">
</div>
<div class="jimg-r flex-con2 wow fadeInUp" data-wow-delay=".2s">
<div class="jimg-text">
<h5>品牌优势</h5>
<span></span>
<div>
<ul>
<li>立足合肥,专注洗衣十八年,有30家连锁店管理经验</li>
<li>几十家团体合作客户和超过十万优质会员的信赖选择</li>
<li>采用全新的“互联网+中央洗衣工厂+洗衣门店”运营模式</li>
<li>移动微信端、门店PC端同步启用,全城网络覆盖</li>
</ul>
</div>
</div>
</div>
<div class="clear"></div>
</div>
<div class="jimg">
<div class="jimg-l wow fadeInUp" data-wow-delay=".1s">
<img src="./img/sadeghwr.png" class="img" alt="" srcset="">
</div>
<div class="jimg-r flex-con2 wow fadeInUp" data-wow-delay=".2s">
<div class="jimg-text">
<h5>品牌优势</h5>
<span></span>
<div>
<ul>
<li>立足合肥,专注洗衣十八年,有30家连锁店管理经验</li>
<li>几十家团体合作客户和超过十万优质会员的信赖选择</li>
<li>采用全新的“互联网+中央洗衣工厂+洗衣门店”运营模式</li>
<li>移动微信端、门店PC端同步启用,全城网络覆盖</li>
</ul>
</div>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<div class="join_info">
<div class="joinfo_t">
<h5 class="wow fadeInUp">“O2O+门店+洗衣工厂”</h5>
<div class="joinfo_p">
<ul class="flex-con1">
<li class="bigLi wow fadeInUp" data-wow-delay=".1s">
<img src="./img/asdasdad.png" class="somImg" alt="" srcset="">
<p>一键下单 方便快捷</p>
</li>
<li class="bigLi wow fadeInUp" data-wow-delay=".2s">
<img src="./img/asdasdad.png" class="somImg" alt="" srcset="">
<p>全部直营店 洗衣更方便</p>
</li>
<li class="bigLi wow fadeInUp" data-wow-delay=".3s">
<img src="./img/asdasdad.png" class="somImg" alt="" srcset="">
<p>工厂洗护 专业品质</p>
</li>
</ul>
<div class="clear"></div>
</div>
</div>
</div>
</div>
</div>
<div class="typec process">
<div class="row while rowp">
<div class="title wow fadeInUp">
<h4>加盟流程</h4>
<p>Joining process</p>
</div>
<div class="process-cen wow fadeInUp">
<img src="./img/uityhtrthr.png" alt="" srcset="">
</div>
<div class="process-p wow fadeInUp">
<h2>无需投资洗涤设备,1万元即可开店!</h2>
<div class="process-p1">
<p>加盟热线:<span>400-0551-071</span></p>
<p>招商总监:<span>13965102219</span></p>
</div>
</div>
</div>
</div>
<div class="typec myjoin">
<div class="row rowp">
<div class="title wow fadeInUp">
<h4 class="while100">我要加盟</h4>
</div>
</div>
<div class="myjoin-cen wow fadeInUp">
<div class="myFrom flex-con3">
<div class="fromImg">
<img src="./img/icon/1.png" alt="" srcset="">
</div>
<div class="fromInput">
<input type="text" placeholder="姓名">
</div>
</div>
<div class="myFrom flex-con3">
<div class="fromImg">
<img src="./img/icon/2.png" alt="" srcset="">
</div>
<div class="fromInput">
<input type="text" placeholder="电话">
</div>
</div>
<div class="myFrom flex-con3">
<div class="fromImg">
<img src="./img/icon/3.png" alt="" srcset="">
</div>
<div class="fromInput">
<input type="text" placeholder="地址">
</div>
</div>
<div class="fromText">
<div class="fromImg">
<img src="./img/icon/4.png" alt="" srcset="">
</div>
<div class="fromTem">
<textarea name="" id="" cols="30" rows="10" placeholder="请输入您想咨询的问题"></textarea>
</div>
</div>
<div class="goButton">提交</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/pubilc.js"></script>
<script src="./js/wow.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>

View File

@@ -0,0 +1,441 @@
<!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="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.0/css/swiper.min.css">
<link rel="stylesheet" href="./css/page/aboutIsa.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 class="nav-item liactive">
<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>
<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/terjergwegf.png" class="topact-big-img" alt="" srcset="">
</div>
</header>
<!-- 头部end -->
<!-- 主体内容start -->
<div class="mian">
<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 id="type-cen">
<div class="brand typec">
<div class="row while rowl">
<div class="title wow fadeInUp">
<h4>品牌理念</h4>
<p>Brand Idea</p>
</div>
<div class="brand-cen">
<h4 class="wow fadeInUp">“用心服务 品质生活”</h4>
<div class="brand-p wow fadeInUp">
<p>伊莎洗衣,是合肥伊尔萨洗衣服务有限公司旗下直营品牌,作为意大利伊尔萨家族的成员,成立于2001年9月,</p>
<p>是合肥首家国际连锁洗衣公司</p>
</div>
<div class="brand-p wow fadeInUp">
<p>作为省政府招商引资合作单位,率先为省政府办公厅提供后勤洗衣服务。公司软硬件设施的配置秉承了伊莎时尚洗衣“优质环保”的一贯主旨,并将世界先进的技术设备、科学的管理模式及完善的服务体系融为一体。
</p>
<p>开创了合肥高端连锁洗衣服务的先河</p>
</div>
<div class="brand-p wow fadeInUp">
<p>伊莎连锁洗衣,深耕合肥十八载,拥有30多家连锁门店、大型智能洗衣工厂、线上洗护平台,服务超10万多合肥高品质家庭用户和60多家团体企事业单位。</p>
<p>现如今已成为安徽洗衣领先品牌</p>
</div>
<div class="brand-p wow fadeInUp">
<p>2019年公司开启加盟模式,计划在合肥开设超100家连锁门店,与合肥洗衣界友商共同努力。</p>
<p>为合肥每一个家庭提供更好的高品质洗衣服务</p>
</div>
</div>
</div>
</div>
<div class="his typec">
<div class="row while rowl">
<div class="title wow fadeInUp">
<h4>发展历程</h4>
<p>Development History</p>
</div>
<div class="his-cen">
<ul class="his-ul">
<li class="his-li flex-con1 wow fadeInUp">
<div class="histli-l">
<img src="./img/banner1.png" alt="" srcset="">
</div>
<div class="histli-c flex-con3">
<span></span>
</div>
<div class="histli-r flex-con3">
<div>
<h4>2001年10月</h4>
<p>与安徽省政府办公厅、安徽省军区、安徽省人民银行达成洗衣专属会员服务</p>
</div>
</div>
</li>
<li class="his-li flex-con1 wow fadeInUp">
<div class="histli-r flex-con3">
<div>
<h4>2001年10月</h4>
<p>与安徽省政府办公厅、安徽省军区、安徽省人民银行达成洗衣专属会员服务</p>
</div>
</div>
<div class="histli-c flex-con3">
<span></span>
</div>
<div class="histli-l">
<img src="./img/banner1.png" alt="" srcset="">
</div>
</li>
<li class="his-li flex-con1 wow fadeInUp">
<div class="histli-l">
<img src="./img/banner1.png" alt="" srcset="">
</div>
<div class="histli-c flex-con3">
<span></span>
</div>
<div class="histli-r flex-con3">
<div>
<h4>2001年10月</h4>
<p>与安徽省政府办公厅、安徽省军区、安徽省人民银行达成洗衣专属会员服务</p>
</div>
</div>
</li>
<li class="his-li flex-con1 wow fadeInUp">
<div class="histli-r flex-con3">
<div>
<h4>2001年10月</h4>
<p>与安徽省政府办公厅、安徽省军区、安徽省人民银行达成洗衣专属会员服务</p>
</div>
</div>
<div class="histli-c flex-con3">
<span></span>
</div>
<div class="histli-l">
<img src="./img/banner1.png" alt="" srcset="">
</div>
</li>
<li class="his-li flex-con1 wow fadeInUp">
<div class="histli-l">
<img src="./img/banner1.png" alt="" srcset="">
</div>
<div class="histli-c flex-con3">
<span></span>
</div>
<div class="histli-r flex-con3">
<div>
<h4>2001年10月</h4>
<p>与安徽省政府办公厅、安徽省军区、安徽省人民银行达成洗衣专属会员服务</p>
</div>
</div>
</li>
<li class="his-li flex-con1 wow fadeInUp">
<div class="histli-r flex-con3">
<div>
<h4>2001年10月</h4>
<p>与安徽省政府办公厅、安徽省军区、安徽省人民银行达成洗衣专属会员服务</p>
</div>
</div>
<div class="histli-c flex-con3">
<span></span>
</div>
<div class="histli-l">
<img src="./img/banner1.png" alt="" srcset="">
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="eco typec">
<div class="row while rowl">
<div class="title wow fadeInUp">
<h4>企业生态</h4>
<p>Enterprise Ecology</p>
</div>
<h4 class="ecoh4 wow fadeInUp">“多产业布局,只为提供更美好的生活”</h4>
<div class="eco-cen">
<ul>
<li class="wow fadeInUp" data-wow-delay=".1s">
<img src="./img/banner1.png" class="img" alt="" srcset="">
<div class="ecoli flex-con3">
<div>
<div class="eco-span">伊莎洗衣</div>
<p class="eco-p">“立足合肥,专注洗衣十八年有30家连锁店管理经验, 几十家团体合作客户超过十万优质会员的信赖选择”</p>
</div>
</div>
</li>
<li class="wow fadeInUp" data-wow-delay=".2s">
<img src="./img/banner1.png" class="img" alt="" srcset="">
<div class="ecoli flex-con3">
<div>
<div class="eco-span">伊莎洗衣</div>
<p class="eco-p">“立足合肥,专注洗衣十八年有30家连锁店管理经验, 几十家团体合作客户超过十万优质会员的信赖选择”</p>
</div>
</div>
</li>
<li class="wow fadeInUp" data-wow-delay=".3s">
<img src="./img/banner1.png" class="img" alt="" srcset="">
<div class="ecoli flex-con3">
<div>
<div class="eco-span">伊莎洗衣</div>
<p class="eco-p">“立足合肥,专注洗衣十八年有30家连锁店管理经验, 几十家团体合作客户超过十万优质会员的信赖选择”</p>
</div>
</div>
</li>
<li class="wow fadeInUp" data-wow-delay=".4s">
<img src="./img/banner1.png" class="img" alt="" srcset="">
<div class="ecoli flex-con3">
<div>
<div class="eco-span">伊莎洗衣</div>
<p class="eco-p">“立足合肥,专注洗衣十八年有30家连锁店管理经验, 几十家团体合作客户超过十万优质会员的信赖选择”</p>
</div>
</div>
</li>
<li class="wow fadeInUp" data-wow-delay=".5s">
<img src="./img/banner1.png" class="img" alt="" srcset="">
<div class="ecoli flex-con3">
<div>
<div class="eco-span">伊莎洗衣</div>
<p class="eco-p">“立足合肥,专注洗衣十八年有30家连锁店管理经验, 几十家团体合作客户超过十万优质会员的信赖选择”</p>
</div>
</div>
</li>
</ul>
<div class="clear"></div>
</div>
</div>
</div>
<div class="cust typec">
<div class="row while rowp">
<div class="title wow fadeInUp">
<h4>荣誉客户</h4>
<p>Honorary customers</p>
</div>
<div class="cust-cen">
<ul>
<li class="wow fadeInUp" data-wow-delay=".1s">
<img src="./img/logo/asg5et.png" alt="" srcset="">
</li>
<li class="wow fadeInUp" data-wow-delay=".2s">
<img src="./img/logo/thrthr.png" alt="" srcset="">
</li>
<li class="wow fadeInUp" data-wow-delay=".3s">
<img src="./img/logo/asdas.png" alt="" srcset="">
</li>
<li class="wow fadeInUp" data-wow-delay=".4s">
<img src="./img/logo/qwdqdw.png" alt="" srcset="">
</li>
<li class="wow fadeInUp" data-wow-delay=".5s">
<img src="./img/logo/lkjef.png" alt="" srcset="">
</li>
<li class="wow fadeInUp" data-wow-delay=".6s">
<img src="./img/logo/kuku.png" alt="" srcset="">
</li>
<li class="wow fadeInUp" data-wow-delay=".7s">
<img src="./img/logo/gnsdc.png" alt="" srcset="">
</li>
<li class="wow fadeInUp" data-wow-delay=".8s">
<img src="./img/logo/tyhgfrf.png" alt="" srcset="">
</li>
<li class="wow fadeInUp" data-wow-delay=".9s">
<img src="./img/logo/sadasdhty.png" alt="" srcset="">
</li>
<li class="wow fadeInUp" data-wow-delay="1s">
<img src="./img/logo/cvdcvd.png" alt="" srcset="">
</li>
<li class="wow fadeInUp" data-wow-delay="1.1s">
<img src="./img/logo/iliukm.png" alt="" srcset="">
</li>
<li class="wow fadeInUp" data-wow-delay="1.2s">
<img src="./img/logo/xcvzxczxc.png" alt="" srcset="">
</li>
<li class="wow fadeInUp" data-wow-delay="1.3s">
<img src="./img/logo/kikjyuty.png" alt="" srcset="">
</li>
<li class="wow fadeInUp" data-wow-delay="1.4s">
<img src="./img/logo/okmjmnyu.png" alt="" srcset="">
</li>
<li class="wow fadeInUp" data-wow-delay="1.5s">
<img src="./img/logo/zpoi.png" alt="" srcset="">
</li>
<li class="wow fadeInUp" data-wow-delay="1.6s">
<img src="./img/logo/zxcpoiui.png" alt="" srcset="">
</li>
<li class="wow fadeInUp" data-wow-delay="1.7s">
<img src="./img/logo/zxcer.png" alt="" srcset="">
</li>
<li class="wow fadeInUp" data-wow-delay="1.8s">
<img src="./img/logo/yhbffr.png" alt="" srcset="">
</li>
<li class="wow fadeInUp" data-wow-delay="1.9s">
<img src="./img/logo/qpiut.png" alt="" srcset="">
</li>
<li class="wow fadeInUp" data-wow-delay="2s">
<img src="./img/logo/asdcwree.png" alt="" srcset="">
</li>
</ul>
<div class="clear"></div>
</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>
<!-- 主体内容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="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.0/js/swiper.min.js"></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();
});
}
// 轮播
var mySwiper = new Swiper('.swiper-container', {
autoplay: true,//可选选项,自动滑动
pagination: {
el: '.swiper-pagination',
clickable: true,
},
})
// 获取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>

View File

@@ -0,0 +1,219 @@
<!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/contactus.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>
<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 class="nav-item liactive">
<a class="a" href="./contactus.html">联系我们</a>
</li>
</ul>
</div>
</div>
<div class="wheel comm-topact">
<img src="./img/lxwm.jpg" class="topact-big-img" alt="" srcset="">
</div>
</header>
<!-- 头部end -->
<!-- 内容 -->
<div class="main">
<div class="contactus">
<div class="contactus-l">
<h3 class="wow fadeInUp">伊莎洗衣</h3>
<div class="contactus-text wow fadeInUp">
<p>公 司:合肥伊尔萨洗衣服务有限公司</p>
<p>邮 编:231200</p>
<p>公司地址:合肥市黄山路436号盛景国际大厦五层</p>
<p>工厂地址:合肥市蜀山区经开区天都路与丹霞路交口34号农校产业对接园内</p>
</div>
</div>
<div class="contactus-r wow fadeInUp">
<ul class="contactusul flex-con1">
<li>
<div class="contli-img">
<img src="./img/asdasdafa.png" alt="" srcset="">
</div>
<p>微信公众号</p>
</li>
<li>
<div class="contli-img">
<img src="./img/asdasd.png" alt="" srcset="">
</div>
<p>伊莎洗衣小程序</p>
</li>
</ul>
</div>
<div class="clear"></div>
</div>
<div class="map wow fadeInUp">
<div id="allmap"></div>
</div>
<div class="row while">
<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>
<!-- 内容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 -->
<!-- 尾部end -->
<script src="https://code.jquery.com/jquery-1.12.4.min.js"
integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
<script type="text/javascript"
src="http://api.map.baidu.com/api?v=3.0&ak=kELyXum7vuSMm2QT7KX98VFC6O4GVhDi"></script>
<script src="./js/wow.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();
});
}
// 调用百度地图api
map = new BMap.Map("allmap");
map.enableScrollWheelZoom();
map.centerAndZoom(new BMap.Point(117.28269909, 31.86694226), 10);
var data_info = [[117.28269909, 31.86694226, "地址:合肥市黄山路436号盛景国际大厦五层"],
[117.246966, 31.770767, "地址:合肥市蜀山区经开区天都路与丹霞路交口34号农校产业对接园内"]
];
var opts = {
width: 250, // 信息窗口宽度
height: 80, // 信息窗口高度
title: "", // 信息窗口标题
enableMessage: true//设置允许信息窗发送短息
};
for (var i = 0; i < data_info.length; i++) {
var marker = new BMap.Marker(new BMap.Point(data_info[i][0], data_info[i][1])); // 创建标注
var content = data_info[i][2];
map.addOverlay(marker); // 将标注添加到地图中
addClickHandler(content, marker);
}
function addClickHandler(content, marker) {
marker.addEventListener("click", function (e) {
openInfo(content, e)
}
);
}
function openInfo(content, e) {
var p = e.target;
var point = new BMap.Point(p.getPosition().lng, p.getPosition().lat);
var infoWindow = new BMap.InfoWindow(content, opts); // 创建信息窗口对象
map.openInfoWindow(infoWindow, point); //开启信息窗口
}
</script>
</body>
</html>

View File

@@ -0,0 +1 @@
138c335c-2bc9-4b68-ad39-452c99779a4d

View File

@@ -0,0 +1 @@
b4e79fb3-a541-47ce-8f87-2ff95c0a1615

View File

@@ -0,0 +1,274 @@
@import "../pubilc/_mian.css";
.wheel{
height: 350px;
width: 100%;
}
/* 内容 */
.joining-title{
margin-top: 60px;
text-align: center;
}
.joining-title h5{
font-family: MicrosoftYaHei-Bold;
font-size: 22px;
font-weight: 700;
font-stretch: normal;
line-height: 39px;
letter-spacing: 0px;
color: #333333;
}
.joining-title p{
font-family: MicrosoftYaHei;
font-size: 16px;
font-weight: normal;
font-stretch: normal;
line-height: 39px;
letter-spacing: 0px;
color: #999999;
}
.joining-img{
margin-top: 60px;
}
.jimg{
width: 1190px;
margin: 0 auto 80px;
}
.jimg-l,.jimg-r{
width: 50%;
height: 410px;
float: left;
}
.jimg:nth-child(2n) .jimg-l,.jimg-r{
float: right;
}
.jimg-r{
padding-left: 77px;
box-sizing: border-box;
}
.jimg-text h5{
font-family: MicrosoftYaHei;
font-size: 28px;
font-weight: normal;
font-stretch: normal;
line-height: 39px;
letter-spacing: 0px;
color: #333333;
}
.jimg-text span{
margin-top: 30px;
display: block;
width: 40px;
height: 2px;
background-color: #28a658;
}
.jimg-text div{
margin-top: 30px;
}
.jimg-text ul li{
margin-left: 20px;
box-sizing: border-box;
list-style: disc !important;
font-family: MicrosoftYaHei;
font-size: 16px;
font-weight: normal;
font-stretch: normal;
line-height: 45px;
letter-spacing: 0px;
color: #999999;
}
.joinfo_t h5{
text-align: center;
font-family: MicrosoftYaHei-Bold;
font-size: 22px;
font-weight: normal;
font-stretch: normal;
line-height: 39px;
letter-spacing: 0px;
color: #333333;
}
.joinfo_p{
width: 1190px;
margin: 60px auto 0;
}
.bigLi{
cursor: auto;
}
.joinfo_p ul{
width: 100%;
}
.joinfo_p ul li{
position: relative;
width: 380px;
height: 365px;
overflow: hidden;
transform:all .3s;
}
.joinfo_p ul li img{
position: absolute;
top: 0;
left: 0;
}
.joinfo_p ul li p{
position: absolute;
bottom: 0;
width: 100%;
text-align: center;
height: 65px;
background-color: #ffffff;
opacity: 0.8;
font-family: MicrosoftYaHei-Bold;
font-size: 22px;
font-weight: normal;
font-stretch: normal;
line-height: 65px;
letter-spacing: 0px;
color: #333333;
}
.process-cen{
margin-top: 55px;
width: 100%;
height: 241px;
line-height: 241px;
text-align: center;
position: relative;
background: url("./../../img/5u3gfeqw.png") no-repeat center;
}
.process-cen img{
vertical-align: middle;
}
.process-p{
margin-top: 98px;
}
.process-p1{
padding: 0 1px;
width: 250px;
margin: 63px auto 0;
}
.process-p h2{
font-family: MicrosoftYaHei;
font-size: 42px;
font-weight: normal;
font-stretch: normal;
line-height: 39px;
letter-spacing: 0px;
color: #28a658;
text-align: center;
}
.process-p p{
font-family: MicrosoftYaHei;
font-size: 16px;
font-weight: 700;
font-stretch: normal;
line-height: 39px;
letter-spacing: 0px;
color: #333333;
}
/* .process-p p:nth-child(1){
} */
.process-p p span{
font-family: MicrosoftYaHei-Bold;
font-size: 22px;
letter-spacing: 1px;
}
/* 我要加盟 */
.myjoin{
height: 685px;
width: 100%;
background: url("./../../img/ergWGwqefd.png") no-repeat center;
}
.myjoin-cen{
width: 396px;
margin: 0 auto;
}
.myFrom{
margin-bottom: 20px;
width: 396px;
height: 49px;
background-color: #ffffff;
position: relative;
}
.fromImg{
width: 10%;
height: 21px;
float: left;
border-right: 1px #cccccc solid;
text-align: center;
box-sizing: border-box;
}
.fromInput{
width: 90%;
height: 21px;
float: right;
padding: 1px 0 1px 10px;
box-sizing: border-box;
margin-top: -3px;
}
.fromInput input{
height: 100%;
width: 95%;
border: 0;
outline:none;
color: #333333;
}
.fromText{
padding-top: 10px;
height: 129px;
background-color: #ffffff;
width: 396px;
}
.fromTem{
width: 90%;
height: 120px;
float: right;
padding: 1px 0 1px 10px;
box-sizing: border-box;
}
.fromTem textarea{
height: 100%;
width: 95%;
border: 0;
outline:none;
color: #333333;
resize:none;
margin-top: -3px;
}
.goButton{
margin-top: 20px;
width: 396px;
height: 49px;
background-color: #28a658;
text-align: center;
line-height: 49px;
font-family: MicrosoftYaHei;
font-size: 19px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #ffffff;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.goButton:hover{
background-color: #25c060;
}
.myFrom::before{
position: absolute;
right: -38px;
content: "*";
color: red;
width: 24px;
height: 24px;
font-size: 24px;
}

View File

@@ -0,0 +1,221 @@
@import "../pubilc/_mian.css";
.wheel{
height: 350px;
width: 100%;
}
/* 主体start */
.about-title{
width: 100%;
padding-bottom: 1px;
box-shadow: 1px 2px 12px #ddd;
border-bottom: 1px solid #eee;
background: #ffffff;
}
.fixedTab{
position: fixed;
top:0;
z-index: 99999999;
}
.atitle-cen{
width: 1190px;
margin: 0 auto;
height: 70px;
}
.atitle-cen ul li{
height: 70px;
line-height: 70px;
float: left;
margin-right: 40px;
font-size: 20px;
color: #333333;
}
.alitivce{
width: 80px;
height: 70px;
color: #25c060 !important;
border-bottom: 2px solid #28a658;
}
.atitle-cen ul li:hover{
color: #25c060;
}
/* 品牌理念 */
.brand-cen{
margin: 0 auto;
margin-top: 60px;
width: 810px;
}
.brand-cen h4{
font-size: 22px;
color: #333333;
text-align: center;
}
.brand-p{
margin-top: 50px;
}
.brand-p p{
color: #666666;
text-align:center;
font-size: 16px;
line-height: 32px;
}
.brand-p p:last-child{
color: #333333;
font-weight: 700;
}
/* 品牌理念end */
/* 发展历程 */
.his-cen{
width: 887px;
margin: 80px auto 0;
padding: 30px 0;
background: url("../../img/asfutkyurt.png") no-repeat 50% 2px;
}
.his-ul{
height: auto;
}
.his-li{
margin: 5px 0;
height: 150px;
width: 100%;
}
.his-li:nth-child(2n) .histli-l{
text-align: left;
}
.his-li:nth-child(2n) .histli-r{
text-align: right;
}
.histli-l{
width: 43%;
text-align: right;
}
.histli-l img{
width: 245px;
height: 150px;
}
.histli-c{
width: 10%;
}
.histli-c span{
border: 2px solid #28a658;
width: 19px;
height: 19px;
border-radius: 19px;
display: block;
background: #ffffff;
}
.histli-r{
width: 43%;
}
.histli-r h4{
font-family: MicrosoftYaHei-Bold;
font-size: 22px;
font-stretch: normal;
line-height: 36px;
letter-spacing: 0px;
color: #000000;
font-weight: 700;
}
.histli-r p{
font-family: MicrosoftYaHei;
font-size: 16px;
font-weight: normal;
font-stretch: normal;
line-height: 28px;
letter-spacing: 0px;
color: #333333;
}
/* 企业生态 */
.ecoh4{
margin: 60px 0 40px 0;
text-align: center;
font-size: 22px;
color: #333333;
}
.eco-cen{
margin-top: 30px;
width: 1190px;
margin: 0 auto;
}
.eco-cen ul li{
width: 386px;
height: 425px;
float: left;
margin-right: 15px;
position: relative;
}
.eco-cen ul li:nth-child(1){
width: 785px;
}
.eco-cen ul li:nth-child(n+3){
height: 380px;
margin-top: 15px;
}
.eco-cen ul li:nth-child(3n+2){
margin-right: 0;
}
.ecoli{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0.3)
}
.ecoli div{
width: 331px;
text-align: center;
}
.eco-span{
width: 230px;
height: 70px;
line-height: 70px;
text-align: center;
font-size: 30px;
color: #ffffff;
border: 1px solid #ffffff;
margin-top: 80px;
transition: all .5s;
}
.eco-p{
margin-top: 35px;
line-height: 30px;
font-size: 16px;
opacity: 0;
transition: all .5s;
}
.eco-cen ul li:hover .eco-span{
margin-top: 0;
background: #28a658;
border: 1px solid #28a658;
}
.eco-cen ul li:hover .eco-p{
opacity: 1;
color: #ffffff;
}
/* 荣誉客户 */
.cust-cen{
width: 1190px;
margin: 50px auto 0;
}
.cust-cen ul li{
float: left;
width: 215px;
height: 84px;
border: 1px solid #eeeeee;
text-align: center;
line-height: 84px;
overflow: hidden;
margin-right: 26px;
}
.cust-cen ul li img{
vertical-align: middle;
}
.cust-cen ul li:nth-child(5n){
margin-right: 0;
}
.cust-cen ul li:nth-child(n+6){
margin-top: 26px;
}
/* 主体end */

View File

@@ -0,0 +1,80 @@
@import "../pubilc/_mian.css";
.wheel{
height: 350px;
width: 100%;
}
/* 内容 */
.contactus{
width: 1190px;
margin: 80px auto 60px;
}
.contactus-l{
width: 58%;
float: left;
height: 200px;
}
.contactus-l h3{
font-family: MicrosoftYaHei;
font-size: 35px;
font-weight: normal;
font-stretch: normal;
line-height: 33px;
letter-spacing: 0px;
color: #333333;
}
.contactus-text{
margin-top: 36px;
}
.contactus-text p{
line-height: 28px;
font-family: MicrosoftYaHei;
font-size: 16px;
font-weight: normal;
letter-spacing: 0px;
color: #333333;
}
.contactus-r{
width: 40%;
float: right;
height: 200px;
}
.contactusul li{
height: 200px;
width: 162px;
float: left;
margin: 0 30px;
text-align: center;
}
.contactusul li p{
margin-top: 15px;
font-family: MicrosoftYaHei;
font-size: 16px;
font-weight: normal;
font-stretch: normal;
line-height: 28px;
letter-spacing: 0px;
color: #666666;
}
.contli-img{
width: 162px;
height: 161px;
background-color: #f7f7f7;
line-height: 161px;
text-align: center;
}
.contli-img img{
/* height: 80%; */
vertical-align: middle;
}
/* 地图 */
.map{
width: 1190px;
height: 404px;
margin: 0 auto;
}
#allmap{
width: 100% !important;
height: 100% !important;
}

View File

@@ -0,0 +1,52 @@
@import "../pubilc/_mian.css";
.wheel{
height: 491px;
width: 100%;
}
/* 地图 */
#allmap{
height: 100%;
width: 100%;
}
/* 内容 */
.dis-row{
width: 1190px;
margin: 80px auto 0;
}
.dis-row h4{
text-align: center;
}
.disul{
margin-top: 60px;
}
.disul li{
float: left;
width: 286px;
height: 150px;
background: #ffffff;
margin-right: 15px;
border-radius: 15px;
}
.disul li:nth-child(4n){
margin-right: 0px;
}
.disul li:nth-child(n+5){
margin-top: 15px;
}
.disli h5{
font-size: 20px;
color: #333333;
margin-bottom: 15px;
font-weight: 500;
}
.disli p{
font-family: MicrosoftYaHei;
font-size: 14px;
font-weight: normal;
font-stretch: normal;
line-height: 25px;
letter-spacing: 0px;
color: #666666;
}

View File

@@ -0,0 +1,222 @@
@import "../pubilc/_mian.css";
.wheel{
height: auto;
width: 100%;
}
/* 主体start */
.introduce{
padding: 50px 0;
width: 1190px;
margin: 0 auto;
}
.intl,.intr{
width: 50%;
height: 556px;
float: left;
}
.intr{
background: #ffffff;
padding: 102px 0;
box-sizing: border-box;
text-align: center;
}
.intr-cen h2{
font-size: 36px;
color: #333333;
font-weight: 500;
}
.line{
width: 40px;
height: 2px;
margin: 30px auto 0;
background: #28a658;
}
.int-p{
margin: 34px 0;
line-height: 33px;
font-size: 16px;
color: #333333;
}
.int-p p{
color: #999999;
}
.int-p span{
color: #28a658;
font-weight: 700;
}
.sub{
width: 127px;
height: 35px;
line-height: 35px;
color: #ffffff;
font-size: 16px;
margin: 35px auto 0;
background: #28a658;
cursor: pointer;
}
.sub:hover{
background: #25c060;
}
/* 产品服务 */
.pro-cen{
margin-top: 60px;
}
.proul{
padding: 0 1px;
width: 1190px;
box-sizing: border-box;
margin: 0 auto;
}
.proul li{
position: relative;
height: 500px;
float: left;
width: 198px;
transition: .5s;
}
.proul li img{
position: absolute;
top: 0;
left: 0;
}
.pro-title{
position: absolute;
top: 0;
left: 0;
overflow: hidden;
height: 100%;
width: 100%;
}
.pro-title p {
margin-bottom: 32px;
color: #ffffff;
font-size: 23px;
}
.pro-title span{
margin: 0 auto;
display: block;
width: 40px;
height: 2px;
background: #ffffff;
}
.proli-cen{
position: absolute;
top: 0;
left: 0;
height: 0;
width: 0;
overflow: hidden;
transform: rotateY(-180deg);
}
.proli-p{
text-align: center;
padding: 0 35px;
font-size: 16px;
line-height: 32px;
color: #ffffff;
}
.proul li:hover .pro-title{
width: 0;
height: 0;
}
.proul li:hover{
-moz-transition: rotateY(180deg);
-o-transition: rotateY(180deg);
-webkit-transition: rotateY(180deg);
transform: rotateY(180deg);
}
.proul li:hover .proli-cen{
width: 100%;
height: 100%;
background: rgba(28, 151, 75, .9);
}
/* 产品服务end */
/* 团体洗衣start */
.group-cen{
width: 1190px;
margin: 64px auto 0;
}
.group-l,.group-r{
float: left;
}
.group-l{
width: 610px;
height: 420px;
}
.group-r{
width: 580px;
height: 420px;
background: #ffffff;
padding-top: 46px;
box-sizing: border-box;
color: #333333;
font-size: 16px;
}
.group-p{
text-align: center;
padding: 0 30px;
box-sizing: border-box;
line-height: 39px;
margin-bottom: 20px;
}
.group-p h4{
display: block;
font-size: 26px;
font-weight: 700;
}
.group-p span{
display: block;
color: #999999;
}
/* 团体洗衣end */
/* 下单 */
.pro-cen{
width: 1190px;
margin: 80px auto 0;
}
.pro-l{
width: 515px;
height: 424px;
float: left;
text-align: center;
background: url("./../../img/wxss.png") center center no-repeat;
}
.pro-l img{
margin-bottom: 15px;
}
.pro-r{
width: 675px;
float: left;
}
.pro-r ul {
height: 424px;
}
.pro-r ul li{
height: 50%;
width: 50%;
float: left;
}
.pro-ul li p {
color: #333333;
font-size: 18px;
margin-top: 19px;
}
.pro-ul li span{
color: #999999;
font-size: 16px;
margin-top: 9px;
}
/* 下单end */
/* 主体end */
/* 视频样式 */
.video-js .vjs-big-play-button {
top: 43% !important;
left: 43% !important;
}
/* 视频样式end */

View File

@@ -0,0 +1,86 @@
@import "../pubilc/_mian.css";
.wheel{
height: 350px;
width: 100%;
}
/* 内容 */
.about-j{
width: 1190px;
margin: 70px auto 0;
}
.about-j ul li{
float: left;
height: 81px;
border-right: 1px solid #ebebeb;
text-align: center;
width: 33%;
}
.about-j ul li:last-child{
border-right:0;
}
.about-j ul li h2{
font-family: MicrosoftYaHei-Bold;
font-size: 32px;
font-weight: 700;
font-stretch: normal;
line-height: 39px;
letter-spacing: 0px;
color: #28a658;
}
.about-j ul li p{
margin-top: 10px;
font-family: MicrosoftYaHei;
font-size: 18px;
font-weight: normal;
font-stretch: normal;
line-height: 39px;
letter-spacing: 0px;
color: #999999;
}
.about-text{
width: 1062px;
margin: 80px auto 0;
}
.about-text p{
margin-top: 50px;
font-family: MicrosoftYaHei;
font-size: 16px;
font-weight: normal;
font-stretch: normal;
line-height: 32px;
letter-spacing: 0px;
color: #666666;
}
/* 幻灯片 */
.team-cen{
width: 1190px;
margin: 60px auto 0;
overflow: hidden;
}
.swiper-lw{
width: 255px !important;
text-align: center;
margin: 0 20px;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
left: 0px !important;
height: 100% ;
background-color: #fff ;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
right: 0 !important;
height: 100%;
background-color: #fff;
}
.swiper-button-next, .swiper-button-prev {
top: 0 !important;
}
/* 加入我们 */
.myAbout{
height: 560px;
width: 100%;
background: url("./../../img/ergWGwqefd.png") no-repeat center;
}

View File

@@ -0,0 +1,64 @@
@import "../pubilc/_mian.css";
.wheel{
height: 350px;
width: 100%;
}
/* 内容 */
.types{
width: 100%;
padding: 40px 0;
display: none;
}
.newsUl{
width: 1190px;
margin: 0 auto;
}
.newsUl li{
width: 100%;
height: 190px;
border-bottom: 1px solid #ebebeb;
padding: 20px 0;
}
.newsUl li img{
height: 190px;
width: 310px;
float: left;
}
.news-cen{
padding-left: 30px;
float: left;
height: 190px;
width: 60%;
padding-top: 30px;
box-sizing: border-box;
overflow: hidden;
}
.news-time img{
margin-right: 10px;
width: 17px !important;
height: 17px !important;
}
.news-time{
margin-top: 50px;
font-family: MicrosoftYaHei;
font-size: 16px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #666666;
}
.news-title{
font-size: 26px;
font-weight: 500;
}
.newsActive{
display: block;
}
.newPage{
margin: 30px 0 80px 0;
}

View File

@@ -0,0 +1,73 @@
@import "../pubilc/_mian.css";
.wheel{
height: 350px;
width: 100%;
}
/* 内容 */
.guidepost{
width: 100%;
border-bottom: #ebebeb 1px solid;
}
.guidTitle{
width: 1190px;
height: 70px;
line-height: 70px;
text-align: left;
margin: 0 auto;
}
.span1{
display: inline-block;
font-family: MicrosoftYaHei;
font-size: 20px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #999999;
}
.guidepost i{
display: inline-block;
font-family: MicrosoftYaHei;
font-size: 20px;
font-weight: normal;
letter-spacing: 0px;
color: #cccccc;
}
.span1:last-child{
display: inline-block;
font-family: MicrosoftYaHei;
font-size: 20px;
font-weight: normal;
letter-spacing: 0px;
color: #333333;
}
/* 新闻内容 */
.newsText{
width: 1190px;
margin: 0 auto;
padding: 0 68px 73px 68px;
box-sizing: border-box;
border-bottom: 1px solid #cccccc;
}
.next{
height: 188px;
width: 100%;
}
.next1{
text-align: center;
}
.next1 p{
cursor: pointer;
font-family: MicrosoftYaHei;
font-size: 16px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #999999;
}
.next1 p:nth-child(1){
margin-bottom: 30px;
}

View File

@@ -0,0 +1,35 @@
@import "../pubilc/_mian.css";
.wheel{
height: 350px;
width: 100%;
}
/* 服务范围 */
.quality-cen{
width: 100%;
height: 413px;
overflow: hidden;
position: relative;
background: center top no-repeat;
-webkit-transition: height .6s,background,.6s;
transition: height .6s,background,.6s;
}
.quality-cenimg{
position: absolute;
left: 50%;
top: 0;
width: 1920px;
height: 100%;
margin-left: -960px;
}
.quimg{
position: absolute;
width: 100%;
height: 413px;
line-height: 413px;
text-align: center;
}
.quimg img{
vertical-align: middle;
}

View File

@@ -0,0 +1 @@
02f04ddc-8fc8-47dc-af2d-4c74551e6078

View File

@@ -0,0 +1,6 @@
@import "normalize.css";
@import "header.css";
@import "mian.css";
@import "animation.css";
@import "color.css";
@import "footer.css";

View File

@@ -0,0 +1,122 @@
@charset "UTF-8";
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}

View File

@@ -0,0 +1,9 @@
.b7{
background: #f7f7f7;
}
.while{
background: #ffffff;
}
.while100{
color: #ffffff !important;
}

View File

@@ -0,0 +1,64 @@
footer{
height: 120px;
padding: 37px 0;
box-sizing: border-box;
width: 100%;
background: #1e2023;
}
.footer{
width: 1190px;
margin: 0 auto;
}
.dizi{
width: 80%;
font-size: 16px;
line-height: 28px;
color: #ffffff;
float: left;
}
.logof{
float: left;
width: 20%;
height: 42px;
line-height: 42px;
text-align: right;
}
.logof img{
vertical-align: middle;
}
/* 联系我们 */
.conus-cen{
width: 482px;
margin: 50px auto 0;
}
.wxh{
float: left;
width: 240px;
height: 122px;
border-right:1px solid #cccccc ;
text-align: center;
font-size: 14px;
}
.us{
float: left;
width: 240px;
height: 122px;
}
.us-p{
width: 175px;
float: right;
padding: 5px 0;
line-height: 23px;
}
.us-p p {
line-height: 25px;
font-size: 16px;
color: #333333;
}
.us-p span{
display: block;
font-size: 22px;
font-weight: 700;
}
/* 联系我们end */

View File

@@ -0,0 +1,64 @@
header{
width: 100%;
}
.header{
width: 1190px;
margin: 0 auto;
line-height: 80px;
}
.logo{
height: 80px;
width: 25%;
}
.menu{
height: 80px;
}
.menu ul li{
float: left;
}
.menu ul li a{
font-size: 16px;
padding: 0 20px;
display: block;
color: #333333;
}
.nav-menu{
height: 0px;
text-align: center;
line-height: 40px;
color: #333333;
overflow: hidden;
}
.nav-menu section{
height: 40px;
position: relative;
z-index: 99999;
background: #ffffff;
font-size: 16px;
}
.menu ul li .a:hover{
background: #28a658;
color: #ffffff;
}
.menu ul li:hover .nav-menu{
height: 240px;
}
.nav-menu section:hover a{
color: #93d3ab;
}
/* 轮播图 */
/* 固定激活 */
.liactive{
background: #28a658;
}
.liactive .a{
color: #ffffff !important;
}
/* 轮播图样式调整 */
.swiper-container {
height: 100%;
}

View File

@@ -0,0 +1,145 @@
html{
min-width: 1190px;
}
li{
cursor: pointer;
}
img{
border: 0;
}
.clear{
clear: both;
}
.img{
height: 100%;
width: 100%;
}
.fl{
float: left;
}
.fr{
float: right;
}
.swiper-pagination-bullet-active{
background: #ffffff !important;
height: 10px;
width: 10px;
}
.row{
width: 100%;
}
.rowp{
padding: 80px 0;
}
.rowl{
padding: 80px 0 20px 0;
}
.title{
width: 100%;
text-align: center;
}
.title h4{
font-weight: 500;
font-size: 36px;
color: #333333;
}
.title p {
margin-top: 5px;
font-size: 16px;
color: #333333;
}
.title span{
margin-top: 25px;
display: block;
font-family: MicrosoftYaHei;
font-size: 16px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #999999;
}
/* 平铺水平对齐 */
.flex-con1 {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}
/* 垂直居中对齐 */
.flex-con2 {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
}
/* 水平垂直居中 */
.flex-con3 {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
/* 垂直平铺 */
.flex-con4{
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
}
/* 溢出隐藏 */
.clamp1{
display: -webkit-box !important;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
/* 动画3s */
.nav-item{
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
}
/* 放大图片 */
.bigLi:hover img{
transform:scale(1.1);
}
.somImg {
width: 100%;
height: 100%;
-moz-transition: all .5s ease;
-webkit-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
transition: all 0.5s;
}
/* 缩放页面图片处理 */
.comm-topact {
overflow: hidden;
position: relative;
background: center top no-repeat;
-webkit-transition: height .6s,background,.6s;
transition: height .6s,background,.6s;
}
.topact-big-img, .topact-small-img {
position: absolute;
left: 50%;
top: 0;
width: 1920px;
height: 100%;
margin-left: -960px;
}

View File

@@ -0,0 +1,498 @@
/**
* 自定义清除浏览器默认样式代码
*/
@font-face {
/* font-test*/
font-family: ht;
src: url('/fonts/ht.ttf');
}
ul,h2,h1,h3,h4,h5,h6,p{
margin: 0;
padding: 0;
}
a {
text-decoration: none;
color: #333;
}
li {
list-style: none;
}
.uk-form-label {
width: 130px;
}
.uk-form-controls {
margin-left: 132px;
}
.uk-margin {
overflow: hidden;
}
.container {
width: 1170px;
margin: 0 auto;
}
.left-me {
width: 70%;
float: left;
margin-left: 27px;
}
.info_title {
padding-top: 20px;
padding-bottom: 5px;
}
.icon {
width: 1em;
height: 1em;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}
.fixed-top {
position: fixed !important;
background: rgba(0, 0, 0, 0.88);
left: 0;
top: 0;
right: 0;
}
::-webkit-scrollbar {
width: 0;
height: 18px;
}
::-webkit-scrollbar-track-piece {
background-color: #fff;
border-radius: 0;
}
/* ::-webkit-scrollbar-thumb {
background-color: #018EE8;
height: 20px;
outline-offset: -2px;
outline: 2px solid #fff;
-webkit-border-radius: 4px;
} */
/**
* 1. Change the default font family in all browsers (opinionated).
* 2. Prevent adjustments of font size after orientation changes in IE and iOS.
*/
html {
font-family: sans-serif; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/**
* Remove the margin in all browsers (opinionated).
*/
body {
margin: 0;
}
/* HTML5 display definitions
========================================================================== */
/**
* Add the correct display in IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
* 2. Add the correct display in IE.
*/
article,
aside,
details, /* 1 */
figcaption,
figure,
footer,
header,
main, /* 2 */
menu,
nav,
section,
summary { /* 1 */
display: block;
}
/**
* Add the correct display in IE 9-.
*/
audio,
canvas,
progress,
video {
display: inline-block;
}
/**
* Add the correct display in iOS 4-7.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Add the correct display in IE 10-.
* 1. Add the correct display in IE.
*/
template, /* 1 */
[hidden] {
display: none;
}
/* Links
========================================================================== */
/**
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/
a {
background-color: transparent; /* 1 */
-webkit-text-decoration-skip: objects; /* 2 */
}
/**
* Remove the outline on focused links when they are also active or hovered
* in all browsers (opinionated).
*/
a:active,
a:hover {
outline-width: 0;
}
/* Text-level semantics
========================================================================== */
/**
* 1. Remove the bottom border in Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
text-decoration: underline dotted; /* 2 */
}
/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/
b,
strong {
font-weight: inherit;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* Add the correct font style in Android 4.3-.
*/
dfn {
font-style: italic;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/**
* Add the correct background and color in IE 9-.
*/
mark {
background-color: #ff0;
color: #000;
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10-.
*/
img {
border-style: none;
}
/**
* Hide the overflow in IE.
*/
svg:not(:root) {
overflow: hidden;
}
/* Grouping content
========================================================================== */
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct margin in IE 8.
*/
figure {
margin: 1em 40px;
}
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/* Forms
========================================================================== */
/**
* 1. Change font properties to `inherit` in all browsers (opinionated).
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
select,
textarea {
font: inherit; /* 1 */
margin: 0; /* 2 */
}
/**
* Restore the font weight unset by the previous rule.
*/
optgroup {
font-weight: bold;
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/
button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
-webkit-appearance: button; /* 2 */
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Change the border, margin, and padding in all browsers (opinionated).
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Remove the default vertical scrollbar in IE.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
*/
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Correct the text style of placeholders in Chrome, Edge, and Safari.
*/
::-webkit-input-placeholder {
color: inherit;
opacity: 0.54;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}

View File

@@ -0,0 +1,56 @@
.page ul {
padding: 0;
min-width: 450px;
}
.page ul::after {
content: '';
display: block;
clear: both;
}
.page ul li {
float: left;
width: auto;
min-width: 32px;
line-height: 30px;
list-style: none;
margin: 0 5px;
border: 1px solid #ccc;
border-radius: 5px;
}
.page a {
color: #666666;
font-family: "微软雅黑";
padding: 5px 15px;
text-decoration: none;
display: block;
text-align: center;
border-left: none;
}
.page ul li a:hover {
background-color: #28a658;
}
.page ul li a:hover {
color: white;
}
.page .disabled a:hover {
background-color: white;
cursor: not-allowed;
color: #aaa;
}
.page .active a {
background-color: #28a658;
color: white;
}
.active{
border:0 !important;
border-radius: 5px;
overflow: hidden;
}

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,376 @@
<!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/distribution.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>
<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 class="nav-item liactive">
<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">
<div id="allmap"></div>
</div>
</header>
<!-- 头部end -->
<!-- 内容start -->
<div class="main">
<div class="row b7">
<div class="products rowp">
<div class="title wow fadeInUp">
<h4>伊莎洗衣门店</h4>
<p>Isa's Laundry</p>
</div>
<div class="dis-cen">
<!-- 主要内容 -->
<div class="dis-row">
<h4 class="wow fadeInUp">“庐阳区”</h4>
<ul class="disul">
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
<div class="disli">
<h5>舒城路店</h5>
<p>电话:62602756</p>
<p>地址:舒城路2号红府超市入口处</p>
</div>
</li>
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
<div class="disli">
<h5>舒城路店</h5>
<p>电话:62602756</p>
<p>地址:舒城路2号红府超市入口处</p>
</div>
</li>
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
<div class="disli">
<h5>舒城路店</h5>
<p>电话:62602756</p>
<p>地址:舒城路2号红府超市入口处</p>
</div>
</li>
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
<div class="disli">
<h5>舒城路店</h5>
<p>电话:62602756</p>
<p>地址:舒城路2号红府超市入口处</p>
</div>
</li>
<div class="clear"></div>
</ul>
</div>
<div class="dis-row">
<h4 class="wow fadeInUp">“庐阳区”</h4>
<ul class="disul">
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
<div class="disli">
<h5>舒城路店</h5>
<p>电话:62602756</p>
<p>地址:舒城路2号红府超市入口处</p>
</div>
</li>
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
<div class="disli">
<h5>舒城路店</h5>
<p>电话:62602756</p>
<p>地址:舒城路2号红府超市入口处</p>
</div>
</li>
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
<div class="disli">
<h5>舒城路店</h5>
<p>电话:62602756</p>
<p>地址:舒城路2号红府超市入口处</p>
</div>
</li>
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
<div class="disli">
<h5>舒城路店</h5>
<p>电话:62602756</p>
<p>地址:舒城路2号红府超市入口处</p>
</div>
</li>
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
<div class="disli">
<h5>舒城路店</h5>
<p>电话:62602756</p>
<p>地址:舒城路2号红府超市入口处</p>
</div>
</li>
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
<div class="disli">
<h5>舒城路店</h5>
<p>电话:62602756</p>
<p>地址:舒城路2号红府超市入口处</p>
</div>
</li>
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
<div class="disli">
<h5>舒城路店</h5>
<p>电话:62602756</p>
<p>地址:舒城路2号红府超市入口处</p>
</div>
</li>
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
<div class="disli">
<h5>舒城路店</h5>
<p>电话:62602756</p>
<p>地址:舒城路2号红府超市入口处</p>
</div>
</li>
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
<div class="disli">
<h5>舒城路店</h5>
<p>电话:62602756</p>
<p>地址:舒城路2号红府超市入口处</p>
</div>
</li>
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
<div class="disli">
<h5>舒城路店</h5>
<p>电话:62602756</p>
<p>地址:舒城路2号红府超市入口处</p>
</div>
</li>
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
<div class="disli">
<h5>舒城路店</h5>
<p>电话:62602756</p>
<p>地址:舒城路2号红府超市入口处</p>
</div>
</li>
<div class="clear"></div>
</ul>
</div>
<div class="dis-row">
<h4 class="wow fadeInUp">“庐阳区”</h4>
<ul class="disul">
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
<div class="disli">
<h5>舒城路店</h5>
<p>电话:62602756</p>
<p>地址:舒城路2号红府超市入口处</p>
</div>
</li>
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
<div class="disli">
<h5>舒城路店</h5>
<p>电话:62602756</p>
<p>地址:舒城路2号红府超市入口处</p>
</div>
</li>
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
<div class="disli">
<h5>舒城路店</h5>
<p>电话:62602756</p>
<p>地址:舒城路2号红府超市入口处</p>
</div>
</li>
<div class="clear"></div>
</ul>
</div>
<div class="dis-row">
<h4 class="wow fadeInUp">“庐阳区”</h4>
<ul class="disul">
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
<div class="disli">
<h5>舒城路店1</h5>
<p>电话:62602756</p>
<p>地址:舒城路2号红府超市入口处</p>
</div>
</li>
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
<div class="disli">
<h5>舒城路店2</h5>
<p>电话:62602756</p>
<p>地址:舒城路2号红府超市入口处</p>
</div>
</li>
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
<div class="disli">
<h5>舒城路店</h5>
<p>电话:62602756</p>
<p>地址:舒城路2号红府超市入口处</p>
</div>
</li>
<div class="clear"></div>
</ul>
</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>
<!-- 内容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 type="text/javascript"
src="http://api.map.baidu.com/api?v=3.0&ak=kELyXum7vuSMm2QT7KX98VFC6O4GVhDi"></script>
<script src="./js/wow.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();
});
}
// 调用百度地图api
// lat纬度 , lon经度 , title标题 , conten内容
function maps(option) {
// 百度地图API功能
var map = new BMap.Map("allmap");
var point = new BMap.Point(option.lat, option.lon);
var marker = new BMap.Marker(point); // 创建标注
map.addOverlay(marker);
map.centerAndZoom(point, 15);
map.enableScrollWheelZoom();
var opts = {
width: 200, // 信息窗口宽度
height: 100, // 信息窗口高度
title: option.title, // 信息窗口标题
enableMessage: true//设置允许信息窗发送短息
}
var infoWindow = new BMap.InfoWindow('内容:' + option.conten, opts); // 创建信息窗口对象
map.openInfoWindow(infoWindow, point);//默认开启
marker.addEventListener("click", function () {
map.openInfoWindow(infoWindow, point); //开启信息窗口
});
}
maps({ lat: 116.3964, lon: 39.9093, title: "海底捞王府井店", conten: "我是内容啊啊啊啊" })
// 点击的时候获取经度纬度和标题内容填充到地图中再回到顶部
$(".disul li").click(function () {
var lat = $(this).data("lat")
var lon = $(this).data("lon")
var h5 = $(this).find("h5")[0].innerText
var p = $(this).find("p")[1].innerText
maps({
lat: lat,
lon: lon,
title: h5,
conten: p
})
window.scrollTo(0, 0)
})
</script>
</body>
</html>

View File

@@ -0,0 +1 @@
e725c2b8-aa27-484b-9abb-3bb321b566ce

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 104 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 130 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 187 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 145 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 176 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 472 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 119 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 76 KiB

View File

@@ -0,0 +1 @@
66e070ad-d267-450a-95ba-e1ae4e5199d5

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 92 KiB

View File

@@ -0,0 +1 @@
66de6804-4584-47c1-9b69-6e69b21124ab

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 30 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 335 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 146 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 127 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 189 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 100 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 499 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 125 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 96 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 189 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 165 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 379 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 224 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 173 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 201 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 231 KiB

View File

@@ -0,0 +1,396 @@
<!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="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.0/css/swiper.min.css">
<link rel="stylesheet" href="./css/page/index.css">
<link rel="stylesheet" href="./css/pubilc/video-js.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 class="nav-item liactive">
<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>
<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">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="./img/banner1.png" class="img" alt="" srcset="">
</div>
<div class="swiper-slide">
<img src="./img/banner1.png" class="img" alt="" srcset="">
</div>
<div class="swiper-slide">
<img src="./img/banner1.png" class="img" alt="" srcset="">
</div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</header>
<!-- 头部end -->
<!-- 主体内容start -->
<div class="mian">
<div class="row b7">
<div class="introduce">
<div class="intl flex-con2 wow fadeInUp">
<!-- <img src="./img/mdt.png" alt="" srcset=""> -->
<video id="my-video" class="video-js" controls preload="auto" width="640" height="403"
data-setup="{}">
<source src="./video/0300200100561DC1C1FB5B28D342A6E3821DFE-7BD7-264D-DABE-A4532876567C.mp4"
type="video/mp4">
<p class="vjs-no-js">
To view this video please enable JavaScript, and consider upgrading to a web browser that
<a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
</p>
</video>
<script src="./js/videojs-ie8.min.js"></script>
<script src="http://vjs.zencdn.net/5.18.4/video.min.js"></script>
<script type="text/javascript">
var myPlayer = videojs('my-video');
videojs("my-video").ready(function () {
var myPlayer = this;
myPlayer.play();
});
</script>
</div>
<div class="intr wow fadeInUp">
<div class="intr-cen">
<h2>伊莎洗衣,安徽洗衣领先品牌</h2>
<div class="line"></div>
<div class="int-p">
<p>深耕合肥<span>十八</span>载</p>
<p>拥有<span>30多</span>家连锁门店、大型智能洗衣工厂、线上洗护平台</p>
<p>服务超<span>10万多</span>合肥高品质家庭用户和<span>60多</span>家团体企事业单位</p>
</div>
<img src="./img/axbz.png" alt="" srcset="">
<a href="">
<div class="sub">了解详情 ></div>
</a>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<div class="row while">
<div class="products rowp">
<div class="title wow fadeInUp">
<h4>产品与服务</h4>
<p>Products and Services</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>
<div class="row b7">
<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 class="row while">
<div class="process rowp">
<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 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>
<!-- 主体内容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="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.0/js/swiper.min.js"></script>
<script src="./js/wow.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();
});
}
var mySwiper = new Swiper('.swiper-container', {
autoplay: true,//可选选项,自动滑动
pagination: {
el: '.swiper-pagination',
clickable: true,
},
})
</script>
</body>
</html>

View File

@@ -0,0 +1,315 @@
<!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="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.0/css/swiper.min.css">
<link rel="stylesheet" href="./css/page/aboutIsa.css">
<link rel="stylesheet" href="./css/page/Join.css">
<link rel="stylesheet" href="./css/page/joinIsa.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>
<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 class="nav-item liactive">
<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/afafafqwqwgq.png" class="topact-big-img" alt="" srcset="">
</div>
</header>
<!-- 头部end -->
<!-- 内容 -->
<div class="main">
<div class="about-title" id="at">
<div class="atitle-cen">
<ul>
<li class="alitivce">关于我们</li>
<li>团队风采</li>
<li>加入我们</li>
</ul>
</div>
</div>
<div class="joinlsa-cen">
<div id="type-cen">
<div class="typec joining">
<div class="row while rowp">
<div class="title wow fadeInUp">
<h4>关于我们</h4>
<p>About us</p>
</div>
<div class="about-j">
<ul>
<li class="wow fadeInUp" data-wow-delay=".1s">
<h2>使命</h2>
<p>每人 每天 穿干净衣服</p>
</li>
<li class="wow fadeInUp" data-wow-delay=".2s">
<h2>愿景</h2>
<p>成为值得尊敬的企业</p>
</li>
<li class="wow fadeInUp" data-wow-delay=".3s">
<h2>价值观</h2>
<p>凭良心 讲信用</p>
</li>
</ul>
<div class="clear"></div>
</div>
<div class="about-text">
<p class="wow fadeInUp" data-wow-delay=".1s">
伊莎洗衣,是合肥伊尔萨洗衣服务有限公司旗下直营品牌,作为意大利伊尔萨家族的成员,成立于2001年9月,是合肥首家国际连锁洗衣公司。伊莎洗衣,作为省政府招商引资合作单位,率先为省政府办公厅提供后勤洗衣服务。公司软硬件设施的配置秉承了伊莎时尚洗衣“优质环保”的一贯主旨,并将世界先进的技术设备、科学的管理模式及完善的服务体系融为一体,开创了合肥高端连锁洗衣服务的先河。
</p>
<p class="wow fadeInUp" data-wow-delay=".2s">
伊莎连锁洗衣,深耕合肥十八载,拥有30多家连锁门店、大型智能洗衣工厂、线上洗护平台,服务超10万多合肥高品质家庭用户和60多家团体企事业单位,现如今已成为安徽洗衣领先品牌。
</p>
<p class="wow fadeInUp" data-wow-delay=".3s">
2019年公司开启加盟模式,计划在合肥开设超100家连锁门店,与合肥洗衣界友商共同努力,为合肥每一个家庭提供更好的高品质洗衣服务。</p>
</div>
</div>
</div>
<div class="typec team">
<div class="row while rowp">
<div class="title wow fadeInUp">
<h4>团队风采</h4>
<p>Teamwork</p>
</div>
<div class="team-cen wow fadeInUp">
<!-- 幻灯片 -->
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide swiper-lw">
<img src="./img/qwfqgqd.png" alt="" srcset="">
<p>工厂员工风采</p>
</div>
<div class="swiper-slide swiper-lw">
<img src="./img/ewfgwefqwef.png" alt="" srcset="">
<p>员工会议</p>
</div>
<div class="swiper-slide swiper-lw">
<img src="./img/iklytujtyhjrthr.png" alt="" srcset="">
<p>工厂员工风采</p>
</div>
<div class="swiper-slide swiper-lw">
<img src="./img/ewfgwefqwef.png" alt="" srcset="">
<p>员工会议</p>
</div>
<div class="swiper-slide swiper-lw">
<img src="./img/iklytujtyhjrthr.png" alt="" srcset="">
<p>工厂员工风采</p>
</div>
<div class="swiper-slide swiper-lw">
<img src="./img/qwfqgqd.png" alt="" srcset="">
<p>员工会议</p>
</div>
<div class="swiper-slide swiper-lw">
<img src="./img/ewfgwefqwef.png" alt="" srcset="">
<p>工厂员工风采</p>
</div>
<div class="swiper-slide swiper-lw">
<img src="./img/iklytujtyhjrthr.png" alt="" srcset="">
<p>员工会议</p>
</div>
</div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
<!-- 幻灯片end -->
</div>
</div>
</div>
<div class="typec myAbout">
<div class="row rowp">
<div class="title wow fadeInUp">
<h4 class="while100">加入我们</h4>
</div>
</div>
<div class="myjoin-cen wow fadeInUp">
<div class="myFrom flex-con3">
<div class="fromImg">
<img src="./img/icon/1.png" alt="" srcset="">
</div>
<div class="fromInput">
<input type="text" placeholder="姓名">
</div>
</div>
<div class="myFrom flex-con3">
<div class="fromImg">
<img src="./img/icon/2.png" alt="" srcset="">
</div>
<div class="fromInput">
<input type="text" placeholder="电话">
</div>
</div>
<div class="myFrom flex-con3">
<div class="fromImg">
<img src="./img/icon/3.png" alt="" srcset="">
</div>
<div class="fromInput">
<input type="text" placeholder="意向岗位">
</div>
</div>
<div class="goButton">提交</div>
</div>
</div>
</div>
</div>
<div class="row while">
<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>
<!-- 内容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="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.0/js/swiper.min.js"></script>
<script src="./js/pubilc.js"></script>
<script src="./js/wow.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();
});
}
// 幻灯片
var mySwipers = new Swiper('.swiper-container', {
loop: true,
slidesPerView: 'auto',
loopedSlides: 5,
autoplay: {
delay: 1000,
stopOnLastSlide: false,
disableOnInteraction: true,
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
})
// 获取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>

View File

@@ -0,0 +1 @@
21196f69-2124-4014-a545-8ce791afc55c

View File

@@ -0,0 +1,93 @@
/**
* 自定义分页(封装实现)
* @type {Page}
* @data:2019-06-02
* @author:lzw
*/
P = new Page();
//分页对象
function Page(){
this.config = {elemId:'#page',pageIndex:'1',total:'0',pageNum:'7',pageSize:'10'};//默认参数
this.version = '1.0';//分页版本
this.requestFunction = null;//分页版本
//初始化参数
this.initMathod = function(obj){
$.extend(this.config,obj.params);//默认参数 + 用户自定义参数
this.requestFunction = obj.requestFunction;
this.renderPage();
};
//渲染分页
this.renderPage = function(){
this.requestFunction();
this.pageHtml();
//分页绑定事件
$(P.config.elemId).on('click','a',function(){
var flag = $(this).parent().hasClass('disabled');
if(flag){
return false;
}
var pageIndex = $(this).data('pageindex');
P.config.pageIndex = pageIndex;
P.requestFunction();
P.pageHtml();
});
};
//分页合成
this.pageHtml = function(){
var data = this.config;
if(parseInt(data.total) <= 0){
return false;
}
var elemId = data.elemId;
var pageNum = isBlank(data.pageNum) ? 7 : parseInt(data.pageNum);//可显示页码个数
var pageSize = isBlank(data.pageSize) ? 10 : parseInt(data.pageSize);//可显示页码个数
var total = parseInt(data.total);//总记录数
var pageTotal = total%pageSize != 0 ? parseInt(total/pageSize) + 1 : parseInt(total/pageSize);//总页数
var pageIndex = pageTotal < parseInt(data.pageIndex) ? pageTotal : parseInt(data.pageIndex);//当前页
var j = pageTotal < pageNum ? pageTotal : pageNum;//如果总页数小于可见页码,则显示页码为总页数
var k = pageIndex < parseInt((j/2) + 1) ? -1 * (pageIndex - 1) : pageIndex > (pageTotal - parseInt(j/2)) ? -1 * (j - (pageTotal - pageIndex) - 1) : -1 * parseInt((j/2));//遍历初始值
var pageHtml = '<ul>';
if(pageIndex <= 0 || pageIndex == 1){
pageHtml += '<li class="disabled"><a href="javascript:;" data-pageindex="'+ pageIndex +'">首页</a></li>' +
'<li class="disabled"><a href="javascript:;" data-pageindex="'+ pageIndex +'">上一页</a></li>';
}else{
pageHtml += '<li><a href="javascript:;" data-pageindex="1">首页</a></li>' +
'<li><a href="javascript:;" data-pageindex="'+ (pageIndex - 1) +'">上一页</a></li>';
}
for(var i = k;i < (k + j);i++){
if(pageTotal == (pageIndex + i - 1))break;
if(i == 0){
pageHtml += '<li class="active"><a href="javascript:;" data-pageindex="'+ pageIndex +'">'+ pageIndex +'</a></li>';
}else{
pageHtml += '<li><a href="javascript:;" data-pageindex="'+ (pageIndex + i) +'">'+ (pageIndex + i) +'</a></li>';
}
}
if(pageTotal == 1 || pageTotal <= pageIndex){
pageHtml += '<li class="disabled"><a href="javascript:;" data-pageindex="'+ pageTotal +'">下一页</a></li>' +
'<li class="disabled"><a href="javascript:;" data-pageindex="'+ pageTotal +'">末页</a></li>';
}else{
pageHtml += '<li><a href="javascript:;" data-pageindex="'+ (pageIndex + 1) +'">下一页</a></li>' +
'<li><a href="javascript:;" data-pageindex="'+ pageTotal +'">末页</a></li>';
}
pageHtml += '</ul>'
$(elemId).html('');
$(elemId).html(pageHtml);
};
}
function isBlank(str){
if(str == undefined || str == null || str.trim() == ''){
return true;
}
return false;
}

Some files were not shown because too many files have changed in this diff Show More