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

pc端剩3个叶念未完成

master
Lee 2022-09-26 18:22:55 +08:00
parent c42016abe8
commit fb319938f8
53 changed files with 1478 additions and 466 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
activities.html
View File

@ -45,7 +45,7 @@
<!-- 当前位置 --> <!-- 当前位置 -->
<div class="position flex"> <div class="position flex">
<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="/">首页</a>品牌活动</div> <div class="txt color-blue flex"><a href="index.html">首页</a><a href="activities.html">媒体中心</a>品牌活动</div>
</div> </div>
<!-- 二级导航 --> <!-- 二级导航 -->
<div class="sub-nav"> <div class="sub-nav">

6
activitiesDetail.html
View File

@ -46,7 +46,7 @@
<!-- 当前位置 --> <!-- 当前位置 -->
<div class="position flex"> <div class="position flex">
<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="/">首页</a><a href="">品牌活动</a>植树造林·绿化家园 中正物业植树活动</div> <div class="txt color-blue flex"><a href="index.html">首页</a><a href="activities.html">媒体中心</a><a href="activities.html">品牌活动</a>植树造林·绿化家园 中正物业植树活动</div>
</div> </div>
<!-- 二级导航 --> <!-- 二级导航 -->
<div class="sub-nav"> <div class="sub-nav">
@ -94,7 +94,7 @@
<div class="swiper-pagination"></div> <div class="swiper-pagination"></div>
</div> </div>
<!-- 详情 --> <!-- 详情 -->
<div class="activities-detail-txt 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> <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 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">
@ -112,7 +112,7 @@
</div> </div>
<!-- 尾部 --> <!-- 尾部 -->
<div class="footer wow fadeInUp"> <div class="footer">
<div class="foot flex w1360"> <div class="foot flex w1360">
<div class="foot-left flex"> <div class="foot-left flex">
<div class="item"> <div class="item">

37
addedValue.html
View File

@ -46,7 +46,7 @@
<!-- 当前位置 --> <!-- 当前位置 -->
<div class="position flex"> <div class="position flex">
<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="/">首页</a><a href="">物业服务</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">
@ -58,10 +58,41 @@
</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="services-list w1360">
<a href="addedValueDetail.html" class="item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="img"><img src="images/services-05.jpg" alt="全能型管家"></div>
<div class="item-mask"></div>
<div class="txt">
<h2 class="color-coffee wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">全能型管家</h2>
<p class="capitalize wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">Versatile Housekeeper</p>
<span class="article-more-btn color-coffee wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">查看详情<img src="images/icon/icon-arrow-coffee.png" alt="查看详情"></span>
</div>
</a>
<a href="addedValueDetail.html" class="item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="img"><img src="images/services-06.jpg" alt="生活服务"></div>
<div class="item-mask"></div>
<div class="txt">
<h2 class="color-coffee wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">生活服务</h2>
<p class="capitalize wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">Life Service</p>
<span class="article-more-btn color-coffee wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">查看详情<img src="images/icon/icon-arrow-coffee.png" alt="查看详情"></span>
</div>
</a>
<a href="addedValueDetail.html" class="item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="img"><img src="images/services-07.jpg" alt="工程管理服务"></div>
<div class="item-mask"></div>
<div class="txt">
<h2 class="color-coffee wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">房屋委托</h2>
<p class="capitalize wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">House Entrustment</p>
<span class="article-more-btn color-coffee wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">查看详情<img src="images/icon/icon-arrow-coffee.png" alt="查看详情"></span>
</div>
</a>
</div>
</div>
<!-- 尾部 --> <!-- 尾部 -->
<div class="footer wow fadeInUp"> <div class="footer">
<div class="foot flex w1360"> <div class="foot flex w1360">
<div class="foot-left flex"> <div class="foot-left flex">
<div class="item"> <div class="item">

68
addedValueDetail.html
View File

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

2
complaint.html
View File

@ -46,7 +46,7 @@
<!-- 当前位置 --> <!-- 当前位置 -->
<div class="position flex"> <div class="position flex">
<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="/">首页</a>投诉建议</div> <div class="txt color-blue flex"><a href="index.html">首页</a>投诉建议</div>
</div> </div>
</div> </div>
</div> </div>

2
cooperation.html
View File

@ -46,7 +46,7 @@
<!-- 当前位置 --> <!-- 当前位置 -->
<div class="position flex"> <div class="position flex">
<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="/">首页</a><a href="">加入中正</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">

4
css/base.css
View File

@ -113,6 +113,10 @@ textarea {
color: #333333; color: #333333;
} }
.color-coffee{
color: #6e4e1f
}
.color-white{ .color-white{
color: #ffffff; color: #ffffff;
} }

456
css/style.css
View File

