Lee
/
zzwy-news
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

手机端样式完成

master
Lee 2022-09-30 17:36:29 +08:00
parent 1b50a22cf1
commit 444a37e079
22 changed files with 1291 additions and 500 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
activities.html
View File

@ -62,7 +62,7 @@
</div> </div>
<!-- 二级导航 --> <!-- 二级导航 -->
<div class="sub-nav-bg"> <div class="sub-nav-bg">
<div class="sub-nav sub-nav-other"> <div class="sub-nav">
<a href="activities.html" class="active">品牌活动</a> <a href="activities.html" class="active">品牌活动</a>
<a href="news.html">媒体报道</a> <a href="news.html">媒体报道</a>
</div> </div>

6
activitiesDetail.html
View File

@ -59,7 +59,7 @@
</div> </div>
<!-- 二级导航 --> <!-- 二级导航 -->
<div class="sub-nav-bg"> <div class="sub-nav-bg">
<div class="sub-nav sub-nav-other"> <div class="sub-nav">
<a href="activities.html" class="active">品牌活动</a> <a href="activities.html" class="active">品牌活动</a>
<a href="news.html">媒体报道</a> <a href="news.html">媒体报道</a>
</div> </div>
@ -70,7 +70,7 @@
<!-- 活动详情 --> <!-- 活动详情 -->
<div class="pull-section pull-content-bg content-bg-white"> <div class="pull-section pull-content-bg content-bg-white">
<div class="activities-detail w1360 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="activities-detail w1360 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="detail-top"> <div class="detail-top detail-top-cloumn">
<!-- 轮播 --> <!-- 轮播 -->
<div class="detail-swiper swiper"> <div class="detail-swiper swiper">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
@ -106,7 +106,7 @@
<div class="swiper-pagination"></div> <div class="swiper-pagination"></div>
</div> </div>
<!-- 标题 --> <!-- 标题 -->
<div class="detai-title"> <div class="detai-title detai-title-cloumn">
<h1 class="color-blue wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">植树造林·绿化家园 | 中正物业植树活动</h1> <h1 class="color-blue wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">植树造林·绿化家园 | 中正物业植树活动</h1>
<div class="sub-bid wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">中正物业植树活动,植树造林·绿化家园</div> <div class="sub-bid wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">中正物业植树活动,植树造林·绿化家园</div>
</div> </div>

19
addedValue.html
View File

@ -49,21 +49,26 @@
</div> </div>
</div> </div>
<!-- 列表页banner -->
<div class="pull-banner w100 wap-show"><img src="images/banner-services.jpg" alt="关于我们"></div>
<!-- 当前位置&二级导航 --> <!-- 当前位置&二级导航 -->
<div class="position-nav-bg pull-margin bg-col-f5"> <div class="position-nav-bg pull-margin bg-col-f5">
<div class="position-sub-nav w1360 flex"> <div class="position-sub-nav w1360 flex">
<!-- 当前位置 --> <!-- 当前位置 -->
<div class="position flex"> <div class="position flex pc-show">
<div class="img"><img src="images/icon/icon-position.png" alt="当前位置"></span></div> <div class="img"><img src="images/icon/icon-position.png" alt="当前位置"></span></div>
<div class="txt color-blue flex"><a href="index.html">首页</a><a href="services.html">物业服务</a>社区增值服务</div> <div class="txt color-blue flex"><a href="index.html">首页</a><a href="services.html">物业服务</a>社区增值服务</div>
</div> </div>
<!-- 二级导航 --> <!-- 二级导航 -->
<div class="sub-nav"> <div class="sub-nav-bg">
<a href="services.html">住宅物业服务</a> <div class="sub-nav">
<a href="services.html">商企物业服务</a> <a href="services.html">住宅物业服务</a>
<a href="services.html">园区物业服务</a> <a href="services.html">商企物业服务</a>
<a href="addedValue.html" class="active">社区增值服务</a> <a href="services.html">园区物业服务</a>
<a href="market.html">友邻集市服务</a> <a href="addedValue.html" class="active">社区增值服务</a>
<a href="market.html">友邻集市服务</a>
</div>
</div> </div>
</div> </div>
</div> </div>

81
addedValueDetail.html
View File

@ -28,8 +28,8 @@
<span><img src="images/public/logo.png" alt="中正物业"></a></span> <span><img src="images/public/logo.png" alt="中正物业"></a></span>
<a href="index.html">首页</a> <a href="index.html">首页</a>
<a href="introduction.html">关于我们</a> <a href="introduction.html">关于我们</a>
<a href="activities.html" class="active">媒体中心</a> <a href="activities.html">媒体中心</a>
<a href="services.html">物业服务</a> <a href="services.html" class="active">物业服务</a>
<a href="redPropert.html">项目案例</a> <a href="redPropert.html">项目案例</a>
<a href="join.html">加入中正</a> <a href="join.html">加入中正</a>
<a href="complaint.html">投诉建议</a> <a href="complaint.html">投诉建议</a>
@ -50,7 +50,7 @@
</div> </div>
<!-- 当前位置&二级导航 --> <!-- 当前位置&二级导航 -->
<div class="position-nav-bg pull-margin bg-col-f5"> <div class="position-nav-bg pull-margin bg-col-f5 pc-show">
<div class="position-sub-nav w1360 flex"> <div class="position-sub-nav w1360 flex">
<!-- 当前位置 --> <!-- 当前位置 -->
<div class="position flex"> <div class="position flex">
@ -71,41 +71,50 @@
<!-- 服务详情 --> <!-- 服务详情 -->
<div class="pull-section pull-content-bg content-bg-white wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="pull-section pull-content-bg content-bg-white wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="activities-detail w1360 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="activities-detail w1360 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<!-- 轮播 --> <div class="detail-top">
<div class="detail-swiper swiper"> <!-- 轮播 -->
<div class="swiper-wrapper"> <div class="detail-swiper swiper">
<div class="swiper-slide"> <div class="swiper-wrapper">
<img src="images/services-01.jpg" alt="物业服务"> <div class="swiper-slide">
</div> <img src="images/activities-detail.jpg" alt="活动详情">
<div class="swiper-slide"> </div>
<img src="images/services-02.jpg" alt="物业服务"> <div class="swiper-slide">
</div> <img src="images/activities-detail.jpg" alt="活动详情">
<div class="swiper-slide"> </div>
<img src="images/services-03.jpg" alt="物业服务"> <div class="swiper-slide">
</div> <img src="images/activities-detail.jpg" alt="活动详情">
<div class="swiper-slide"> </div>
<img src="images/services-04.jpg" alt="物业服务"> <div class="swiper-slide">
</div> <img src="images/activities-detail.jpg" alt="活动详情">
<div class="swiper-slide"> </div>
<img src="images/services-05.jpg" alt="物业服务"> <div class="swiper-slide">
</div> <img src="images/activities-detail.jpg" alt="活动详情">
<div class="swiper-slide"> </div>
<img src="images/services-06.jpg" alt="物业服务"> <div class="swiper-slide">
</div> <img src="images/activities-detail.jpg" alt="活动详情">
<div class="swiper-slide"> </div>
<img src="images/services-07.jpg" alt="物业服务"> <div class="swiper-slide">
<img src="images/activities-detail.jpg" alt="活动详情">
</div>
<div class="swiper-slide">
<img src="images/activities-detail.jpg" alt="活动详情">
</div>
</div> </div>
<!-- 切换按钮 -->
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
<!-- 分页器 -->
<div class="swiper-pagination"></div>
</div>
<!-- 标题 -->
<div class="detai-title">
<h1 class="color-blue wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">安全管理服务</h1>
<div class="sub-bid wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">全域AI智能安全守护</div>
<a href="addedValue.html" class="back-btn wap-show flex">返回列表</a>
</div> </div>
<!-- 切换按钮 -->
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
<!-- 分页器 -->
<div class="swiper-pagination"></div>
</div> </div>
<!-- 详情 --> <!-- 详情 -->
<div class="activities-detail-txt flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="activities-detail-txt flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<h1 class="color-blue wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">生活服务</h1>
<div class="sub-bid wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">全域AI智能安全守护</div>
<div class="rich-txt rich-txt-added color-66 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="rich-txt rich-txt-added color-66 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<p>若干年后，一定会有伟人和各行各业的领袖人物从这里走出去，这是枫叶中西教育优化结合接着，巴音孟克投资集团李山董事长、罗眸汎总裁与枫叶教育集团创始人·董事长任书良博士在贵宾接待室就双方发挥优势，融合资源，携手发展等事宜进行深度交谈。的独特体系决定的。”2009年，枫叶教育集团创始人·董事长任书良博士在第三届枫叶教育论坛上的讲话一语成箴。2020年11月18日，巴音孟克投资集团董事长李山先生率队，应邀赴枫叶教育集团进行考察，与枫叶教育集团创始人·董事长任书良博士会晤商讨，谋求合作，汲取智慧，共畅未来。</p> <br /> <p>悠悠大连港，智慧与激情齐飞；拳拳枫叶情，梦想共长天一色。一个伟大的品牌，代表着一种质地丰厚的社会理念；指导一项伟大的行动；一项伟大的行动，创造一个伟大的品牌。枫叶教育集团致力创建发展成为v一个伟大的中国教育品牌，巴音孟克投资集团的使命是捍卫中国品牌，为用户和家人谋幸福。此次友好交流，为双方找到了新目标、新方法，期待两企合作共塑中国新品牌。</p> <p>若干年后，一定会有伟人和各行各业的领袖人物从这里走出去，这是枫叶中西教育优化结合接着，巴音孟克投资集团李山董事长、罗眸汎总裁与枫叶教育集团创始人·董事长任书良博士在贵宾接待室就双方发挥优势，融合资源，携手发展等事宜进行深度交谈。的独特体系决定的。”2009年，枫叶教育集团创始人·董事长任书良博士在第三届枫叶教育论坛上的讲话一语成箴。2020年11月18日，巴音孟克投资集团董事长李山先生率队，应邀赴枫叶教育集团进行考察，与枫叶教育集团创始人·董事长任书良博士会晤商讨，谋求合作，汲取智慧，共畅未来。</p> <br /> <p>悠悠大连港，智慧与激情齐飞；拳拳枫叶情，梦想共长天一色。一个伟大的品牌，代表着一种质地丰厚的社会理念；指导一项伟大的行动；一项伟大的行动，创造一个伟大的品牌。枫叶教育集团致力创建发展成为v一个伟大的中国教育品牌，巴音孟克投资集团的使命是捍卫中国品牌，为用户和家人谋幸福。此次友好交流，为双方找到了新目标、新方法，期待两企合作共塑中国新品牌。</p>
</div> </div>
@ -118,17 +127,17 @@
<div class="advantage-item bg-col-f5 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="advantage-item bg-col-f5 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<h2>资源优势</h2> <h2>资源优势</h2>
<ins class="bg-col-orange"></ins> <ins class="bg-col-orange"></ins>
<p>经过多年的拼搏历程,在巴音孟克人的共同努力下如今巴音孟克已成为一个多元化发展的大型企业 聚英才整资源凝心聚力为一个多元化发展的大型企业 聚英才整资源凝心聚力 ，用户的梦想就是成为一个多元化发展的大型企业 聚英才整资源凝心聚力 元化发展的大型企业 聚英才整资源凝心聚力 ，用户的梦想就是我们的任务。巴音孟克人以道德为本 ，以道为尊、以德为贵。</p> <p class="clips2">经过多年的拼搏历程,在巴音孟克人的共同努力下如今巴音孟克已成为一个多元化发展的大型企业 聚英才整资源凝心聚力为一个多元化发展的大型企业 聚英才整资源凝心聚力 ，用户的梦想就是成为一个多元化发展的大型企业 聚英才整资源凝心聚力 元化发展的大型企业 聚英才整资源凝心聚力 ，用户的梦想就是我们的任务。巴音孟克人以道德为本 ，以道为尊、以德为贵。</p>
</div> </div>
<div class="advantage-item bg-col-f5 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="advantage-item bg-col-f5 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<h2>资源优势</h2> <h2>资源优势</h2>
<ins class="bg-col-orange"></ins> <ins class="bg-col-orange"></ins>
<p>经过多年的拼搏历程,在巴音孟克人的共同努力下如今巴音孟克已成为一个多元化发展的大型企业 聚英才整资源凝心聚力为一个多元化发展的大型企业 聚英才整资源凝心聚力 ，用户的梦想就是成为一个多元化发展的大型企业 聚英才整资源凝心聚力 元化发展的大型企业 聚英才整资源凝心聚力 ，用户的梦想就是我们的任务。巴音孟克人以道德为本 ，以道为尊、以德为贵。</p> <p class="clips2">经过多年的拼搏历程,在巴音孟克人的共同努力下如今巴音孟克已成为一个多元化发展的大型企业 聚英才整资源凝心聚力为一个多元化发展的大型企业 聚英才整资源凝心聚力 ，用户的梦想就是成为一个多元化发展的大型企业 聚英才整资源凝心聚力 元化发展的大型企业 聚英才整资源凝心聚力 ，用户的梦想就是我们的任务。巴音孟克人以道德为本 ，以道为尊、以德为贵。</p>
</div> </div>
<div class="advantage-item bg-col-f5 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="advantage-item bg-col-f5 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<h2>资源优势</h2> <h2>资源优势</h2>
<ins class="bg-col-orange"></ins> <ins class="bg-col-orange"></ins>
<p>经过多年的拼搏历程,在巴音孟克人的共同努力下如今巴音孟克已成为一个多元化发展的大型企业 聚英才整资源凝心聚力为一个多元化发展的大型企业 聚英才整资源凝心聚力 ，用户的梦想就是成为一个多元化发展的大型企业 聚英才整资源凝心聚力 元化发展的大型企业 聚英才整资源凝心聚力 ，用户的梦想就是我们的任务。巴音孟克人以道德为本 ，以道为尊、以德为贵。</p> <p class="clips2">经过多年的拼搏历程,在巴音孟克人的共同努力下如今巴音孟克已成为一个多元化发展的大型企业 聚英才整资源凝心聚力为一个多元化发展的大型企业 聚英才整资源凝心聚力 ，用户的梦想就是成为一个多元化发展的大型企业 聚英才整资源凝心聚力 元化发展的大型企业 聚英才整资源凝心聚力 ，用户的梦想就是我们的任务。巴音孟克人以道德为本 ，以道为尊、以德为贵。</p>
</div> </div>
</div> </div>
</div> </div>