@ -483,7 +483,7 @@
transform: scale(1.1); transform: scale(1.1);
} }
.project-case-list>a>.txt { .project-case-list>a .txt {
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
width: 100%; width: 100%;
@ -493,7 +493,8 @@
} }
.project-case-list>a:hover .txt { .project-case-list>a:hover .txt {
color: #0e357f; background-color: #0e357f;
color: #ffffff;
} }
.project-case-list>a>.txt p { .project-case-list>a>.txt p {
@ -834,6 +835,10 @@
max-height: 620px; max-height: 620px;
} }
.history-swiper .swiper-slide {
cursor: pointer;
}
.history-time { .history-time {
padding-top: 20px; padding-top: 20px;
width: 160px; width: 160px;
@ -894,7 +899,21 @@
width: 550px; width: 550px;
} }
.history .img>img { .history .img>span {
display: block;
width: 100%;
height: 0;
opacity: 0;
overflow: hidden;
transition: all .6s;
}
.history .img>span.active {
height: auto;
opacity: 1;
}
.history .img img {
width: 100%; width: 100%;
} }
@ -917,6 +936,7 @@
height: 0; height: 0;
overflow: hidden; overflow: hidden;
} */ } */
.history-swiper-bg .swiper-button-prev>span, .history-swiper-bg .swiper-button-prev>span,
.history-swiper-bg .swiper-button-next>span { .history-swiper-bg .swiper-button-next>span {
justify-content: center; justify-content: center;
@ -932,7 +952,6 @@
display: none; display: none;
} }
/* 企业荣誉 */ /* 企业荣誉 */
.honor-title { .honor-title {
text-align: center; text-align: center;
@ -1035,7 +1054,6 @@
background-size: 100%; background-size: 100%;
} }
/* 品牌活动 */ /* 品牌活动 */
.activities-title { .activities-title {
margin-bottom: 35px; margin-bottom: 35px;
@ -1225,6 +1243,11 @@
height: 680px; height: 680px;
} }
.detail-swiper .swiper-slide img {
width: 100%;
min-height: 680px;
}
.detail-swiper .swiper-pagination { .detail-swiper .swiper-pagination {
color: #ffffff; color: #ffffff;
font-size: 24px; font-size: 24px;
@ -1263,29 +1286,46 @@
} }
/* 内容 */ /* 内容 */
.activities-detail-txt{ .activities-detail-txt {
flex-wrap: wrap;
justify-content: space-between;
padding-top: 35px; padding-top: 35px;
} }
.activities-detail-txt>h1{
.activities-detail-txt>h1 {
width: 100%;
font-size: 30px; font-size: 30px;
font-weight: normal; font-weight: normal;
margin: 4px; margin: 4px;
} }
.activities-detail-txt>.sub-bid{
.activities-detail-txt>.sub-bid {
width: 100%;
font-size: 20px; font-size: 20px;
font-weight: bold; font-weight: bold;
} }
.activities-detail-txt .rich-txt{
.activities-detail-txt .rich-txt {
margin-top: 26px; margin-top: 26px;
font-size: 15px; font-size: 15px;
line-height: 2; line-height: 2;
text-align: justify;
} }
.activities-detail-txt .rich-txt img{
.activities-detail-txt .rich-txt img {
max-width: 100%; max-width: 100%;
} }
.activities-detail-txt .rich-txt-added {
width: calc(100% - 556px);
}
.activities-detail-txt .rich-img {
width: 518px;
}
/* 上下篇 */ /* 上下篇 */
.part-list{ .part-list {
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
height: 55px; height: 55px;
@ -1293,20 +1333,23 @@
margin-top: 30px; margin-top: 30px;
border-top: 1px solid #e6e9ee; border-top: 1px solid #e6e9ee;
} }
.part-list>em{
.part-list>em {
width: 20px; width: 20px;
height: 19px; height: 19px;
background-image: url(../images/icon/icon-part.png); background-image: url(../images/icon/icon-part.png);
background-size: cover; background-size: cover;
} }
.part-list>.item{ .part-list>.item {
width: calc(50% - 15px); width: calc(50% - 15px);
} }
.part-list>.item>a{
.part-list>.item>a {
max-width: calc(100% - 65px); max-width: calc(100% - 65px);
} }
.part-list>.item:nth-of-type(2){
.part-list>.item:nth-of-type(2) {
justify-content: flex-end; justify-content: flex-end;
} }
@ -1494,48 +1537,56 @@
} }
/* 新闻详情 */ /* 新闻详情 */
.news-detail-bg{ .news-detail-bg {
justify-content: space-between; justify-content: space-between;
padding: 40px 0; padding: 40px 0;
} }
.news-detail-txt{
.news-detail-txt {
width: calc(100% - 420px); width: calc(100% - 420px);
} }
.news-detail-txt>h1{
.news-detail-txt>h1 {
font-size: 26px; font-size: 26px;
font-weight: normal; font-weight: normal;
} }
.news-detail-txt>.news-survey{
.news-detail-txt>.news-survey {
height: 50px; height: 50px;
padding: 6px 0 10px; padding: 6px 0 10px;
font-size: 14px; font-size: 14px;
border-bottom: 1px solid #e4e9f0; border-bottom: 1px solid #e4e9f0;
} }
.news-detail-txt>.news-survey>span{
.news-detail-txt>.news-survey>span {
align-items: center; align-items: center;
margin-right: 18px; margin-right: 18px;
} }
.news-detail-txt>.news-survey>span:last-child{
.news-detail-txt>.news-survey>span:last-child {
margin-right: 0; margin-right: 0;
} }
.news-detail-txt>.news-survey>span img{
.news-detail-txt>.news-survey>span img {
margin-right: 5px; margin-right: 5px;
} }
.news-detail-txt .rich-txt{
.news-detail-txt .rich-txt {
font-size: 15px; font-size: 15px;
line-height: 1.85; line-height: 1.85;
margin-top: 18px; margin-top: 18px;
} }
.news-detail-txt .rich-txt img{ .news-detail-txt .rich-txt img {
max-width: 100%; max-width: 100%;
} }
.news-side{ .news-side {
width: 380px; width: 380px;
margin-top: 10px; margin-top: 10px;
} }
.news-side-services{
.news-side-services {
display: block; display: block;
width: 100%; width: 100%;
height: 280px; height: 280px;
@ -1543,28 +1594,31 @@
background-size: 100%; background-size: 100%;
margin-bottom: 20px; margin-bottom: 20px;
} }
.news-side-services>p{
.news-side-services>p {
font-size: 30px; font-size: 30px;
line-height: 1.1; line-height: 1.1;
} }
.news-side-services>span{
.news-side-services>span {
display: block; display: block;
font-size: 22px; font-size: 22px;
margin-top: 6px; margin-top: 6px;
} }
.news-side-flag{ .news-side-flag {
width: 100%; width: 100%;
height: 230px; height: 230px;
padding: 26px; padding: 26px;
background-size: 100%; background-size: 100%;
} }
.news-side-flag>p{ .news-side-flag>p {
font-size: 22px; font-size: 22px;
margin-top: 70px; margin-top: 70px;
} }
.news-side-flag>strong{
.news-side-flag>strong {
display: block; display: block;
word-break: break-all; word-break: break-all;
font-size: 32px; font-size: 32px;
@ -1572,3 +1626,343 @@
opacity: .15; opacity: .15;
letter-spacing: -0.5px; letter-spacing: -0.5px;
} }
/* 物业服务 */
.services-list {
padding: 10px 0;
}
.services-list .item {
justify-content: flex-end;
width: 100%;
height: 450px;
background-color: rgba(231, 218, 183, 1);
margin-bottom: 40px;
position: relative;
}
.services-list .item .img {
max-width: 70%;
height: 450px;
overflow: hidden;
}
.services-list .item .img>img {
min-height: 450px;
transition: all .6s;
}
.services-list .item:hover .img>img {
transform: scale(1.1);
}
.services-list .item .txt {
position: absolute;
left: 90px;
top: 50%;
z-index: 9;
transform: translateY(-50%);
}
.services-list .item .txt h2 {
font-size: 28px;
}
.services-list .item .txt p {
font-size: 26px;
color: #a5874b;
margin-top: 6px;
}
.services-list .item .txt .article-more-btn {
justify-content: flex-start;
margin-top: 50px;
}
.services-list .item-mask {
width: 30%;
height: 100%;
background-image: linear-gradient(to right, rgba(231, 218, 183, 1), rgba(231, 218, 183, .95), rgba(231, 218, 183, 0));
position: absolute;
left: 30%;
top: 0;
z-index: 1;
}
/* 社区增值服务详情 */
.resource-advantage {
padding-bottom: 50px;
}
.advantage-item {
padding: 35px;
margin-bottom: 28px;
}
.advantage-item:last-child {
margin-bottom: 0;
}
.advantage-item h2 {
font-size: 24px;
}
.advantage-item>ins {
display: block;
width: 35px;
height: 3px;
margin: 15px 0 20px;
}
.advantage-item p {
font-size: 15px;
line-height: 1.85;
}
/* 友邻市集服务 */
.market-nav {
padding: 22px 0 38px;
}
.market-list {
flex-wrap: wrap;
max-height: 466px;
overflow-y: auto;
}
.market-list::-webkit-scrollbar{
width: 4px;
height: 100%;
background-color: rgba(14, 53, 127, .1);
}
.market-list::-webkit-scrollbar-thumb{
background-color: rgba(14, 53, 127, .7);
}
.market-item{
width: calc(25% - 12px);
height: 225px;
margin-right: 16px;
text-align: center;
}
.market-item:nth-of-type(4n){
margin-right: 0;
}
.market-item:nth-of-type(n+5){
margin-top: 16px;
}
.market-item>span {
display: flex;
justify-content: center;
align-items: center;
width: 110px;
height: 110px;
margin: 20px auto 15px;
background-color: #ffffff;
border-radius: 100%;
}
.market-item>span>img {
max-height: 100%;
transition: all .6s;
}
.market-item>h2 {
font-size: 22px;
font-weight: normal;
transition: all .6s;
}
.market-item>p {
font-size: 14px;
margin-top: 6px;
transition: all .6s;
}
.market-item:hover img{
transform: scale(1.1);
}
.market-item:hover h2{
color: #09357f;
}
.market-item:hover p{
color: rgba(14, 53, 127, .6);
}
/* 活动展示 */
.market-activity{
height: 680px;
}
.market-swiper .swiper-slide{
position: relative;
}
.market-swiper .swiper-slide>img{
width: 100%;
min-height: 680px;
}
.market-activity-txt{
position: absolute;
left: 70px;
top: 70px;
z-index: 1;
}
.market-activity-txt>em{
display: block;
font-size: 24px;
}
.market-activity-txt>h2{
font-size: 28px;
margin: 3px 0 15px;
}
.market-activity-txt>p{
width: 455px;
font-size: 15px;
line-height: 1.85;
}
.market-activity-txt>.article-more-btn{
justify-content: flex-start;
margin-top: 46px;
}
.market-activity-txt>.article-more-btn img{
filter: grayscale(100%) brightness(100);
}
/* 分页按钮 */
.market-activity .swiper-pagination-bullet{
width: 14px;
height: 14px;
background-color: rgba(255,255,255,.5);
opacity: 1;
margin: 0 8px !important;
}
.market-activity .swiper-pagination-bullet-active{
background-color: #fe8917;
}
.market-activity .swiper-pagination{
bottom: 20px !important;
}
/* 服务优势 */
.market-advantage{
margin-top: 40px;
}
.market-advantage-list{
flex-wrap: wrap;
padding-top: 10px;
}
.market-advantage-list .item{
width: calc(25% - 19.5px);
height: 225px;
margin: 20px 26px 0 0;
text-align: center;
}
.market-advantage-list .item:nth-of-type(4n){
margin-right: 0;
}
.market-advantage-list .item>em{
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 75px;
margin: 42px 0 25px;
}
.market-advantage-list .item>em img{
max-height: 100%;
}
.market-advantage-list .item>p{
font-size: 22px;
}
.market-advantage-list .item>span{
display: block;
font-size: 14px;
margin-top: 2px;
}
/* 友邻集市服务详情 */
.market-detail-txt{
padding-bottom: 40px;
}
.market-detail-txt>h1{
font-size: 28px;
font-weight: bold;
}
.market-detail-txt .sub-bid{
font-size: 18px;
font-weight: normal;
margin-top: 2px;
}
.rich-txt-market .img{
margin-bottom: 20px;
}
.rich-txt-market .img:nth-last-of-type(1){
margin-bottom: 0;
}
/* 红色物业 */
.red-property-case{
flex-wrap: wrap;
margin-top: -20px !important;
}
.red-property-case>a{
width: calc(33.33% - 24px);
margin: 30px 36px 0 0;
}
.red-property-case>a:nth-of-type(4n){
margin-right: 36px;
}
.red-property-case>a:nth-of-type(3n){
margin-right: 0;
}
.red-property-case>a>.img{
height: 280px;
}
.red-property-case>a .info{
padding: 18px;
transition: all .6s;
}
.red-property-case>a .txt{
padding: 0;
height: auto;
font-size: 18px;
font-weight: bold;
transition: all .6s;
}
.red-property-case>a .txt>span{
font-size: 20px;
}
.red-property-case>a .info>p{
font-size: 14px;
line-height: 1.7;
margin-top: 7px;
transition: all .6s;
}
.red-property-case>a:hover .txt{
background: none;
}
.red-property-case>a:hover .info{
background-color: #09357f;
}
.red-property-case>a:hover .info>p{
color: #ffffff;
}
/* 红色物业详情 */
.red-property-info{
margin-top: 0;
}
.project-detail{
padding: 50px 60px;
}
/* 推荐项目 */
.project-flag{
padding: 45px 0 10px;
}
.project-flag>.title{
font-size: 28px;
font-weight: bold;
}