4
complaint.html
View File

@ -50,7 +50,7 @@
</div> </div>
<!-- 当前位置&二级导航 --> <!-- 当前位置&二级导航 -->
<div class="position-nav-bg pull-margin bg-col-f5"> <div class="position-nav-bg pull-margin bg-col-f5 pc-show">
<div class="position-sub-nav w1360 flex"> <div class="position-sub-nav w1360 flex">
<!-- 当前位置 --> <!-- 当前位置 -->
<div class="position flex"> <div class="position flex">
@ -61,7 +61,7 @@
</div> </div>
<!-- 内容 --> <!-- 内容 -->
<div class="pull-section pull-content-bg content-bg-white min-heigh-box wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="pull-section pull-content-bg content-bg-white join-detail-bg min-heigh-box wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="complaint flex w1360 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="complaint flex w1360 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="left wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="left wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="complaint-logo flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"><img src="images/public/complaint-logo.png" alt="中正物业"></div> <div class="complaint-logo flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"><img src="images/public/complaint-logo.png" alt="中正物业"></div>

23
cooperation.html
View File

@ -49,18 +49,23 @@
</div> </div>
</div> </div>
<!-- 列表页banner -->
<div class="pull-banner w100 wap-show"><img src="images/banner-join.jpg" alt="关于我们"></div>
<!-- 当前位置&二级导航 --> <!-- 当前位置&二级导航 -->
<div class="position-nav-bg pull-margin bg-col-f5"> <div class="position-nav-bg pull-margin bg-col-f5">
<div class="position-sub-nav w1360 flex"> <div class="position-sub-nav w1360 flex">
<!-- 当前位置 --> <!-- 当前位置 -->
<div class="position flex"> <div class="position flex pc-show">
<div class="img"><img src="images/icon/icon-position.png" alt="当前位置"></span></div> <div class="img"><img src="images/icon/icon-position.png" alt="当前位置"></span></div>
<div class="txt color-blue flex"><a href="index.html">首页</a><a href="join.html">加入中正</a>商务合作</div> <div class="txt color-blue flex"><a href="index.html">首页</a><a href="join.html">加入中正</a>商务合作</div>
</div> </div>
<!-- 二级导航 --> <!-- 二级导航 -->
<div class="sub-nav"> <div class="sub-nav-bg">
<a href="join.html">人才招聘</a> <div class="sub-nav">
<a href="cooperation.html" class="active">商务合作</a> <a href="join.html">人才招聘</a>
<a href="cooperation.html" class="active">商务合作</a>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -71,19 +76,19 @@
<div class="business-cooperation w1360 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="business-cooperation w1360 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<img src="images/public/business.jpg" alt="商务合作"> <img src="images/public/business.jpg" alt="商务合作">
<div class="title-txt"> <div class="title-txt">
<div class="profile-title culture-title wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="profile-title culture-title cooperation-title wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<p class="capitalize font-helvetica color-blue wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">Business Cooperation</p> <p class="capitalize font-helvetica color-blue wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">Business Cooperation</p>
<strong class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">商务合作</strong> <strong class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">商务合作</strong>
</div> </div>
<ins class="bg-col-blue wow fadeInUp" data-wow-duration="0.8s" data-wow-delay=".4s"></ins> <ins class="bg-col-blue wow fadeInUp" data-wow-duration="0.8s" data-wow-delay=".4s"></ins>
<div class="img wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.6s"> <div class="img wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.6s">
<span> <span>
<img src="images/public/qr-code.png" alt=""> <img src="images/public/qr-code.png" alt="中正物业公众号">
<em>中正物业公众号</em> <em class="clips1"><ins class="pc-show">中正物业</ins>公众号</em>
</span> </span>
<span> <span>
<img src="images/public/qr-code.png" alt=""> <img src="images/public/qr-code.png" alt="中正物业总经理">
<em>中正物业总经理</em> <em class="clips1"><ins class="pc-show">中正物业</ins>总经理</em>
</span> </span>
</div> </div>
</div> </div>

7
css/base.css
View File