2
culture.html
View File

@ -46,7 +46,7 @@
<!-- 当前位置 --> <!-- 当前位置 -->
<div class="position flex"> <div class="position flex">
<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="/">首页</a><a href="">关于我们</a>企业文化</div> <div class="txt color-blue flex"><a href="index.html">首页</a><a href="introduction.html">关于我们</a>企业文化</div>
</div> </div>
<!-- 二级导航 --> <!-- 二级导航 -->
<div class="sub-nav"> <div class="sub-nav">

45
footer.html
View File

@ -1,45 +0,0 @@
<div class="foot flex w1360">
<div class="foot-left flex">
<div class="item">
<a href="javascript:void(0);">企业介绍</a>
<div class="sub-item">
<a href="introduction.html">公司简介</a>
<a href="culture.html">企业文化</a>
<a href="history.html">大事记</a>
<a href="honors.html">荣誉资质</a>
</div>
</div>
<div class="item">
<a href="javascript:void(0);">物业服务</a>
<div class="sub-item">
<a href="services.html">住宅物业服务</a> <a href="services.html">商企物业服务</a> <a href="services.html">园区物业服务</a> <a href="addedValue.html">社区增值服务</a> <a href="market.html">友邻集市服务</a>
</div>
</div>
<div class="item item-cantact">
<a href="javascript:void(0);">联系我们</a>
<div class="sub-item contact-item">
<a href="javascript:void(0);">
<span><img src="images/icon/icon-address.png" alt="地址"></span>
<em>内蒙古鄂尔多斯市东胜区鄂尔多斯西街汇能大厦B座</em>
</a>
<a href="javascript:void(0);">
<span><img src="images/icon/icon-email.png" alt="邮箱"></span>
<em>zzwy@bymk.net</em>
</a>
<a href="tel:400-852-1199">
<span><img src="images/icon/icon-call-foot.png" alt="电话"></span>
<em>400-852-1199</em>
</a>
</div>
</div>
</div>
<div class="foot-right flex">
<div class="record-info">
<p>Copyright ©2022 鄂尔多斯市中正物业管理有限公司</p>
<p>All Rights Reserved <a href="https://beian.miit.gov.cn">粤ICP备12345689号-1</a></p>
</div>
<div class="qr-code">
<img src="images/public/qr-code.png" alt="二维码">
</div>
</div>
</div>

14
history.html
View File

@ -46,7 +46,7 @@
<!-- 当前位置 --> <!-- 当前位置 -->
<div class="position flex"> <div class="position flex">
<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="/">首页</a><a href="">关于我们</a>大事记</div> <div class="txt color-blue flex"><a href="index.html">首页</a><a href="introduction.html">关于我们</a>大事记</div>
</div> </div>
<!-- 二级导航 --> <!-- 二级导航 -->
<div class="sub-nav"> <div class="sub-nav">
@ -59,7 +59,7 @@
</div> </div>
<!-- 内容 --> <!-- 内容 -->
<div class="pull-section pull-content-bg content-bg-white wow fadeInUp"> <div class="pull-section pull-content-bg content-bg-white wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="history flex w1360"> <div class="history flex w1360">
<div class="txt"> <div class="txt">
<div class="profile-title history-title"> <div class="profile-title history-title">
@ -162,7 +162,15 @@
</div> </div>
</div> </div>
</div> </div>
<div class="img"><img src="images/public/history.png" alt="大事记"></div> <div class="img">
<span><img src="images/history.png" alt="2022"></span>
<span><img src="images/history.png" alt="2021"></span>
<span><img src="images/history.png" alt="2020"></span>
<span><img src="images/history.png" alt="2019"></span>
<span><img src="images/history.png" alt="2018"></span>
<span><img src="images/history.png" alt="2017"></span>
<span><img src="images/history.png" alt="2016"></span>
</div>
</div> </div>
</div> </div>
<!-- 尾部 --> <!-- 尾部 -->

2
honors.html
View File

@ -46,7 +46,7 @@
<!-- 当前位置 --> <!-- 当前位置 -->
<div class="position flex"> <div class="position flex">
<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="/">首页</a><a href="">关于我们</a>企业荣誉</div> <div class="txt color-blue flex"><a href="index.html">首页</a><a href="introduction.html">关于我们</a>企业荣誉</div>
</div> </div>
<!-- 二级导航 --> <!-- 二级导航 -->
<div class="sub-nav"> <div class="sub-nav">

0
images/public/history.png → images/history.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 338 KiB

After

Width:  |  Height:  |  Size: 338 KiB

BIN
images/icon/icon-arrow-coffee.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
images/market-activity.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 773 KiB

BIN
images/market-detail.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 MiB

BIN
images/market-nav-01.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
images/market-nav-02.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 28 KiB

BIN
images/market-nav-03.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 28 KiB

BIN
images/market-nav-04.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

BIN
images/market-nav-05.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

BIN
images/market-nav-06.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 24 KiB

BIN
images/market-nav-07.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

BIN
images/market-nav-08.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.7 KiB

BIN
images/market-text.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 144 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 MiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.7 KiB

BIN
images/public/advantage-03.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.2 KiB

BIN
images/public/advantage-04.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

BIN
images/red-property.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 234 KiB

BIN
images/services-01.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 407 KiB

BIN
images/services-02.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 314 KiB

BIN
images/services-03.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 165 KiB

BIN
images/services-04.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 227 KiB

BIN
images/services-05.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 250 KiB

BIN
images/services-06.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 252 KiB

BIN
images/services-07.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 339 KiB

BIN
images/services-detail.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 116 KiB

2
introduction.html
View File

@ -46,7 +46,7 @@
<!-- 当前位置 --> <!-- 当前位置 -->
<div class="position flex"> <div class="position flex">
<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="/">首页</a><a href="">关于我们</a>企业简介</div> <div class="txt color-blue flex"><a href="index.html">首页</a><a href="introduction.html">关于我们</a>企业简介</div>
</div> </div>
<!-- 二级导航 --> <!-- 二级导航 -->
<div class="sub-nav"> <div class="sub-nav">

2
join.html
View File

@ -46,7 +46,7 @@
<!-- 当前位置 --> <!-- 当前位置 -->
<div class="position flex"> <div class="position flex">
<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="/">首页</a><a href="">加入中正</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">

2
joinDetail.html
View File

@ -46,7 +46,7 @@
<!-- 当前位置 --> <!-- 当前位置 -->
<div class="position flex"> <div class="position flex">
<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="/">首页</a><a href="">加入中正</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">

31
js/script.js
View File

@ -108,6 +108,11 @@ $(function(){
prevEl: '.history-swiper-bg .swiper-button-prev', prevEl: '.history-swiper-bg .swiper-button-prev',
}, },
}); });
$('.history .img>span').eq(0).addClass('active');
$('.history-swiper .swiper-slide').click(function(){
$('.history .img>span').eq($(this).index()).addClass("active").siblings().removeClass('active');
})
} }
@ -159,6 +164,32 @@ $(function(){
}); });
} }
// 友邻市集服务活动切换
if($('.market-swiper').length){
var historySwiper = 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类名
},
}
});
}
// 执行加载动画 // 执行加载动画

134
market.html
View File

@ -46,7 +46,7 @@
<!-- 当前位置 --> <!-- 当前位置 -->
<div class="position flex"> <div class="position flex">
<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="/">首页</a><a href="">物业服务</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">
@ -59,6 +59,138 @@
</div> </div>
</div> </div>
<!-- 导航 -->
<div class="market-nav w1360 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="market-list flex">
<a href="marketDetail.html" class="market-item bg-col-f5">
<span><img src="images/market-nav-01.png" alt="启民粮油"></span>
<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>
</a>
<a href="marketDetail.html" class="market-item bg-col-f5">
<span><img src="images/market-nav-02.png" alt="果蔬农场"></span>
<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>
</a>
<a href="marketDetail.html" class="market-item bg-col-f5">
<span><img src="images/market-nav-03.png" alt="牧区肉业"></span>
<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>
</a>
<a href="marketDetail.html" class="market-item bg-col-f5">
<span><img src="images/market-nav-04.png" alt="可汗御厨"></span>
<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>
</a>
<a href="marketDetail.html" class="market-item bg-col-f5">
<span><img src="images/market-nav-05.png" alt="巴音布崎"></span>
<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>
</a>
<a href="marketDetail.html" class="market-item bg-col-f5">
<span><img src="images/market-nav-06.png" alt="家具定制"></span>
<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>
</a>
<a href="marketDetail.html" class="market-item bg-col-f5">
<span><img src="images/market-nav-07.png" alt="租赁中心"></span>
<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>
</a>
<a href="marketDetail.html" class="market-item bg-col-f5">
<span><img src="images/market-nav-08.png" alt="家政预约"></span>
<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>
</a>
<a href="marketDetail.html" class="market-item bg-col-f5">
<span><img src="images/market-nav-01.png" alt="启民粮油"></span>
<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>
</a>
<a href="marketDetail.html" class="market-item bg-col-f5">
<span><img src="images/market-nav-02.png" alt="果蔬农场"></span>
<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>
</a>
<a href="marketDetail.html" class="market-item bg-col-f5">
<span><img src="images/market-nav-03.png" alt="牧区肉业"></span>
<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>
</a>
<a href="marketDetail.html" class="market-item bg-col-f5">
<span><img src="images/market-nav-04.png" alt="可汗御厨"></span>
<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>
</a>
</div>
</div>
<!-- 活动展示 -->
<div class="market-activity">
<div class="market-swiper swiper w1360 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="swiper-wrapper">
<a href="marketDetail.html" class="swiper-slide">
<img src="images/market-activity.jpg" alt="活动展示">
<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>
<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>
<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>
</a>
<a href="marketDetail.html" class="swiper-slide">
<img src="images/market-activity.jpg" alt="活动展示">
<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>
<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>
<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>
</a>
<a href="marketDetail.html" class="swiper-slide">
<img src="images/market-activity.jpg" alt="活动展示">
<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>
<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>
<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>
</a>
</div>
<div class="swiper-pagination"></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="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>
<strong class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">企业荣誉</strong>
</div>
<div class="market-advantage-list flex w1360 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="item bg-col-white">
<em><img src="images/public/advantage-01.png" alt="产业链联动"></em>
<p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">产业链联动</p>
<span class="capitalize color-66 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Industrial chain linkage</span>
</div>
<div class="item bg-col-white">
<em><img src="images/public/advantage-02.png" alt="更优质的服务"></em>
<p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">更优质的服务</p>
<span class="capitalize color-66 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Better service</span>
</div>
<div class="item bg-col-white">
<em><img src="images/public/advantage-03.png" alt="产品质量国家认证"></em>
<p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">产品质量国家认证</p>
<span class="capitalize color-66 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">National certification of product quality</span>
</div>
<div class="item bg-col-white">
<em><img src="images/public/advantage-04.png" alt="产品质量保证"></em>
<p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">产品质量保证</p>
<span class="capitalize color-66 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Product quality assurance</span>
</div>
</div>
</div>
<!-- 尾部 --> <!-- 尾部 -->
<div class="footer wow fadeInUp"> <div class="footer wow fadeInUp">