@ -59,12 +59,15 @@ img {
a,ins { a,ins {
/* 去掉a标签的下划线 */ /* 去掉a标签的下划线 */
text-decoration: none; text-decoration: none;
/* 修改颜色 */
color: #333333;
/* 手机端去除a标签点击时的背景样式 */ /* 手机端去除a标签点击时的背景样式 */
-webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent;
} }
a {
/* 修改颜色 */
color: #333333;
}
img,a { img,a {
/* 禁用长按时弹出的菜单 */ /* 禁用长按时弹出的菜单 */

934
css/style.css
View File

File diff suppressed because it is too large Load Diff

BIN
images/banner-join.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 114 KiB

BIN
images/banner-project.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 169 KiB

BIN
images/public/advantage-01.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.3 KiB

After

Width:  |  Height:  |  Size: 3.7 KiB

BIN
images/public/advantage-02.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.7 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

27
join.html
View File

@ -49,18 +49,23 @@
</div> </div>
</div> </div>
<!-- 列表页banner -->
<div class="pull-banner w100 wap-show"><img src="images/banner-join.jpg" alt="关于我们"></div>
<!-- 当前位置&二级导航 --> <!-- 当前位置&二级导航 -->
<div class="position-nav-bg pull-margin bg-col-f5"> <div class="position-nav-bg pull-margin bg-col-f5">
<div class="position-sub-nav w1360 flex"> <div class="position-sub-nav w1360 flex">
<!-- 当前位置 --> <!-- 当前位置 -->
<div class="position flex"> <div class="position flex pc-show">
<div class="img"><img src="images/icon/icon-position.png" alt="当前位置"></span></div> <div class="img"><img src="images/icon/icon-position.png" alt="当前位置"></span></div>
<div class="txt color-blue flex"><a href="index.html">首页</a><a href="join.html">加入中正</a>人才招聘</div> <div class="txt color-blue flex"><a href="index.html">首页</a><a href="join.html">加入中正</a>人才招聘</div>
</div> </div>
<!-- 二级导航 --> <!-- 二级导航 -->
<div class="sub-nav"> <div class="sub-nav-bg">
<a href="join.html" class="active">人才招聘</a> <div class="sub-nav">
<a href="cooperation.html">商务合作</a> <a href="join.html" class="active">人才招聘</a>
<a href="cooperation.html">商务合作</a>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -69,7 +74,7 @@
<div class="pull-section pull-profile-bg wow fadeInUp"> <div class="pull-section pull-profile-bg wow fadeInUp">
<div class="company-profile company-culture join-us flex w1360"> <div class="company-profile company-culture join-us flex w1360">
<div class="txt"> <div class="txt">
<div class="profile-title culture-title"> <div class="profile-title culture-title project-title">
<p class="capitalize font-helvetica color-blue wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">Join Us</p> <p class="capitalize font-helvetica color-blue wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">Join Us</p>
<strong class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">人才招聘</strong> <strong class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">人才招聘</strong>
</div> </div>
@ -78,14 +83,20 @@
</div> </div>
</div> </div>
<div class="img wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="img wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<img src="images/public/qr-code.png" alt="人才招聘"> <p>
<img src="images/public/qr-code.png" alt="人才招聘"> <img src="images/public/qr-code.png" alt="人才招聘">
<span class="wap-show"><ins class="pc-show">“中正物业”</ins>微信订阅号</span>
</p>
<p>
<img src="images/public/qr-code.png" alt="人才招聘">
<span class="wap-show"><ins class="pc-show">“中正物业”</ins>招聘二维码</span>
</p>
</div> </div>
</div> </div>
</div> </div>
<!-- 职位列表 --> <!-- 职位列表 -->
<div class="pull-section pull-content-bg content-bg-white wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="pull-section pull-content-bg content-bg-white join-content-bg wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="recruit-list flex w1360"> <div class="recruit-list flex w1360">
<a href="joinDetail.html" class="recruit-item bg-col-f5 flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <a href="joinDetail.html" class="recruit-item bg-col-f5 flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="txt"> <div class="txt">

28
joinDetail.html
View File

@ -50,32 +50,40 @@
</div> </div>
<!-- 当前位置&二级导航 --> <!-- 当前位置&二级导航 -->
<div class="position-nav-bg pull-margin bg-col-f5"> <div class="position-nav-bg pull-margin bg-col-f5 pc-show">
<div class="position-sub-nav w1360 flex"> <div class="position-sub-nav w1360 flex">
<!-- 当前位置 --> <!-- 当前位置 -->
<div class="position flex"> <div class="position flex pc-show">
<div class="img"><img src="images/icon/icon-position.png" alt="当前位置"></span></div> <div class="img"><img src="images/icon/icon-position.png" alt="当前位置"></span></div>
<div class="txt color-blue flex"><a href="index.html">首页</a><a href="join.html">加入中正</a><a href="join.html">人才招聘</a>品质主管</div> <div class="txt color-blue flex"><a href="index.html">首页</a><a href="join.html">加入中正</a><a href="join.html">人才招聘</a>品质主管</div>
</div> </div>
<!-- 二级导航 --> <!-- 二级导航 -->
<div class="sub-nav"> <div class="sub-nav-bg">
<a href="join.html" class="active">人才招聘</a> <div class="sub-nav">
<a href="cooperation.html">商务合作</a> <a href="join.html" class="active">人才招聘</a>
<a href="cooperation.html">商务合作</a>
</div>
</div> </div>
</div> </div>
</div> </div>
<!-- 招聘职位 --> <!-- 招聘职位 -->
<div class="pull-section pull-content-bg content-bg-white min-heigh-box wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="pull-section pull-content-bg content-bg-white join-detail-bg min-heigh-box wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="recruit-detail flex w1360 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="recruit-detail flex w1360 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="left wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="left wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<h1 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">品质主管</h1> <h1 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">品质主管</h1>
<p class="color-66 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">工作地点：鄂尔多斯东胜区</p> <p class="color-66 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">工作地点：鄂尔多斯东胜区</p>
<p class="color-66 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">发布时间：2022-06-22</p> <p class="color-66 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">发布时间：2022-06-22</p>
<span class="flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"> <div class="flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<img src="images/public/qr-code.png" alt="人才招聘"> <p>
<img src="images/public/qr-code.png" alt="人才招聘"> <img src="images/public/qr-code.png" alt="人才招聘">
</span> <span class="wap-show"><em class="pc-show">“中正物业”</em>微信订阅号</span>
</p>
<p>
<img src="images/public/qr-code.png" alt="人才招聘">
<span class="wap-show"><em class="pc-show">“中正物业”</em>招聘二维码</span>
</p>
</div>
</div> </div>
<div class="right rich-txt wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="right rich-txt wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<p style="font-size: 22px;"><strong>工作职责</strong></p> <p style="font-size: 22px;"><strong>工作职责</strong></p>

71
js/script.js
View File

@ -212,10 +212,10 @@ $(function(){
}, },
}); });
} }
// 友邻集市社区切换
// 友邻市集服务活动切换 if($('.market-banner-swiper').length){
if($('.market-swiper').length){ // 集市切换
var historySwiper = new Swiper('.market-swiper',{ var marketBannerSwiper = new Swiper('.market-banner-swiper',{
loop:true,//开启循环播放 loop:true,//开启循环播放
autoplay: {//开启自动播放 autoplay: {//开启自动播放
delay:3000, delay:3000,
@ -223,22 +223,49 @@ $(function(){
pauseOnMouseEnter: true,//鼠标置于swiper时暂停自动切换，鼠标离开时恢复自动切换。 pauseOnMouseEnter: true,//鼠标置于swiper时暂停自动切换，鼠标离开时恢复自动切换。
}, },
pagination: { pagination: {
el: '.market-swiper .swiper-pagination', el: '.market-banner-swiper .swiper-pagination',
clickable :true, clickable :true,
}, },
on:{
init: function(){
swiperAnimateCache(this); // 隐藏动画元素
swiperAnimate(this); // 初始化完成开始动画
},
slideChangeTransitionEnd: function(){
swiperAnimate(this); // 每个slide切换结束时也运行当前slide动画
// this.slides.eq(this.activeIndex).find('.ani').removeClass('ani'); 动画只展现一次，去除ani类名
},
}
}); });
} }
// 友邻市集活动切换
if($('.market-swiper').length){
if(screen.width <= 768){
var marketSwiper = new Swiper('.market-swiper',{
direction: 'vertical', //向上
slidesPerView: "auto",
pagination: {
el: '.market-swiper .swiper-pagination',
clickable :true,
},
})
}else{
var marketSwiper = new Swiper('.market-swiper',{
loop:true,//开启循环播放
autoplay: {//开启自动播放
delay:3000,
disableOnInteraction: false,//触摸后不会停止自动滚动
pauseOnMouseEnter: true,//鼠标置于swiper时暂停自动切换，鼠标离开时恢复自动切换。
},
pagination: {
el: '.market-swiper .swiper-pagination',
clickable :true,
},
on:{
init: function(){
swiperAnimateCache(this); // 隐藏动画元素
swiperAnimate(this); // 初始化完成开始动画
},
slideChangeTransitionEnd: function(){
swiperAnimate(this); // 每个slide切换结束时也运行当前slide动画
// this.slides.eq(this.activeIndex).find('.ani').removeClass('ani'); 动画只展现一次，去除ani类名
},
}
});
}
}
// 执行加载动画 // 执行加载动画
@ -272,17 +299,15 @@ $(function(){
$('.head .nav').removeClass('active'); $('.head .nav').removeClass('active');
}); });
// 手机端二级导航 // 手机端二级导航
if(screen.width <= 768){ if(screen.width <= 768){
if($('.sub-nav-services').length){ if($('.sub-nav-bg').length){
var num = $('.sub-nav-services>a').length; let parentWidth = $('.sub-nav-bg').width();
var intervalWidth = 0.6*(num-1); let offsetLeft = $('.sub-nav>.active').offset().left;
var widthStr = 0; if(offsetLeft>parentWidth/2){
for(var i=0;i<num;i++){ $('.sub-nav').scrollLeft(offsetLeft);
widthStr += $('.sub-nav-services>a').eq(i).width();
} }
var allWidth = `calc(${widthStr}px + ${intervalWidth}rem')`;
$('.sub-nav-services').css('width',allWidth);
} }
} }