16
marketDetail.html
View File

@ -46,7 +46,7 @@
<!-- 当前位置 --> <!-- 当前位置 -->
<div class="position flex"> <div class="position flex">
<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="/">首页</a><a href="">物业服务</a>友邻集市服务</div> <div class="txt color-blue flex"><a href="/">首页</a><a href="services.html">物业服务</a><a href="market.html">友邻集市服务</a>家具定制</div>
</div> </div>
<!-- 二级导航 --> <!-- 二级导航 -->
<div class="sub-nav"> <div class="sub-nav">
@ -59,9 +59,21 @@
</div> </div>
</div> </div>
<!-- 内容 -->
<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">
<h1 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">家具定制</h1>
<div class="sub-bid color-blue wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">家是温馨的避风港</div>
<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>
<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>
</div>
</div>
<!-- 尾部 --> <!-- 尾部 -->
<div class="footer wow fadeInUp"> <div class="footer">
<div class="foot flex w1360"> <div class="foot flex w1360">
<div class="foot-left flex"> <div class="foot-left flex">
<div class="item"> <div class="item">

2
news.html
View File

@ -46,7 +46,7 @@
<!-- 当前位置 --> <!-- 当前位置 -->
<div class="position flex"> <div class="position flex">
<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="/">首页</a>媒体报道</div> <div class="txt color-blue flex"><a href="index.html">首页</a><a href="activities.html">媒体中心</a>媒体报道</div>
</div> </div>
<!-- 二级导航 --> <!-- 二级导航 -->
<div class="sub-nav"> <div class="sub-nav">

2
newsDetail.html
View File

@ -46,7 +46,7 @@
<!-- 当前位置 --> <!-- 当前位置 -->
<div class="position flex"> <div class="position flex">
<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="/">首页</a><a href="">媒体报道</a>媒体报道标题</div> <div class="txt color-blue flex"><a href="index.html">首页</a><a href="activities.html">媒体中心</a><a href="news.html">媒体报道</a>媒体报道标题</div>
</div> </div>
<!-- 二级导航 --> <!-- 二级导航 -->
<div class="sub-nav"> <div class="sub-nav">

95
redPropert.html
View File

@ -24,7 +24,7 @@
<div class="head flex w1360"> <div class="head flex w1360">
<div class="logo"><a href="/"><img src="images/public/logo.png" alt="中正物业"></a></div> <div class="logo"><a href="/"><img src="images/public/logo.png" alt="中正物业"></a></div>
<div class="nav flex"> <div class="nav flex">
<a href="/">首页</a> <a href="index.html">首页</a>
<a href="introduction.html">关于我们</a> <a href="introduction.html">关于我们</a>
<a href="activities.html">媒体中心</a> <a href="activities.html">媒体中心</a>
<a href="services.html">物业服务</a> <a href="services.html">物业服务</a>
@ -46,7 +46,7 @@
<!-- 当前位置 --> <!-- 当前位置 -->
<div class="position flex"> <div class="position flex">
<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="/">首页</a><a href="">项目案例</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">
@ -58,15 +58,98 @@
<!-- 简介 --> <!-- 简介 -->
<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="txt">
<div class="profile-title culture-title">
<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>
</div>
<div class="profile-info culture-info wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<p>巴音孟克以为世人谋幸福为使命，为用户实现梦想为宗旨。兢兢业业、披荆斩棘 。经过多年的拼搏历程,在巴音孟克人的共同努力下，如今巴音孟克已成为一个多元化发展的大型企业 。聚英才、整资源。凝心聚力 ，用户的梦想就是我们的任务。</p> <br /> <p>巴音孟克人以道德为本 ，以道为尊、以德为贵。我们将对小区的清洁卫生、绿化等项目提供高标准的服务，努力营造一个舒适、整洁、安逸的温馨氛围，呈现给业主最美的环境。我们实行8小时保洁制度，以保证小区的卫生达到要求，每日的卫生全面清扫在人流低谷时进行，尽量减少对业主的影响。</p>
</div>
</div>
<div class="img wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<img src="images/red-property.jpg" alt="企业文化">
</div>
</div>
</div> </div>
<!-- 内容 --> <!-- 内容 -->
<div class="pull-section pull-content-bg bg-col-f5 wow fadeInUp"> <div class="pull-section pull-content-bg bg-col-f5 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="profile-title culture-title honor-title">
<p class="capitalize font-helvetica color-blue wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">Red Property Project Display</p>
<strong class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">红色物业项目展示</strong>
</div> </div>
<div class="project-case-list red-property-case flex w1360">
<a href="redPropertDetail.html" class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="img"><img src="images/case-01.jpg" alt="成都领地环金广场"></div>
<div class="info bg-col-white">
<div class="txt flex">
<p class="clips1">成都领地环金广场</p>
<span>+</span>
</div>
<p class="color-66 clips2">数智化的保障和践行者以服务集团为核心的新型创新的新型创新服务组织人才科技创新创打造集团科技创新新地标...</p>
</div>
</a>
<a href="topQualityDetail.html" class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="img"><img src="images/case-02.jpg" alt="成都领地环金广场"></div>
<div class="info bg-col-white">
<div class="txt flex">
<p class="clips1">成都领地环金广场</p>
<span>+</span>
</div>
<p class="color-66 clips2">数智化的保障和践行者以服务集团为核心的新型创新的新型创新服务组织人才科技创新创打造集团科技创新新地标...</p>
</div>
</a>
<a href="redPropertDetail.html" class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="img"><img src="images/case-03.jpg" alt="成都领地环金广场"></div>
<div class="info bg-col-white">
<div class="txt flex">
<p class="clips1">成都领地环金广场</p>
<span>+</span>
</div>
<p class="color-66 clips2">数智化的保障和践行者以服务集团为核心的新型创新的新型创新服务组织人才科技创新创打造集团科技创新新地标...</p>
</div>
</a>
<a href="topQualityDetail.html" class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="img"><img src="images/case-04.jpg" alt="成都领地环金广场"></div>
<div class="info bg-col-white">
<div class="txt flex">
<p class="clips1">成都领地环金广场</p>
<span>+</span>
</div>
<p class="color-66 clips2">数智化的保障和践行者以服务集团为核心的新型创新的新型创新服务组织人才科技创新创打造集团科技创新新地标...</p>
</div>
</a>
<a href="redPropertDetail.html" class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="img"><img src="images/case-03.jpg" alt="成都领地环金广场"></div>
<div class="info bg-col-white">
<div class="txt flex">
<p class="clips1">成都领地环金广场</p>
<span>+</span>
</div>
<p class="color-66 clips2">数智化的保障和践行者以服务集团为核心的新型创新的新型创新服务组织人才科技创新创打造集团科技创新新地标...</p>
</div>
</a>
<a href="topQualityDetail.html" class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="img"><img src="images/case-04.jpg" alt="成都领地环金广场"></div>
<div class="info bg-col-white">
<div class="txt flex">
<p class="clips1">成都领地环金广场</p>
<span>+</span>
</div>
<p class="color-66 clips2">数智化的保障和践行者以服务集团为核心的新型创新的新型创新服务组织人才科技创新创打造集团科技创新新地标...</p>
</div>
</a>
</div>
<!-- 加载更多 -->
<div class="red-property-more w1360">
<div class="load-more-news bg-col-white color-blue">点击加载更多</div>
</div>
</div>
<!-- 尾部 --> <!-- 尾部 -->
<div class="footer wow fadeInUp"> <div class="footer">
<div class="foot flex w1360"> <div class="foot flex w1360">
<div class="foot-left flex"> <div class="foot-left flex">
<div class="item"> <div class="item">