85
market.html
View File

@ -50,86 +50,117 @@
</div> </div>
<!-- 当前位置&二级导航 --> <!-- 当前位置&二级导航 -->
<div class="position-nav-bg pull-margin bg-col-f5"> <div class="position-nav-bg pull-margin bg-col-f5 pc-show">
<div class="position-sub-nav w1360 flex"> <div class="position-sub-nav w1360 flex">
<!-- 当前位置 --> <!-- 当前位置 -->
<div class="position flex"> <div class="position flex pc-show">
<div class="img"><img src="images/icon/icon-position.png" alt="当前位置"></span></div> <div class="img"><img src="images/icon/icon-position.png" alt="当前位置"></span></div>
<div class="txt color-blue flex"><a href="index.html">首页</a><a href="services.html">物业服务</a>友邻集市服务</div> <div class="txt color-blue flex"><a href="index.html">首页</a><a href="services.html">物业服务</a>友邻集市服务</div>
</div> </div>
<!-- 二级导航 --> <!-- 二级导航 -->
<div class="sub-nav"> <div class="sub-nav-bg">
<a href="services.html">住宅物业服务</a> <div class="sub-nav">
<a href="services.html">商企物业服务</a> <a href="services.html">住宅物业服务</a>
<a href="services.html">园区物业服务</a> <a href="services.html">商企物业服务</a>
<a href="addedValue.html">社区增值服务</a> <a href="services.html">园区物业服务</a>
<a href="market.html" class="active">友邻集市服务</a> <a href="addedValue.html">社区增值服务</a>
<a href="market.html" class="active">友邻集市服务</a>
</div>
</div> </div>
</div> </div>
</div> </div>
<!-- 导航 --> <!-- 中正社区 -->
<div class="market-banner w1360 wap-show">
<!-- 标题 -->
<div class="detai-title">
<h1 class="color-blue wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">中正社区</h1>
<div class="sub-bid wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">zhongzheng</div>
</div>
<div class="market-banner-swiper swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="images/market-activity.jpg" alt="中正社区">
</div>
<div class="swiper-slide">
<img src="images/market-activity.jpg" alt="中正社区">
</div>
<div class="swiper-slide">
<img src="images/market-activity.jpg" alt="中正社区">
</div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
<!-- 友邻集市 -->
<div class="market-nav w1360 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="market-nav w1360 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<!-- 标题 -->
<div class="detai-title wap-show">
<h1 class="color-blue wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">友邻集市</h1>
<div class="sub-bid wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">生活便民服务</div>
</div>
<!-- 列表 -->
<div class="market-list flex"> <div class="market-list flex">
<a href="marketDetail.html" class="market-item bg-col-f5"> <a href="marketDetail.html" class="market-item bg-col-f5">
<span><img src="images/market-nav-01.png" alt="启民粮油"></span> <span><img src="images/market-nav-01.png" alt="启民粮油"></span>
<h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">启民粮油</h2> <h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">启民粮油</h2>
<p class="capitalize color-66 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Qimin grain and edible oil</p> <p class="capitalize color-66 pc-show wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Qimin grain and edible oil</p>
</a> </a>
<a href="marketDetail.html" class="market-item bg-col-f5"> <a href="marketDetail.html" class="market-item bg-col-f5">
<span><img src="images/market-nav-02.png" alt="果蔬农场"></span> <span><img src="images/market-nav-02.png" alt="果蔬农场"></span>
<h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">果蔬农场</h2> <h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">果蔬农场</h2>
<p class="capitalize color-66 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Fruit and vegetable farm</p> <p class="capitalize color-66 pc-show wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Fruit and vegetable farm</p>
</a> </a>
<a href="marketDetail.html" class="market-item bg-col-f5"> <a href="marketDetail.html" class="market-item bg-col-f5">
<span><img src="images/market-nav-03.png" alt="牧区肉业"></span> <span><img src="images/market-nav-03.png" alt="牧区肉业"></span>
<h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">牧区肉业</h2> <h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">牧区肉业</h2>
<p class="capitalize color-66 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Meat industry in pastoral areas</p> <p class="capitalize color-66 pc-show wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Meat industry in pastoral areas</p>
</a> </a>
<a href="marketDetail.html" class="market-item bg-col-f5"> <a href="marketDetail.html" class="market-item bg-col-f5">
<span><img src="images/market-nav-04.png" alt="可汗御厨"></span> <span><img src="images/market-nav-04.png" alt="可汗御厨"></span>
<h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">可汗御厨</h2> <h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">可汗御厨</h2>
<p class="capitalize color-66 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Khan's imperial Chef</p> <p class="capitalize color-66 pc-show wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Khan's imperial Chef</p>
</a> </a>
<a href="marketDetail.html" class="market-item bg-col-f5"> <a href="marketDetail.html" class="market-item bg-col-f5">
<span><img src="images/market-nav-05.png" alt="巴音布崎"></span> <span><img src="images/market-nav-05.png" alt="巴音布崎"></span>
<h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">巴音布崎</h2> <h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">巴音布崎</h2>
<p class="capitalize color-66 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Bayin Buqi</p> <p class="capitalize color-66 pc-show wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Bayin Buqi</p>
</a> </a>
<a href="marketDetail.html" class="market-item bg-col-f5"> <a href="marketDetail.html" class="market-item bg-col-f5">
<span><img src="images/market-nav-06.png" alt="家具定制"></span> <span><img src="images/market-nav-06.png" alt="家具定制"></span>
<h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">家具定制</h2> <h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">家具定制</h2>
<p class="capitalize color-66 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Furniture Customization</p> <p class="capitalize color-66 pc-show wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Furniture Customization</p>
</a> </a>
<a href="marketDetail.html" class="market-item bg-col-f5"> <a href="marketDetail.html" class="market-item bg-col-f5">
<span><img src="images/market-nav-07.png" alt="租赁中心"></span> <span><img src="images/market-nav-07.png" alt="租赁中心"></span>
<h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">租赁中心</h2> <h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">租赁中心</h2>
<p class="capitalize color-66 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Rental center</p> <p class="capitalize color-66 pc-show wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Rental center</p>
</a> </a>
<a href="marketDetail.html" class="market-item bg-col-f5"> <a href="marketDetail.html" class="market-item bg-col-f5">
<span><img src="images/market-nav-08.png" alt="家政预约"></span> <span><img src="images/market-nav-08.png" alt="家政预约"></span>
<h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">家政预约</h2> <h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">家政预约</h2>
<p class="capitalize color-66 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Housekeeping appointment</p> <p class="capitalize color-66 pc-show wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Housekeeping appointment</p>
</a> </a>
<a href="marketDetail.html" class="market-item bg-col-f5"> <a href="marketDetail.html" class="market-item bg-col-f5">
<span><img src="images/market-nav-01.png" alt="启民粮油"></span> <span><img src="images/market-nav-01.png" alt="启民粮油"></span>
<h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">启民粮油</h2> <h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">启民粮油</h2>
<p class="capitalize color-66 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Qimin grain and edible oil</p> <p class="capitalize color-66 pc-show wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Qimin grain and edible oil</p>
</a> </a>
<a href="marketDetail.html" class="market-item bg-col-f5"> <a href="marketDetail.html" class="market-item bg-col-f5">
<span><img src="images/market-nav-02.png" alt="果蔬农场"></span> <span><img src="images/market-nav-02.png" alt="果蔬农场"></span>
<h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">果蔬农场</h2> <h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">果蔬农场</h2>
<p class="capitalize color-66 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Fruit and vegetable farm</p> <p class="capitalize color-66 pc-show wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Fruit and vegetable farm</p>
</a> </a>
<a href="marketDetail.html" class="market-item bg-col-f5"> <a href="marketDetail.html" class="market-item bg-col-f5">
<span><img src="images/market-nav-03.png" alt="牧区肉业"></span> <span><img src="images/market-nav-03.png" alt="牧区肉业"></span>
<h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">牧区肉业</h2> <h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">牧区肉业</h2>
<p class="capitalize color-66 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Meat industry in pastoral areas</p> <p class="capitalize color-66 pc-show wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Meat industry in pastoral areas</p>
</a> </a>
<a href="marketDetail.html" class="market-item bg-col-f5"> <a href="marketDetail.html" class="market-item bg-col-f5">
<span><img src="images/market-nav-04.png" alt="可汗御厨"></span> <span><img src="images/market-nav-04.png" alt="可汗御厨"></span>
<h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">可汗御厨</h2> <h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">可汗御厨</h2>
<p class="capitalize color-66 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Khan's imperial Chef</p> <p class="capitalize color-66 pc-show wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Khan's imperial Chef</p>
</a> </a>
</div> </div>
</div> </div>
@ -143,7 +174,7 @@
<div class="market-activity-txt color-white"> <div class="market-activity-txt color-white">
<em class="font-helvetica capitalize ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0">High end cabinet series</em> <em class="font-helvetica capitalize ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0">High end cabinet series</em>
<h2 class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.2s">高端橱柜系列</h2> <h2 class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.2s">高端橱柜系列</h2>
<p class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.4s">巴音孟克以为世人谋幸福为使命，为用户实现梦想为宗旨经过多年的拼搏历程,在巴音孟克人的共同努力下，如今巴音孟克已成为一个多元化发展的大型企业 凝心聚力用户的梦想就是我们的...</p> <p class="pc-show ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.4s">巴音孟克以为世人谋幸福为使命，为用户实现梦想为宗旨经过多年的拼搏历程,在巴音孟克人的共同努力下，如今巴音孟克已成为一个多元化发展的大型企业 凝心聚力用户的梦想就是我们的...</p>
<span class="article-more-btn color-ff ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.6s">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span> <span class="article-more-btn color-ff ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.6s">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
</div> </div>
</a> </a>
@ -152,7 +183,7 @@
<div class="market-activity-txt color-white"> <div class="market-activity-txt color-white">
<em class="font-helvetica capitalize ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0">High end cabinet series</em> <em class="font-helvetica capitalize ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0">High end cabinet series</em>
<h2 class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.2s">高端橱柜系列</h2> <h2 class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.2s">高端橱柜系列</h2>
<p class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.4s">巴音孟克以为世人谋幸福为使命，为用户实现梦想为宗旨经过多年的拼搏历程,在巴音孟克人的共同努力下，如今巴音孟克已成为一个多元化发展的大型企业 凝心聚力用户的梦想就是我们的...</p> <p class="pc-show ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.4s">巴音孟克以为世人谋幸福为使命，为用户实现梦想为宗旨经过多年的拼搏历程,在巴音孟克人的共同努力下，如今巴音孟克已成为一个多元化发展的大型企业 凝心聚力用户的梦想就是我们的...</p>
<span class="article-more-btn color-ff ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.6s">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span> <span class="article-more-btn color-ff ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.6s">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
</div> </div>
</a> </a>
@ -161,7 +192,7 @@
<div class="market-activity-txt color-white"> <div class="market-activity-txt color-white">
<em class="font-helvetica capitalize ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0">High end cabinet series</em> <em class="font-helvetica capitalize ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0">High end cabinet series</em>
<h2 class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.2s">高端橱柜系列</h2> <h2 class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.2s">高端橱柜系列</h2>
<p class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.4s">巴音孟克以为世人谋幸福为使命，为用户实现梦想为宗旨经过多年的拼搏历程,在巴音孟克人的共同努力下，如今巴音孟克已成为一个多元化发展的大型企业 凝心聚力用户的梦想就是我们的...</p> <p class="pc-show ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.4s">巴音孟克以为世人谋幸福为使命，为用户实现梦想为宗旨经过多年的拼搏历程,在巴音孟克人的共同努力下，如今巴音孟克已成为一个多元化发展的大型企业 凝心聚力用户的梦想就是我们的...</p>
<span class="article-more-btn color-ff ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.6s">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span> <span class="article-more-btn color-ff ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.6s">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
</div> </div>
</a> </a>
@ -170,10 +201,10 @@
</div> </div>
</div> </div>
<!-- 服务优势 --> <!-- 服务优势 -->
<div class="pull-section pull-content-bg market-advantage wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="pull-section pull-content-bg market-advantage bg-col-f5 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="profile-title culture-title honor-title w1360"> <div class="profile-title culture-title honor-title w1360">
<p class="capitalize font-helvetica color-blue wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">Enterprise honor</p> <p class="capitalize font-helvetica color-blue wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">Service Advantages</p>
<strong class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">企业荣誉</strong> <strong class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">服务优势</strong>
</div> </div>
<div class="market-advantage-list flex w1360 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="market-advantage-list flex w1360 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="item bg-col-white"> <div class="item bg-col-white">

31
marketDetail.html
View File

@ -50,7 +50,7 @@
</div> </div>
<!-- 当前位置&二级导航 --> <!-- 当前位置&二级导航 -->
<div class="position-nav-bg pull-margin bg-col-f5"> <div class="position-nav-bg pull-margin bg-col-f5 pc-show">
<div class="position-sub-nav w1360 flex"> <div class="position-sub-nav w1360 flex">
<!-- 当前位置 --> <!-- 当前位置 -->
<div class="position flex"> <div class="position flex">
@ -58,12 +58,14 @@
<div class="txt color-blue flex"><a href="index.html">首页</a><a href="services.html">物业服务</a><a href="market.html">友邻集市服务</a>家具定制</div> <div class="txt color-blue flex"><a href="index.html">首页</a><a href="services.html">物业服务</a><a href="market.html">友邻集市服务</a>家具定制</div>
</div> </div>
<!-- 二级导航 --> <!-- 二级导航 -->
<div class="sub-nav"> <div class="sub-nav-bg">
<a href="services.html">住宅物业服务</a> <div class="sub-nav">
<a href="services.html">商企物业服务</a> <a href="services.html">住宅物业服务</a>
<a href="services.html">园区物业服务</a> <a href="services.html">商企物业服务</a>
<a href="addedValue.html">社区增值服务</a> <a href="services.html">园区物业服务</a>
<a href="market.html" class="active">友邻集市服务</a> <a href="addedValue.html">社区增值服务</a>
<a href="market.html" class="active">友邻集市服务</a>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -71,10 +73,19 @@
<!-- 内容 --> <!-- 内容 -->
<div class="pull-section pull-content-bg content-bg-white"> <div class="pull-section pull-content-bg content-bg-white">
<div class="activities-detail-txt market-detail-txt flex w1360 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="activities-detail-txt market-detail-txt flex w1360 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<h1 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">家具定制</h1> <div class="detail-top">
<div class="sub-bid color-blue wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">家是温馨的避风港</div> <!-- 标题 -->
<div class="detai-title">
<h1 class="color-blue wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">家具定制</h1>
<div class="sub-bid wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">家是温馨的避风港</div>
<a href="market.html" class="back-btn wap-show flex">返回列表</a>
</div>
</div>
<!-- 详情 -->
<div class="rich-txt rich-txt-market wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="rich-txt rich-txt-market wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="img wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"><img src="images/market-text.jpg" alt="简介"></div> <p>若干年后，一定会有伟人和各行各业的领袖人物从这里走出去，这是枫叶中西教育优化结合接着，巴音孟克投资集团李山董事长、罗眸汎总裁与枫叶教育集团创始人·董事长任书良博士在贵宾接待室就双方发挥优势，融合资源，携手发展等事宜进行深度交谈。的独特体系决定的。”2009年，枫叶教育集团创始人·董事长任书良博士在第三届枫叶教育论坛上的讲话一语成箴。2020年11月18日，巴音孟克投资集团董事长李山先生率队，应邀赴枫叶教育集团进行考察，与枫叶教育集团创始人·董事长任书良博士会晤商讨，谋求合作，汲取智慧，共畅未来。</p> <br /> <p>悠悠大连港，智慧与激情齐飞；拳拳枫叶情，梦想共长天一色。一个伟大的品牌，代表着一种质地丰厚的社会理念；一个伟大的理念，指导一项伟大的行动；一项伟大的行动，创造一个伟大的品牌。枫叶教育集团致力创建发展成为一个伟大的中国教育品牌，巴音孟克投资集团的使命是捍卫中国品牌，为用户和家人谋幸福。</p>
</div>
<div class="market-atlas wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="img wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"><img src="images/market-activity.jpg" alt="详情"></div> <div class="img wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"><img src="images/market-activity.jpg" alt="详情"></div>
<div class="img wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"><img src="images/market-detail.png" alt="图集"></div> <div class="img wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"><img src="images/market-detail.png" alt="图集"></div>
</div> </div>