66
redPropertDetail.html
View File

@ -46,7 +46,7 @@
<!-- 当前位置 --> <!-- 当前位置 -->
<div class="position flex"> <div class="position flex">
<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="/">首页</a><a href="">项目案例</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">
@ -58,13 +58,71 @@
<!-- 简介 --> <!-- 简介 -->
<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="txt">
<div class="profile-title culture-title" style="margin-bottom: 10px;">
<strong class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">朝阳壹号 名校旁 智能品质大宅</strong>
</div>
<div class="profile-info culture-info red-property-info wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<p>入驻时间：2021年10月10日</p> <p>建成时间：2021年10月10日</p> <p>小区面积：2021平方米</p> <p>住户人员：2562户</p> <p>项目概述：</p>
<p style="text-indent: 2em;">巴音孟克以为世人谋幸福为使命，为用户实现梦想为宗旨。兢兢业业、披荆斩棘 。经过多年的拼搏历程,在巴音孟克人的共同努力下，如今巴音孟克已成为一个多元化发展的大型企业 。聚英才、整资源。凝心聚力 ，用户的梦想就是我们的任务。我们将对小区的清洁卫生、绿化等项目提供高标准的服务，努力营造一个舒适、整洁、安逸的温馨氛围，呈现给业主最美的环境。</p>
</div>
</div>
<div class="img wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<img src="images/red-property.jpg" alt="企业文化">
</div>
</div>
</div> </div>
<!-- 内容 --> <!-- 项目展示 -->
<div class="pull-section pull-content-bg bg-col-f5 wow fadeInUp"> <div class="pull-section pull-content-bg bg-col-f5 wow fadeInUp">
<div class="profile-title culture-title honor-title">
<p class="capitalize font-helvetica color-blue wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">Project Display</p>
<strong class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">项目展示</strong>
</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="img wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"><img src="images/project-detail.jpg" alt="简介"></div>
</div>
<!-- 推荐项目 -->
<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="project-case-list red-property-case flex w1360">
<a href="redPropertDetail.html" class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="img"><img src="images/case-01.jpg" alt="成都领地环金广场"></div>
<div class="info bg-col-white">
<div class="txt flex">
<p class="clips1">成都领地环金广场</p>
<span>+</span>
</div>
<p class="color-66 clips2">数智化的保障和践行者以服务集团为核心的新型创新的新型创新服务组织人才科技创新创打造集团科技创新新地标...</p>
</div>
</a>
<a href="topQualityDetail.html" class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="img"><img src="images/case-02.jpg" alt="成都领地环金广场"></div>
<div class="info bg-col-white">
<div class="txt flex">
<p class="clips1">成都领地环金广场</p>
<span>+</span>
</div>
<p class="color-66 clips2">数智化的保障和践行者以服务集团为核心的新型创新的新型创新服务组织人才科技创新创打造集团科技创新新地标...</p>
</div>
</a>
<a href="redPropertDetail.html" class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="img"><img src="images/case-03.jpg" alt="成都领地环金广场"></div>
<div class="info bg-col-white">
<div class="txt flex">
<p class="clips1">成都领地环金广场</p>
<span>+</span>
</div>
<p class="color-66 clips2">数智化的保障和践行者以服务集团为核心的新型创新的新型创新服务组织人才科技创新创打造集团科技创新新地标...</p>
</div>
</a>
</div>
</div>
</div>
<!-- 尾部 --> <!-- 尾部 -->
<div class="footer wow fadeInUp"> <div class="footer wow fadeInUp">
<div class="foot flex w1360"> <div class="foot flex w1360">

46
services.html
View File

@ -46,7 +46,7 @@
<!-- 当前位置 --> <!-- 当前位置 -->
<div class="position flex"> <div class="position flex">
<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="/">首页</a><a href="">物业服务</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">
@ -58,10 +58,50 @@
</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="services-list w1360">
<a href="servicesDetail.html" class="item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="img"><img src="images/services-01.jpg" alt="安全管理服务"></div>
<div class="item-mask"></div>
<div class="txt">
<h2 class="color-coffee wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">安全管理服务</h2>
<p class="capitalize wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">Safety Management Services</p>
<span class="article-more-btn color-coffee wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">查看详情<img src="images/icon/icon-arrow-coffee.png" alt="查看详情"></span>
</div>
</a>
<a href="servicesDetail.html" class="item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="img"><img src="images/services-02.jpg" alt="保洁绿化服务"></div>
<div class="item-mask"></div>
<div class="txt">
<h2 class="color-coffee wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">保洁绿化服务</h2>
<p class="capitalize wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">Cleaning And Greening Services</p>
<span class="article-more-btn color-coffee wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">查看详情<img src="images/icon/icon-arrow-coffee.png" alt="查看详情"></span>
</div>
</a>
<a href="servicesDetail.html" class="item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="img"><img src="images/services-03.jpg" alt="工程管理服务"></div>
<div class="item-mask"></div>
<div class="txt">
<h2 class="color-coffee wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">工程管理服务</h2>
<p class="capitalize wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">Engineering Management Services</p>
<span class="article-more-btn color-coffee wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">查看详情<img src="images/icon/icon-arrow-coffee.png" alt="查看详情"></span>
</div>
</a>
<a href="servicesDetail.html" class="item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="img"><img src="images/services-04.jpg" alt="客服管理服务"></div>
<div class="item-mask"></div>
<div class="txt">
<h2 class="color-coffee wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">客服管理服务</h2>
<p class="capitalize wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">Customer Service Management Service</p>
<span class="article-more-btn color-coffee wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">查看详情<img src="images/icon/icon-arrow-coffee.png" alt="查看详情"></span>
</div>
</a>
</div>
</div>
<!-- 尾部 --> <!-- 尾部 -->
<div class="footer wow fadeInUp"> <div class="footer">
<div class="foot flex w1360"> <div class="foot flex w1360">
<div class="foot-left flex"> <div class="foot-left flex">
<div class="item"> <div class="item">