15
redPropert.html
View File

@ -49,18 +49,23 @@
</div> </div>
</div> </div>
<!-- 列表页banner -->
<div class="pull-banner w100 wap-show"><img src="images/banner-services.jpg" alt="关于我们"></div>
<!-- 当前位置&二级导航 --> <!-- 当前位置&二级导航 -->
<div class="position-nav-bg pull-margin bg-col-f5"> <div class="position-nav-bg pull-margin bg-col-f5">
<div class="position-sub-nav w1360 flex"> <div class="position-sub-nav w1360 flex">
<!-- 当前位置 --> <!-- 当前位置 -->
<div class="position flex"> <div class="position flex pc-show">
<div class="img"><img src="images/icon/icon-position.png" alt="当前位置"></span></div> <div class="img"><img src="images/icon/icon-position.png" alt="当前位置"></span></div>
<div class="txt color-blue flex"><a href="index.html">首页</a><a href="redPropert.html">项目案例</a>红色物业</div> <div class="txt color-blue flex"><a href="index.html">首页</a><a href="redPropert.html">项目案例</a>红色物业</div>
</div> </div>
<!-- 二级导航 --> <!-- 二级导航 -->
<div class="sub-nav"> <div class="sub-nav-bg">
<a href="redPropert.html" class="active">红色物业</a> <div class="sub-nav">
<a href="topQuality.html">臻品项目</a> <a href="redPropert.html" class="active">红色物业</a>
<a href="topQuality.html">臻品项目</a>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -69,7 +74,7 @@
<div class="pull-section pull-profile-bg wow fadeInUp"> <div class="pull-section pull-profile-bg wow fadeInUp">
<div class="company-profile company-culture flex w1360"> <div class="company-profile company-culture flex w1360">
<div class="txt"> <div class="txt">
<div class="profile-title culture-title"> <div class="profile-title culture-title project-title">
<p class="capitalize font-helvetica color-blue wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">Red Property</p> <p class="capitalize font-helvetica color-blue wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">Red Property</p>
<strong class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">红色物业</strong> <strong class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">红色物业</strong>
</div> </div>

22
redPropertDetail.html
View File

@ -50,17 +50,19 @@
</div> </div>
<!-- 当前位置&二级导航 --> <!-- 当前位置&二级导航 -->
<div class="position-nav-bg pull-margin bg-col-f5"> <div class="position-nav-bg pull-margin bg-col-f5 pc-show">
<div class="position-sub-nav w1360 flex"> <div class="position-sub-nav w1360 flex">
<!-- 当前位置 --> <!-- 当前位置 -->
<div class="position flex"> <div class="position flex pc-show">
<div class="img"><img src="images/icon/icon-position.png" alt="当前位置"></span></div> <div class="img"><img src="images/icon/icon-position.png" alt="当前位置"></span></div>
<div class="txt color-blue flex"><a href="index.html">首页</a><a href="redPropert.html">项目案例</a><a href="redPropert.html">红色物业</a>红色物业标题</div> <div class="txt color-blue flex"><a href="index.html">首页</a><a href="redPropert.html">项目案例</a><a href="redPropert.html">红色物业</a>红色物业标题</div>
</div> </div>
<!-- 二级导航 --> <!-- 二级导航 -->
<div class="sub-nav"> <div class="sub-nav-bg">
<a href="redPropert.html" class="active">红色物业</a> <div class="sub-nav">
<a href="topQuality.html">臻品项目</a> <a href="redPropert.html" class="active">红色物业</a>
<a href="topQuality.html">臻品项目</a>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -69,7 +71,7 @@
<div class="pull-section pull-profile-bg wow fadeInUp"> <div class="pull-section pull-profile-bg wow fadeInUp">
<div class="company-profile company-culture flex w1360"> <div class="company-profile company-culture flex w1360">
<div class="txt"> <div class="txt">
<div class="profile-title culture-title" style="margin-bottom: 10px;"> <div class="profile-title culture-title project-detail-title" style="margin-bottom: 10px;">
<strong class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">朝阳壹号 名校旁 智能品质大宅</strong> <strong class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">朝阳壹号 名校旁 智能品质大宅</strong>
</div> </div>
<div class="profile-info culture-info red-property-info wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="profile-info culture-info red-property-info wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
@ -91,8 +93,14 @@
</div> </div>
<!-- 项目内容 --> <!-- 项目内容 -->
<div class="rich-txt rich-txt-market project-detail bg-col-white w1360 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="rich-txt rich-txt-market project-detail bg-col-white w1360 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="img wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"><img src="images/project-detail.jpg" alt="简介"></div> <!-- 简介 -->
<!-- <p></p> -->
<!-- 图集 -->
<div class="market-atlas wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="img wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"><img src="images/project-detail.jpg" alt="简介"></div>
</div>
</div> </div>
<!-- 推荐项目 --> <!-- 推荐项目 -->
<div class="project-flag wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="project-flag wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="title w1360 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">推荐项目</div> <div class="title w1360 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">推荐项目</div>

2
services.html
View File

@ -62,7 +62,7 @@
</div> </div>
<!-- 二级导航 --> <!-- 二级导航 -->
<div class="sub-nav-bg"> <div class="sub-nav-bg">
<div class="sub-nav sub-nav-services"> <div class="sub-nav">
<a href="services.html" class="active">住宅物业服务</a> <a href="services.html" class="active">住宅物业服务</a>
<a href="services.html">商企物业服务</a> <a href="services.html">商企物业服务</a>
<a href="services.html">园区物业服务</a> <a href="services.html">园区物业服务</a>

71
servicesDetail.html
View File

@ -50,7 +50,7 @@
</div> </div>
<!-- 当前位置&二级导航 --> <!-- 当前位置&二级导航 -->
<div class="position-nav-bg pull-margin bg-col-f5"> <div class="position-nav-bg pull-margin bg-col-f5 pc-show">
<div class="position-sub-nav w1360 flex"> <div class="position-sub-nav w1360 flex">
<!-- 当前位置 --> <!-- 当前位置 -->
<div class="position flex"> <div class="position flex">
@ -71,41 +71,50 @@
<!-- 服务详情 --> <!-- 服务详情 -->
<div class="pull-section pull-content-bg content-bg-white"> <div class="pull-section pull-content-bg content-bg-white">
<div class="activities-detail w1360 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="activities-detail w1360 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<!-- 轮播 --> <div class="detail-top">
<div class="detail-swiper swiper"> <!-- 轮播 -->
<div class="swiper-wrapper"> <div class="detail-swiper swiper">
<div class="swiper-slide"> <div class="swiper-wrapper">
<img src="images/services-01.jpg" alt="物业服务"> <div class="swiper-slide">
</div> <img src="images/activities-detail.jpg" alt="活动详情">
<div class="swiper-slide"> </div>
<img src="images/services-02.jpg" alt="物业服务"> <div class="swiper-slide">
</div> <img src="images/activities-detail.jpg" alt="活动详情">
<div class="swiper-slide"> </div>
<img src="images/services-03.jpg" alt="物业服务"> <div class="swiper-slide">
</div> <img src="images/activities-detail.jpg" alt="活动详情">
<div class="swiper-slide"> </div>
<img src="images/services-04.jpg" alt="物业服务"> <div class="swiper-slide">
</div> <img src="images/activities-detail.jpg" alt="活动详情">
<div class="swiper-slide"> </div>
<img src="images/services-05.jpg" alt="物业服务"> <div class="swiper-slide">
</div> <img src="images/activities-detail.jpg" alt="活动详情">
<div class="swiper-slide"> </div>
<img src="images/services-06.jpg" alt="物业服务"> <div class="swiper-slide">
</div> <img src="images/activities-detail.jpg" alt="活动详情">
<div class="swiper-slide"> </div>
<img src="images/services-07.jpg" alt="物业服务"> <div class="swiper-slide">
<img src="images/activities-detail.jpg" alt="活动详情">
</div>
<div class="swiper-slide">
<img src="images/activities-detail.jpg" alt="活动详情">
</div>
</div> </div>
<!-- 切换按钮 -->
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
<!-- 分页器 -->
<div class="swiper-pagination"></div>
</div>
<!-- 标题 -->
<div class="detai-title">
<h1 class="color-blue wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">安全管理服务</h1>
<div class="sub-bid wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">全域AI智能安全守护</div>
<a href="services.html" class="back-btn wap-show flex">返回列表</a>
</div> </div>
<!-- 切换按钮 -->
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
<!-- 分页器 -->
<div class="swiper-pagination"></div>
</div> </div>
<!-- 详情 --> <!-- 详情 -->
<div class="activities-detail-txt flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="activities-detail-txt flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<h1 class="color-blue wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">安全管理服务</h1>
<div class="sub-bid wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">全域AI智能安全守护</div>
<div class="rich-txt color-66 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="rich-txt color-66 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<p style="text-indent: 2em;">若干年后，一定会有伟人和各行各业的领袖人物从这里走出去，这是枫叶中西教育优化结合接着，巴音孟克投资集团李山董事长、罗眸汎总裁与枫叶教育集团创始人·董事长任书良博士在贵宾接待室就双方发挥优势，融合资源，携手发展等事宜进行深度交谈。的独特体系决定的。2009年，枫叶教育集团创始人·董事长任书良博士在第三届枫叶教育论坛上的讲话一语成箴。2020年11月18日，巴音孟克投资集团董事长李山先生率队，应邀赴枫叶教育集团进行考察，与枫叶教育集团创始人·董事长任书良博士会晤商讨，谋求合作，汲取智慧，共畅未来。</p> <p style="text-indent: 2em;">若干年后，一定会有伟人和各行各业的领袖人物从这里走出去，这是枫叶中西教育优化结合接着，巴音孟克投资集团李山董事长、罗眸汎总裁与枫叶教育集团创始人·董事长任书良博士在贵宾接待室就双方发挥优势，融合资源，携手发展等事宜进行深度交谈。的独特体系决定的。2009年，枫叶教育集团创始人·董事长任书良博士在第三届枫叶教育论坛上的讲话一语成箴。2020年11月18日，巴音孟克投资集团董事长李山先生率队，应邀赴枫叶教育集团进行考察，与枫叶教育集团创始人·董事长任书良博士会晤商讨，谋求合作，汲取智慧，共畅未来。</p>
<br /> <br />

13
topQuality.html
View File

@ -49,18 +49,23 @@
</div> </div>
</div> </div>
<!-- 列表页banner -->
<div class="pull-banner w100 wap-show"><img src="images/banner-services.jpg" alt="关于我们"></div>
<!-- 当前位置&二级导航 --> <!-- 当前位置&二级导航 -->
<div class="position-nav-bg pull-margin bg-col-f5"> <div class="position-nav-bg pull-margin bg-col-f5">
<div class="position-sub-nav w1360 flex"> <div class="position-sub-nav w1360 flex">
<!-- 当前位置 --> <!-- 当前位置 -->
<div class="position flex"> <div class="position flex pc-show">
<div class="img"><img src="images/icon/icon-position.png" alt="当前位置"></span></div> <div class="img"><img src="images/icon/icon-position.png" alt="当前位置"></span></div>
<div class="txt color-blue flex"><a href="index.html">首页</a><a href="redPropert.html">项目案例</a>臻品项目</div> <div class="txt color-blue flex"><a href="index.html">首页</a><a href="redPropert.html">项目案例</a>臻品项目</div>
</div> </div>
<!-- 二级导航 --> <!-- 二级导航 -->
<div class="sub-nav"> <div class="sub-nav-bg">
<a href="redPropert.html">红色物业</a> <div class="sub-nav">
<a href="topQuality.html" class="active">臻品项目</a> <a href="redPropert.html">红色物业</a>
<a href="topQuality.html" class="active">臻品项目</a>
</div>
</div> </div>
</div> </div>
</div> </div>