58
servicesDetail.html
View File

@ -46,7 +46,7 @@
<!-- 当前位置 --> <!-- 当前位置 -->
<div class="position flex"> <div class="position flex">
<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="/">首页</a><a href="">物业服务</a>住宅物业服务</div> <div class="txt color-blue flex"><a href="index.html">首页</a><a href="services.html">物业服务</a><a href="services.html">住宅物业服务</a>安全管理服务</div>
</div> </div>
<!-- 二级导航 --> <!-- 二级导航 -->
<div class="sub-nav"> <div class="sub-nav">
@ -59,9 +59,63 @@
</div> </div>
</div> </div>
<!-- 服务详情 -->
<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="detail-swiper swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="images/services-01.jpg" alt="物业服务">
</div>
<div class="swiper-slide">
<img src="images/services-02.jpg" alt="物业服务">
</div>
<div class="swiper-slide">
<img src="images/services-03.jpg" alt="物业服务">
</div>
<div class="swiper-slide">
<img src="images/services-04.jpg" alt="物业服务">
</div>
<div class="swiper-slide">
<img src="images/services-05.jpg" alt="物业服务">
</div>
<div class="swiper-slide">
<img src="images/services-06.jpg" alt="物业服务">
</div>
<div class="swiper-slide">
<img src="images/services-07.jpg" alt="物业服务">
</div>
</div>
<!-- 切换按钮 -->
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
<!-- 分页器 -->
<div class="swiper-pagination"></div>
</div>
<!-- 详情 -->
<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">
<p style="text-indent: 2em;">若干年后，一定会有伟人和各行各业的领袖人物从这里走出去，这是枫叶中西教育优化结合接着，巴音孟克投资集团李山董事长、罗眸汎总裁与枫叶教育集团创始人·董事长任书良博士在贵宾接待室就双方发挥优势，融合资源，携手发展等事宜进行深度交谈。的独特体系决定的。2009年，枫叶教育集团创始人·董事长任书良博士在第三届枫叶教育论坛上的讲话一语成箴。2020年11月18日，巴音孟克投资集团董事长李山先生率队，应邀赴枫叶教育集团进行考察，与枫叶教育集团创始人·董事长任书良博士会晤商讨，谋求合作，汲取智慧，共畅未来。</p>
<br />
<p style="text-indent: 2em;">悠悠大连港，智慧与激情齐飞；拳拳枫叶情，梦想共长天一色。一个伟大的品牌，代表着一种质地丰厚的社会理念；一个伟大的理念，指导一项伟大的行动；一项伟大的行动，创造一个伟大的品牌。枫叶教育集团致力创建发展成为一个伟大的中国教育品牌，巴音孟克投资集团的使命是捍卫中国品牌，为用户和家人谋幸福。此次友好交流，为双方找到了新目标、新方法若干年后，一定会有伟人和各行各业的领袖人物从这里走出去，这是枫叶中西教育优化结合接着，巴音孟克投资集团李山董事长、罗眸汎总裁与枫叶教育集团创始人·董事长任书良博士在贵宾接待室就双方发挥优势，融合资源，携手发展等事宜进行深度交谈。的独特体系决定的。”2009年，枫叶教育集团创始人·董事长任书良博士在第三届枫叶教育论坛上的讲话一语成箴。2020年11月18日，巴音孟克投资集团董事长李山先生率队，应邀赴枫叶教育集团进行考察，与枫叶教育集团创始人·董事长任书良博士会晤商讨，谋求合作，汲取智慧，共畅未来。</p>
<br />
<p style="text-indent: 2em;">悠悠大连港，智慧与激情齐飞；拳拳枫叶情，梦想共长天一色。一个伟大的品牌，代表着一种质地丰厚的社会理念；指导一项伟大的行动；一项伟大的行动，创造一个伟大的品牌。枫叶教育集团致力创建发展成为一个伟大的中国教育品牌，巴音孟克投资集团的使命是捍卫中国品牌，为用户和家人谋幸福。此次友好交流，为双方找到了新目标、新方法，期待两企合作共塑中国新品牌。</p>
</div>
</div>
<!-- 上下篇 -->
<div class="part-list flex">
<div class="item flex"><strong class="color-blue">上一篇：</strong><a class="clips1" href="">品质提升|美好焕新，服务升级</a></div>
<em></em>
<div class="item flex"><strong class="color-blue">下一篇：</strong><a class="clips1" href="">年会盛典 | 融合梦想 奋进2022</a></div>
</div>
</div>
</div>
<!-- 尾部 --> <!-- 尾部 -->
<div class="footer wow fadeInUp"> <div class="footer">
<div class="foot flex w1360"> <div class="foot flex w1360">
<div class="foot-left flex"> <div class="foot-left flex">
<div class="item"> <div class="item">

93
topQuality.html
View File

@ -46,7 +46,7 @@
<!-- 当前位置 --> <!-- 当前位置 -->
<div class="position flex"> <div class="position flex">
<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="/">首页</a><a href="">项目案例</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">
@ -58,13 +58,98 @@
<!-- 简介 --> <!-- 简介 -->
<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="txt">
<div class="profile-title culture-title">
<p class="capitalize font-helvetica color-blue wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">Top Quality Project</p>
<strong class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">臻品项目</strong>
</div>
<div class="profile-info culture-info wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<p>巴音孟克以为世人谋幸福为使命，为用户实现梦想为宗旨。兢兢业业、披荆斩棘 。经过多年的拼搏历程,在巴音孟克人的共同努力下，如今巴音孟克已成为一个多元化发展的大型企业 。聚英才、整资源。凝心聚力 ，用户的梦想就是我们的任务。</p>
<br />
<p>巴音孟克人以道德为本 ，以道为尊、以德为贵。我们将对小区的清洁卫生、绿化等项目提供高标准的服务，努力营造一个舒适、整洁、安逸的温馨氛围，呈现给业主最美的环境。我们实行8小时保洁制度，以保证小区的卫生达到要求，每日的卫生全面清扫在人流低谷时进行，尽量减少对业主的影响。</p>
</div>
</div>
<div class="img wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<img src="images/red-property.jpg" alt="企业文化">
</div>
</div>
</div> </div>
<!-- 内容 --> <!-- 内容 -->
<div class="pull-section pull-content-bg bg-col-f5 wow fadeInUp"> <div class="pull-section pull-content-bg bg-col-f5 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="profile-title culture-title honor-title">
<p class="capitalize font-helvetica color-blue wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">Top Quality Project Display</p>
<strong class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">臻品项目展示</strong>
</div> </div>
<div class="project-case-list red-property-case flex w1360">
<a href="redPropertDetail.html" class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="img"><img src="images/case-01.jpg" alt="成都领地环金广场"></div>
<div class="info bg-col-white">
<div class="txt flex">
<p class="clips1">成都领地环金广场</p>
<span>+</span>
</div>
<p class="color-66 clips2">数智化的保障和践行者以服务集团为核心的新型创新的新型创新服务组织人才科技创新创打造集团科技创新新地标...</p>
</div>
</a>
<a href="topQualityDetail.html" class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="img"><img src="images/case-02.jpg" alt="成都领地环金广场"></div>
<div class="info bg-col-white">
<div class="txt flex">
<p class="clips1">成都领地环金广场</p>
<span>+</span>
</div>
<p class="color-66 clips2">数智化的保障和践行者以服务集团为核心的新型创新的新型创新服务组织人才科技创新创打造集团科技创新新地标...</p>
</div>
</a>
<a href="redPropertDetail.html" class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="img"><img src="images/case-03.jpg" alt="成都领地环金广场"></div>
<div class="info bg-col-white">
<div class="txt flex">
<p class="clips1">成都领地环金广场</p>
<span>+</span>
</div>
<p class="color-66 clips2">数智化的保障和践行者以服务集团为核心的新型创新的新型创新服务组织人才科技创新创打造集团科技创新新地标...</p>
</div>
</a>
<a href="topQualityDetail.html" class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="img"><img src="images/case-04.jpg" alt="成都领地环金广场"></div>
<div class="info bg-col-white">
<div class="txt flex">
<p class="clips1">成都领地环金广场</p>
<span>+</span>
</div>
<p class="color-66 clips2">数智化的保障和践行者以服务集团为核心的新型创新的新型创新服务组织人才科技创新创打造集团科技创新新地标...</p>
</div>
</a>
<a href="redPropertDetail.html" class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="img"><img src="images/case-03.jpg" alt="成都领地环金广场"></div>
<div class="info bg-col-white">
<div class="txt flex">
<p class="clips1">成都领地环金广场</p>
<span>+</span>
</div>
<p class="color-66 clips2">数智化的保障和践行者以服务集团为核心的新型创新的新型创新服务组织人才科技创新创打造集团科技创新新地标...</p>
</div>
</a>
<a href="topQualityDetail.html" class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="img"><img src="images/case-04.jpg" alt="成都领地环金广场"></div>
<div class="info bg-col-white">
<div class="txt flex">
<p class="clips1">成都领地环金广场</p>
<span>+</span>
</div>
<p class="color-66 clips2">数智化的保障和践行者以服务集团为核心的新型创新的新型创新服务组织人才科技创新创打造集团科技创新新地标...</p>
</div>
</a>
</div>
<!-- 加载更多 -->
<div class="red-property-more w1360">
<div class="load-more-news bg-col-white color-blue">点击加载更多</div>
</div>
</div>
<!-- 尾部 --> <!-- 尾部 -->
<div class="footer wow fadeInUp"> <div class="footer wow fadeInUp">
<div class="foot flex w1360"> <div class="foot flex w1360">

69
topQualityDetail.html
View File

@ -46,7 +46,7 @@
<!-- 当前位置 --> <!-- 当前位置 -->
<div class="position flex"> <div class="position flex">
<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="/">首页</a><a href="">项目案例</a>臻品项目</div> <div class="txt color-blue flex"><a href="index.html">首页</a><a href="redPropert.html">项目案例</a><a href="topQuality.html">臻品项目</a>臻品项目标题</div>
</div> </div>
<!-- 二级导航 --> <!-- 二级导航 -->
<div class="sub-nav"> <div class="sub-nav">
@ -58,13 +58,74 @@
<!-- 简介 --> <!-- 简介 -->
<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="txt">
<div class="profile-title culture-title" style="margin-bottom: 10px;">
<strong class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">朝阳壹号 名校旁 智能品质大宅</strong>
</div>
<div class="profile-info culture-info red-property-info wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<p>入驻时间：2021年10月10日</p>
<p>建成时间：2021年10月10日</p>
<p>小区面积：2021平方米</p>
<p>住户人员：2562户</p>
<p>项目概述：</p>
<p style="text-indent: 2em;">巴音孟克以为世人谋幸福为使命，为用户实现梦想为宗旨。兢兢业业、披荆斩棘 。经过多年的拼搏历程,在巴音孟克人的共同努力下，如今巴音孟克已成为一个多元化发展的大型企业 。聚英才、整资源。凝心聚力 ，用户的梦想就是我们的任务。我们将对小区的清洁卫生、绿化等项目提供高标准的服务，努力营造一个舒适、整洁、安逸的温馨氛围，呈现给业主最美的环境。</p>
</div>
</div>
<div class="img wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<img src="images/red-property.jpg" alt="企业文化">
</div>
</div>
</div> </div>
<!-- 内容 --> <!-- 项目展示 -->
<div class="pull-section pull-content-bg bg-col-f5 wow fadeInUp"> <div class="pull-section pull-content-bg bg-col-f5 wow fadeInUp">
<div class="profile-title culture-title honor-title">
<p class="capitalize font-helvetica color-blue wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">Project Display</p>
<strong class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">项目展示</strong>
</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="img wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"><img src="images/project-detail.jpg" alt="简介"></div>
</div>
<!-- 推荐项目 -->
<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="project-case-list red-property-case flex w1360">
<a href="redPropertDetail.html" class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="img"><img src="images/case-01.jpg" alt="成都领地环金广场"></div>
<div class="info bg-col-white">
<div class="txt flex">
<p class="clips1">成都领地环金广场</p>
<span>+</span>
</div>
<p class="color-66 clips2">数智化的保障和践行者以服务集团为核心的新型创新的新型创新服务组织人才科技创新创打造集团科技创新新地标...</p>
</div>
</a>
<a href="topQualityDetail.html" class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="img"><img src="images/case-02.jpg" alt="成都领地环金广场"></div>
<div class="info bg-col-white">
<div class="txt flex">
<p class="clips1">成都领地环金广场</p>
<span>+</span>
</div>
<p class="color-66 clips2">数智化的保障和践行者以服务集团为核心的新型创新的新型创新服务组织人才科技创新创打造集团科技创新新地标...</p>
</div>
</a>
<a href="redPropertDetail.html" class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="img"><img src="images/case-03.jpg" alt="成都领地环金广场"></div>
<div class="info bg-col-white">
<div class="txt flex">
<p class="clips1">成都领地环金广场</p>
<span>+</span>
</div>
<p class="color-66 clips2">数智化的保障和践行者以服务集团为核心的新型创新的新型创新服务组织人才科技创新创打造集团科技创新新地标...</p>
</div>
</a>
</div>
</div>
</div>
<!-- 尾部 --> <!-- 尾部 -->
<div class="footer wow fadeInUp"> <div class="footer wow fadeInUp">
<div class="foot flex w1360"> <div class="foot flex w1360">