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

完成部分手机样式

master
Lee 2022-09-28 18:25:41 +08:00
parent 3b43fb3cbc
commit cae166bc6f
36 changed files with 1927 additions and 302 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
activities.html
View File

@ -10,6 +10,7 @@
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<link rel="stylesheet" href="css/animate.min.css">
<script type="text/javascript" src="js/base.js"></script>
<script type="text/javascript" src="js/jquery-3.6.0.min.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.3.js"></script>
<script type="text/javascript" src="js/swiper-bundle.min.js"></script>
@ -24,6 +25,7 @@
<div class="head flex w1360">
<div class="logo"><a href="/"><img src="images/public/logo.png" alt="中正物业"></a></div>
<div class="nav flex">
<span><img src="images/public/logo.png" alt="中正物业"></a></span>
<a href="index.html">首页</a>
<a href="introduction.html">关于我们</a>
<a href="activities.html" class="active">媒体中心</a>
@ -31,14 +33,21 @@
<a href="redPropert.html">项目案例</a>
<a href="join.html">加入中正</a>
<a href="complaint.html">投诉建议</a>
</div>
</div>
<!-- 电话 -->
<a href="tel:400-852-1199" class="pull-call color-white flex">
<span class="bg-col-white flex"><img src="images/icon/icon-call-head.png" alt="电话"></span>
<span>400-852-1199</span>
</a>
</div>
<!-- 导航按钮 -->
<div class="nav-bg"></div>
<div class="head-btn">
<i class="bar-top"></i>
<i class="bar-cen"></i>
<i class="bar-bom"></i>
</div>
</div>
</div>
<!-- 当前位置&二级导航 -->
<div class="position-nav-bg pull-margin bg-col-f5">
<div class="position-sub-nav w1360 flex">
@ -149,7 +158,7 @@
<div class="foot flex w1360">
<div class="foot-left flex">
<div class="item">
<a href="javascript:void(0);">企业介绍</a>
<a href="javascript:void(0);">关于我们</a>
<div class="sub-item">
<a href="introduction.html">公司简介</a>
<a href="culture.html">企业文化</a>
@ -157,6 +166,13 @@
<a href="honors.html">荣誉资质</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">媒体中心</a>
<div class="sub-item">
<a href="activities.html">品牌活动</a>
<a href="news.html">媒体报道</a>
</div>
</div>
<div class="item">
<a href="javascript:void(0);">物业服务</a>
<div class="sub-item">
@ -167,7 +183,27 @@
<a href="market.html">友邻集市服务</a>
</div>
</div>
<div class="item item-cantact">
<div class="item wap-show">
<a href="javascript:void(0);">项目案例</a>
<div class="sub-item">
<a href="redPropert.html">红色物业</a>
<a href="topQuality.html">臻品项目</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">加入中正</a>
<div class="sub-item">
<a href="join.html">人才招聘</a>
<a href="cooperation.html">商务合作</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">投诉建议</a>
<div class="sub-item">
<a href="complaint.html">投诉建议</a>
</div>
</div>
<div class="item item-cantact pc-show">
<a href="javascript:void(0);">联系我们</a>
<div class="sub-item contact-item">
<a href="javascript:void(0);">

44
activitiesDetail.html
View File

@ -10,6 +10,7 @@
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<link rel="stylesheet" href="css/animate.min.css">
<script type="text/javascript" src="js/base.js"></script>
<script type="text/javascript" src="js/jquery-3.6.0.min.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.3.js"></script>
<script type="text/javascript" src="js/swiper-bundle.min.js"></script>
@ -24,6 +25,7 @@
<div class="head flex w1360">
<div class="logo"><a href="/"><img src="images/public/logo.png" alt="中正物业"></a></div>
<div class="nav flex">
<span><img src="images/public/logo.png" alt="中正物业"></a></span>
<a href="index.html">首页</a>
<a href="introduction.html">关于我们</a>
<a href="activities.html" class="active">媒体中心</a>
@ -31,14 +33,21 @@
<a href="redPropert.html">项目案例</a>
<a href="join.html">加入中正</a>
<a href="complaint.html">投诉建议</a>
</div>
</div>
<!-- 电话 -->
<a href="tel:400-852-1199" class="pull-call color-white flex">
<span class="bg-col-white flex"><img src="images/icon/icon-call-head.png" alt="电话"></span>
<span>400-852-1199</span>
</a>
</div>
<!-- 导航按钮 -->
<div class="nav-bg"></div>
<div class="head-btn">
<i class="bar-top"></i>
<i class="bar-cen"></i>
<i class="bar-bom"></i>
</div>
</div>
</div>
<!-- 当前位置&二级导航 -->
<div class="position-nav-bg pull-margin bg-col-f5">
@ -116,7 +125,7 @@
<div class="foot flex w1360">
<div class="foot-left flex">
<div class="item">
<a href="javascript:void(0);">企业介绍</a>
<a href="javascript:void(0);">关于我们</a>
<div class="sub-item">
<a href="introduction.html">公司简介</a>
<a href="culture.html">企业文化</a>
@ -124,6 +133,13 @@
<a href="honors.html">荣誉资质</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">媒体中心</a>
<div class="sub-item">
<a href="activities.html">品牌活动</a>
<a href="news.html">媒体报道</a>
</div>
</div>
<div class="item">
<a href="javascript:void(0);">物业服务</a>
<div class="sub-item">
@ -134,7 +150,27 @@
<a href="market.html">友邻集市服务</a>
</div>
</div>
<div class="item item-cantact">
<div class="item wap-show">
<a href="javascript:void(0);">项目案例</a>
<div class="sub-item">
<a href="redPropert.html">红色物业</a>
<a href="topQuality.html">臻品项目</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">加入中正</a>
<div class="sub-item">
<a href="join.html">人才招聘</a>
<a href="cooperation.html">商务合作</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">投诉建议</a>
<div class="sub-item">
<a href="complaint.html">投诉建议</a>
</div>
</div>
<div class="item item-cantact pc-show">
<a href="javascript:void(0);">联系我们</a>
<div class="sub-item contact-item">
<a href="javascript:void(0);">

44
addedValue.html
View File

@ -10,6 +10,7 @@
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<link rel="stylesheet" href="css/animate.min.css">
<script type="text/javascript" src="js/base.js"></script>
<script type="text/javascript" src="js/jquery-3.6.0.min.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.3.js"></script>
<script type="text/javascript" src="js/swiper-bundle.min.js"></script>
@ -24,6 +25,7 @@
<div class="head flex w1360">
<div class="logo"><a href="/"><img src="images/public/logo.png" alt="中正物业"></a></div>
<div class="nav flex">
<span><img src="images/public/logo.png" alt="中正物业"></a></span>
<a href="index.html">首页</a>
<a href="introduction.html">关于我们</a>
<a href="activities.html">媒体中心</a>
@ -31,14 +33,21 @@
<a href="redPropert.html">项目案例</a>
<a href="join.html">加入中正</a>
<a href="complaint.html">投诉建议</a>
</div>
</div>
<!-- 电话 -->
<a href="tel:400-852-1199" class="pull-call color-white flex">
<span class="bg-col-white flex"><img src="images/icon/icon-call-head.png" alt="电话"></span>
<span>400-852-1199</span>
</a>
</div>
<!-- 导航按钮 -->
<div class="nav-bg"></div>
<div class="head-btn">
<i class="bar-top"></i>
<i class="bar-cen"></i>
<i class="bar-bom"></i>
</div>
</div>
</div>
<!-- 当前位置&二级导航 -->
<div class="position-nav-bg pull-margin bg-col-f5">
@ -96,7 +105,7 @@
<div class="foot flex w1360">
<div class="foot-left flex">
<div class="item">
<a href="javascript:void(0);">企业介绍</a>
<a href="javascript:void(0);">关于我们</a>
<div class="sub-item">
<a href="introduction.html">公司简介</a>
<a href="culture.html">企业文化</a>
@ -104,6 +113,13 @@
<a href="honors.html">荣誉资质</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">媒体中心</a>
<div class="sub-item">
<a href="activities.html">品牌活动</a>
<a href="news.html">媒体报道</a>
</div>
</div>
<div class="item">
<a href="javascript:void(0);">物业服务</a>
<div class="sub-item">
@ -114,7 +130,27 @@
<a href="market.html">友邻集市服务</a>
</div>
</div>
<div class="item item-cantact">
<div class="item wap-show">
<a href="javascript:void(0);">项目案例</a>
<div class="sub-item">
<a href="redPropert.html">红色物业</a>
<a href="topQuality.html">臻品项目</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">加入中正</a>
<div class="sub-item">
<a href="join.html">人才招聘</a>
<a href="cooperation.html">商务合作</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">投诉建议</a>
<div class="sub-item">
<a href="complaint.html">投诉建议</a>
</div>
</div>
<div class="item item-cantact pc-show">
<a href="javascript:void(0);">联系我们</a>
<div class="sub-item contact-item">
<a href="javascript:void(0);">

48
addedValueDetail.html
View File

@ -10,6 +10,7 @@
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<link rel="stylesheet" href="css/animate.min.css">
<script type="text/javascript" src="js/base.js"></script>
<script type="text/javascript" src="js/jquery-3.6.0.min.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.3.js"></script>
<script type="text/javascript" src="js/swiper-bundle.min.js"></script>
@ -24,21 +25,29 @@
<div class="head flex w1360">
<div class="logo"><a href="/"><img src="images/public/logo.png" alt="中正物业"></a></div>
<div class="nav flex">
<span><img src="images/public/logo.png" alt="中正物业"></a></span>
<a href="index.html">首页</a>
<a href="introduction.html">关于我们</a>
<a href="activities.html">媒体中心</a>
<a href="services.html" class="active">物业服务</a>
<a href="activities.html" class="active">媒体中心</a>
<a href="services.html">物业服务</a>
<a href="redPropert.html">项目案例</a>
<a href="join.html">加入中正</a>
<a href="complaint.html">投诉建议</a>
</div>
</div>
<!-- 电话 -->
<a href="tel:400-852-1199" class="pull-call color-white flex">
<span class="bg-col-white flex"><img src="images/icon/icon-call-head.png" alt="电话"></span>
<span>400-852-1199</span>
</a>
</div>
<!-- 导航按钮 -->
<div class="nav-bg"></div>
<div class="head-btn">
<i class="bar-top"></i>
<i class="bar-cen"></i>
<i class="bar-bom"></i>
</div>
</div>
</div>
<!-- 当前位置&二级导航 -->
<div class="position-nav-bg pull-margin bg-col-f5">
@ -129,7 +138,7 @@
<div class="foot flex w1360">
<div class="foot-left flex">
<div class="item">
<a href="javascript:void(0);">企业介绍</a>
<a href="javascript:void(0);">关于我们</a>
<div class="sub-item">
<a href="introduction.html">公司简介</a>
<a href="culture.html">企业文化</a>
@ -137,6 +146,13 @@
<a href="honors.html">荣誉资质</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">媒体中心</a>
<div class="sub-item">
<a href="activities.html">品牌活动</a>
<a href="news.html">媒体报道</a>
</div>
</div>
<div class="item">
<a href="javascript:void(0);">物业服务</a>
<div class="sub-item">
@ -147,7 +163,27 @@
<a href="market.html">友邻集市服务</a>
</div>
</div>
<div class="item item-cantact">
<div class="item wap-show">
<a href="javascript:void(0);">项目案例</a>
<div class="sub-item">
<a href="redPropert.html">红色物业</a>
<a href="topQuality.html">臻品项目</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">加入中正</a>
<div class="sub-item">
<a href="join.html">人才招聘</a>
<a href="cooperation.html">商务合作</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">投诉建议</a>
<div class="sub-item">
<a href="complaint.html">投诉建议</a>
</div>
</div>
<div class="item item-cantact pc-show">
<a href="javascript:void(0);">联系我们</a>
<div class="sub-item contact-item">
<a href="javascript:void(0);">

44
complaint.html
View File

@ -10,6 +10,7 @@
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<link rel="stylesheet" href="css/animate.min.css">
<script type="text/javascript" src="js/base.js"></script>
<script type="text/javascript" src="js/jquery-3.6.0.min.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.3.js"></script>
<script type="text/javascript" src="js/swiper-bundle.min.js"></script>
@ -24,6 +25,7 @@
<div class="head flex w1360">
<div class="logo"><a href="/"><img src="images/public/logo.png" alt="中正物业"></a></div>
<div class="nav flex">
<span><img src="images/public/logo.png" alt="中正物业"></a></span>
<a href="index.html">首页</a>
<a href="introduction.html">关于我们</a>
<a href="activities.html">媒体中心</a>
@ -31,14 +33,21 @@
<a href="redPropert.html">项目案例</a>
<a href="join.html">加入中正</a>
<a href="complaint.html" class="active">投诉建议</a>
</div>
</div>
<!-- 电话 -->
<a href="tel:400-852-1199" class="pull-call color-white flex">
<span class="bg-col-white flex"><img src="images/icon/icon-call-head.png" alt="电话"></span>
<span>400-852-1199</span>
</a>
</div>
<!-- 导航按钮 -->
<div class="nav-bg"></div>
<div class="head-btn">
<i class="bar-top"></i>
<i class="bar-cen"></i>
<i class="bar-bom"></i>
</div>
</div>
</div>
<!-- 当前位置&二级导航 -->
<div class="position-nav-bg pull-margin bg-col-f5">
@ -88,7 +97,7 @@
<div class="foot flex w1360">
<div class="foot-left flex">
<div class="item">
<a href="javascript:void(0);">企业介绍</a>
<a href="javascript:void(0);">关于我们</a>
<div class="sub-item">
<a href="introduction.html">公司简介</a>
<a href="culture.html">企业文化</a>
@ -96,6 +105,13 @@
<a href="honors.html">荣誉资质</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">媒体中心</a>
<div class="sub-item">
<a href="activities.html">品牌活动</a>
<a href="news.html">媒体报道</a>
</div>
</div>
<div class="item">
<a href="javascript:void(0);">物业服务</a>
<div class="sub-item">
@ -106,7 +122,27 @@
<a href="market.html">友邻集市服务</a>
</div>
</div>
<div class="item item-cantact">
<div class="item wap-show">
<a href="javascript:void(0);">项目案例</a>
<div class="sub-item">
<a href="redPropert.html">红色物业</a>
<a href="topQuality.html">臻品项目</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">加入中正</a>
<div class="sub-item">
<a href="join.html">人才招聘</a>
<a href="cooperation.html">商务合作</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">投诉建议</a>
<div class="sub-item">
<a href="complaint.html">投诉建议</a>
</div>
</div>
<div class="item item-cantact pc-show">
<a href="javascript:void(0);">联系我们</a>
<div class="sub-item contact-item">
<a href="javascript:void(0);">

44
cooperation.html
View File

@ -10,6 +10,7 @@
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<link rel="stylesheet" href="css/animate.min.css">
<script type="text/javascript" src="js/base.js"></script>
<script type="text/javascript" src="js/jquery-3.6.0.min.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.3.js"></script>
<script type="text/javascript" src="js/swiper-bundle.min.js"></script>
@ -24,6 +25,7 @@
<div class="head flex w1360">
<div class="logo"><a href="/"><img src="images/public/logo.png" alt="中正物业"></a></div>
<div class="nav flex">
<span><img src="images/public/logo.png" alt="中正物业"></a></span>
<a href="index.html">首页</a>
<a href="introduction.html">关于我们</a>
<a href="activities.html">媒体中心</a>
@ -31,14 +33,21 @@
<a href="redPropert.html">项目案例</a>
<a href="join.html" class="active">加入中正</a>
<a href="complaint.html">投诉建议</a>
</div>
</div>
<!-- 电话 -->
<a href="tel:400-852-1199" class="pull-call color-white flex">
<span class="bg-col-white flex"><img src="images/icon/icon-call-head.png" alt="电话"></span>
<span>400-852-1199</span>
</a>
</div>
<!-- 导航按钮 -->
<div class="nav-bg"></div>
<div class="head-btn">
<i class="bar-top"></i>
<i class="bar-cen"></i>
<i class="bar-bom"></i>
</div>
</div>
</div>
<!-- 当前位置&二级导航 -->
<div class="position-nav-bg pull-margin bg-col-f5">
@ -114,7 +123,7 @@
<div class="foot flex w1360">
<div class="foot-left flex">
<div class="item">
<a href="javascript:void(0);">企业介绍</a>
<a href="javascript:void(0);">关于我们</a>
<div class="sub-item">
<a href="introduction.html">公司简介</a>
<a href="culture.html">企业文化</a>
@ -122,6 +131,13 @@
<a href="honors.html">荣誉资质</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">媒体中心</a>
<div class="sub-item">
<a href="activities.html">品牌活动</a>
<a href="news.html">媒体报道</a>
</div>
</div>
<div class="item">
<a href="javascript:void(0);">物业服务</a>
<div class="sub-item">
@ -132,7 +148,27 @@
<a href="market.html">友邻集市服务</a>
</div>
</div>
<div class="item item-cantact">
<div class="item wap-show">
<a href="javascript:void(0);">项目案例</a>
<div class="sub-item">
<a href="redPropert.html">红色物业</a>
<a href="topQuality.html">臻品项目</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">加入中正</a>
<div class="sub-item">
<a href="join.html">人才招聘</a>
<a href="cooperation.html">商务合作</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">投诉建议</a>
<div class="sub-item">
<a href="complaint.html">投诉建议</a>
</div>
</div>
<div class="item item-cantact pc-show">
<a href="javascript:void(0);">联系我们</a>
<div class="sub-item contact-item">
<a href="javascript:void(0);">

764
css/style.css
View File

@ -34,7 +34,7 @@
justify-content: flex-end;
}
.nav>span{
.nav>span {
display: none;
}
@ -112,24 +112,11 @@
filter: grayscale(100%) brightness(100);
}
/* 手机导航背景 */
.nav-bg{
/* 手机端导航按钮 */
.nav-bg,
.head .head-btn {
display: none;
}
/* 手机端导航按钮 */
.head .head-btn{ display: none; width: 24px; float: right; position: relative; cursor: pointer; z-index: 9999;}
.head .head-btn i{ display: block; width: 100%; height: 3px; float: left; background-color: #0e357f; border-radius: 2px;
transition: all .5s ease 0s;
-webkit-transition: all .5s ease 0s;
-moz-transition: all .5s ease 0s;
}
.head .head-btn i.bar-top{ margin-top: 0;}
.head .head-btn i.bar-cen{ margin-top: 6px;}
.head .head-btn i.bar-bom{ margin-top: 6px;}
.head .head-btn.cur i{background-color: #333333;}
.head .head-btn.cur i.bar-cen{ opacity: 0;}
.head .head-btn.cur i.bar-top{ -webkit-transform:rotate(45deg) translate(7.5px, 5px);transform:rotate(45deg) translate(7.5px, 5px);}
.head .head-btn.cur i.bar-bom{ -webkit-transform: rotate(-45deg) translate(7.5px, -5px);transform: rotate(-45deg) translate(7.5px, -5px);}
/* 尾部 */
.footer {
@ -218,9 +205,17 @@
flex-direction: column;
}
.banner-swiper .swiper-slide>a {
display: block;
width: 100%;
}
.banner-swiper .swiper-slide img {
width: 100%;
}
/* 轮播图文字 */
.banner-txt {
margin-top: 80px;
position: absolute;
left: 50%;
top: calc(50% + 40px);
@ -312,7 +307,7 @@
.news-service .new-list>.swiper {
display: none;
width: 100%;
height: 136px;
height: 144px;
padding-right: 66px;
}
@ -367,14 +362,26 @@
.index-service .left-service {
width: 44.5%;
height: 100%;
padding: 25px;
background-image: url(../images/public/index-service.jpg);
background-size: 100% 100%;
position: relative;
overflow: hidden;
transition: all .6s;
}
.index-service .left-service>em {
.index-service .left-service>img {
width: 100%;
min-height: 100%;
transition: all .6s;
}
.index-service .left-service .txt {
position: absolute;
left: 24px;
top: 24px;
z-index: 1;
transition: all .6s;
}
.index-service .left-service em {
display: block;
font-size: 14px;
line-height: 34px;
@ -388,12 +395,16 @@
transition: all .6s;
}
.index-service .left-service:hover>em {
.index-service .left-service:hover em {
background-color: #fe8917;
border: 1px solid #fe8917;
opacity: 1;
}
.index-service .left-service:hover>img {
transform: scale(1.1);
}
.index-service .right-service {
flex-wrap: wrap;
width: 55.5%;
@ -411,14 +422,14 @@
transform: scale(1.05);
}
.index-service .left-service>p,
.index-service .left-service p,
.index-service .right-service>a>p {
max-width: 180px;
font-size: 20px;
line-height: 1.1;
}
.index-service .left-service>span,
.index-service .left-service span,
.index-service .right-service>a>span {
display: block;
font-family: Arial;
@ -672,7 +683,6 @@
.management-team-nav {
width: 140px;
margin-top: 40px;
position: sticky;
top: 88px;
}
@ -836,8 +846,18 @@
height: 108px;
}
.enterprise-list .item .img {
width: 100%;
overflow: hidden;
}
.enterprise-list .item img {
width: 100%;
transition: all .6s;
}
.enterprise-list .item:hover img {
transform: scale(1.1);
}
/* 大事记 */
@ -2198,7 +2218,8 @@
font-size: 15px;
line-height: 2;
}
.recruit-detail .rich-txt img{
.recruit-detail .rich-txt img {
max-width: 100%;
}
@ -2320,80 +2341,152 @@
width: calc(100% - 400px);
}
.complaint-title{
.complaint-title {
font-size: 30px;
line-height: 1.2;
font-weight: bold;
margin-bottom: 15px;
}
.complaint .right .rich-txt{
.complaint .right .rich-txt {
font-size: 15px;
line-height: 1.85;
}
.complaint .right .rich-txt img{
.complaint .right .rich-txt img {
max-width: 100%;
}
/* 非手机端隐藏 */
@media screen and (min-width:768px){
@media screen and (min-width:768px) {
/* 仅手机端展示 */
.wap-show {
display: none !important;
}
/* 隐藏pc端图片 */
.wap-img{
display: none;
.wap-img {
display: none !important;
}
}
/* 手机端样式 */
@media screen and (max-width:768px){
.w1360{
@media screen and (max-width:768px) {
body {
padding-top: .9rem;
max-width: 768px;
}
html {
font-size: 100px;
}
.w1360 {
width: 94% !important;
}
/* 仅pc端展示 */
.pc-show {
display: none !important;
}
/* 隐藏pc端图片 */
.pc-img{
display: none;
.pc-img {
display: none !important;
}
/* 头部 */
.head{
height: 66px;
.head {
height: .9rem;
}
/* logo */
.logo{
height: 50px;
.logo {
height: .66rem;
}
.logo img{
.logo img {
height: 100%;
}
/* 导航按钮 */
.head .head-btn{
.head .head-btn {
display: block;
margin: 0;
width: .4rem;
float: right;
position: relative;
cursor: pointer;
z-index: 9999;
}
.head .nav{
.head .head-btn i {
display: block;
width: 100%;
height: .04rem;
float: left;
background-color: #0e357f;
border-radius: .02rem;
transition: all .5s ease 0s;
-webkit-transition: all .5s ease 0s;
-moz-transition: all .5s ease 0s;
}
.head .head-btn i.bar-top {
margin-top: 0;
}
.head .head-btn i.bar-cen {
margin-top: .1rem;
}
.head .head-btn i.bar-bom {
margin-top: .1rem;
}
.head .head-btn.cur i {
background-color: #333333;
}
.head .head-btn.cur i.bar-cen {
opacity: 0;
}
.head .head-btn.cur i.bar-top {
-webkit-transform: rotate(45deg) translate(.1rem, .095rem);
transform: rotate(45deg) translate(.1rem, .095rem);
}
.head .head-btn.cur i.bar-bom {
-webkit-transform: rotate(-45deg) translate(.1rem, -.095rem);
transform: rotate(-45deg) translate(.1rem, -.095rem);
}
.head .nav {
display: block;
width: 50%;
height: 100vh;
overflow-y: auto;
background-color: #FFFFFF;
position: fixed;
padding: 66px 20px 0;
padding: .9rem .4rem 0;
top: 0px;
right: -50%;
z-index: 9999;
transition: all .6s;
}
.nav>span{
.nav>span {
display: block;
width: 100%;
margin-bottom: 30px;
margin-bottom: 20px;
}
.nav>span>img{
height: 36px;
.nav>span>img {
height: 33px;
}
.head .nav>a{
.head .nav>a {
display: block;
width: 100%;
font-size: 16px;
@ -2402,30 +2495,587 @@
font-weight: normal;
border-bottom: 1px solid #ececec;
}
.pull-call{
.header-white .nav>a.active {
border-bottom: 1px solid #ececec;
}
.pull-call {
position: static;
display: flex !important;
transform: none;
border-bottom: 0 !important;
padding-top: 30px;
}
.head .nav.active{
.head .nav.active {
right: 0;
transition: all .6s;
}
.head .nav-bg{
.head .nav-bg {
width: 100vw;
height: 100vh;
background-color: rgba(0,0,0,0.5);
background-color: rgba(0, 0, 0, 0.5);
position: fixed;
top: 0;
left: 0;
z-index: 999;
transition: all .6s;
}
.head .nav-bg.active{
.head .nav-bg.active {
display: block;
opacity: 1;
transition: all .6s;
}
/* 尾部 */
.footer {
padding-top: 0;
}
.foot {
flex-wrap: wrap;
}
.foot-left {
display: block !important;
width: 100%;
}
.foot-left .item {
width: 100%;
margin-left: 0;
}
.foot-left .item>a {
display: flex;
justify-content: space-between;
align-items: center;
font-size: .26rem;
color: #93b1ea;
line-height: .75rem;
border-bottom: 1px solid #1c428a;
}
.foot-left .item>a::after {
content: "";
display: block;
width: .18rem;
height: .1rem;
background-image: url(../images/icon/icon-foot-arrow.png);
background-size: 100%;
}
.foot-left .item .sub-item {
height: 0;
margin-top: 0;
overflow: hidden;
}
.foot-left .item.active>a {
border-bottom: 0;
color: #ffffff;
}
.foot-left .item.active>a::after {
transform: rotateZ(180deg);
}
.foot-left .item.active .sub-item {
height: auto;
background-color: #0e3070;
padding: .12rem .26rem;
}
.foot-left .item.active .sub-item>a {
margin-top: 0;
font-size: .24rem;
line-height: .6rem;
color: #758cb8;
}
.foot-right {
width: 100%;
flex-direction: column-reverse;
}
.qr-code {
width: 1.86rem;
height: 1.86rem;
margin-top: .32rem;
}
.record-info {
width: 100%;
font-size: .24rem;
line-height: 1.5;
text-align: center;
margin-top: .15rem;
}
/* banner */
.banner-txt {
top: 50%;
}
.banner-txt .title {
font-size: .42rem;
line-height: .6rem;
}
.banner-txt .sub-title {
font-size: .22rem;
letter-spacing: .012rem;
}
.banner-txt .info {
font-size: .24rem;
margin-top: .25rem;
}
.banner-txt .english-info {
font-size: .18rem;
letter-spacing: .01rem;
}
/* 指示点 */
.banner-swiper .swiper-pagination-bullet {
width: .22rem;
height: .08rem;
}
.banner-swiper .swiper-pagination-bullet-active {
width: .42rem;
}
.pull-section {
padding: .4rem 0;
}
/* 走进中正 */
.index-about {
padding: 0 3%;
background-color: #eef3f6;
}
.index-about .title {
padding: .3rem 0;
text-align: center;
}
.index-about .title>p {
font-size: .4rem;
font-weight: bold;
color: #191919;
}
.index-about .title>strong {
display: block;
font-size: .18rem;
margin-top: .08rem;
letter-spacing: .07rem;
text-indent: .06rem;
}
.index-about .txt {
padding: .3rem .26rem;
}
.index-about .txt>h2 {
font-size: .32rem;
font-weight: normal;
text-align: center;
margin-bottom: .15rem;
}
.index-about .txt>.rich-txt {
font-size: .22rem;
line-height: 1.85;
text-align: justify;
text-indent: 2em;
}
.about-history {
flex-wrap: wrap;
padding: .15rem 0;
}
.about-history .item {
width: 50%;
padding: .2rem 0;
text-align: center;
}
.about-history .item>p {
font-size: .26rem;
line-height: 1.2;
}
.about-history .item>p strong {
font-size: .56rem;
margin-right: .02rem;
}
.about-history .item>span {
display: block;
font-size: .24rem;
transform: scale(.68);
font-weight: bold;
}
.about-more {
justify-content: center;
align-items: center;
width: 2.06rem;
height: .66rem;
margin: 0 auto;
border: 1px solid #c5c5c5;
border-radius: .33rem;
font-size: .24rem;
}
.index-about .txt>img {
width: 100%;
margin-top: .44rem;
}
/* 首页资讯&服务 */
.news-service-bg {
background-color: #eef3f6;
padding-bottom: 0;
}
.news-service {
flex-wrap: wrap;
flex-direction: column-reverse;
width: 100% !important;
}
.news-service>div {
width: 100%;
}
/* 服务 */
.index-service {
display: block !important;
padding: 0 3%;
height: auto;
}
.index-service .left-service {
display: block;
width: 100%;
}
.index-service .left-service .txt {
top: .32rem;
left: .36rem;
}
.index-service .left-service p {
max-width: 100%;
font-size: .32rem;
}
.index-service .left-service span {
font-size: .28rem;
}
.index-service .right-service {
width: 100%;
}
.index-service .right-service>a {
min-height: 1.7rem;
padding: .3rem .36rem;
}
.index-service .right-service>a>p {
max-width: 80%;
font-size: .28rem;
}
.index-service .right-service>a>span {
font-size: .24rem;
}
.index-service .right-service>a:nth-of-type(4)>p {
margin-top: .308rem;
}
/* 资讯 */
.news-service .index-news {
width: 100%;
padding: 0 3% .2rem;
background-color: #ffffff;
margin-top: .36rem;
position: relative;
}
.index-news-nav {
justify-content: center;
margin: .24rem 0;
}
.index-news-nav>span {
font-size: .24rem;
line-height: .32rem;
padding: .15rem .5rem;
margin: 0 .22rem;
}
.news-more {
display: block;
font-size: .22rem;
line-height: .32rem;
padding: .15rem 0;
position: absolute;
top: .24rem;
right: 3%;
}
.news-service .new-list>.swiper {
height: auto;
padding-bottom: 1rem;
padding-right: 0;
}
.news-service .new-list .swiper-slide {
width: 5.3rem;
margin: 0 .2rem;
}
.news-service .new-list .swiper-slide>div {
height: 3.5rem;
overflow: hidden;
}
.news-service .new-list .swiper-slide>div img {
width: 100%;
min-height: 3.5rem;
}
.news-service .new-list .swiper-slide>a {
display: block;
padding: .1rem 0;
}
.news-service .new-list .swiper-slide>a em {
display: block;
font-size: .18rem;
font-weight: bold;
margin-top: .1rem;
}
.news-service .new-list>.swiper .title {
font-size: .28rem;
}
.news-service .new-list>.swiper .info {
font-size: .18rem;
margin-top: .12rem;
}
/* 分页样式 */
.news-swiper .swiper-pagination-bullet,
.information-swiper .swiper-pagination-bullet {
width: .2rem;
height: .2rem;
margin: 0 .1rem !important;
}
/* 列表banner */
.pull-banner img {
width: 100%;
}
/* 二级导航 */
.pull-margin {
margin-top: 0 !important;
}
.position-sub-nav {
height: .9rem;
}
.sub-nav {
display: flex;
justify-content: center;
width: 100%;
}
.sub-nav>a {
margin-left: .6rem;
font-size: .26rem;
line-height: .87rem;
border-bottom: .03rem solid rgba(14, 53, 127, 0);
}
.sub-nav>a.active {
border-bottom: .03rem solid #0e357f;
}
.company-profile {
flex-wrap: wrap;
}
.company-profile .txt {
width: 100%;
}
.profile-title>p {
max-width: 2.8rem;
font-size: .36rem;
}
.culture-title>p {
max-width: 100%;
}
.profile-title>strong {
font-size: .32rem;
margin-top: .04rem;
}
.profile-title>span {
font-size: .24rem;
}
.profile-info {
font-size: .26rem;
color: #666666;
}
.company-profile .img {
width: 100%;
margin-top: .3rem;
}
.company-profile .img>img {
width: 100%;
}
.company-profile .img>img:first-child {
margin-bottom: .1rem;
}
/* 管理团队 */
.management-team-list {
flex-wrap: wrap;
padding: 0;
background-color: rgba(255, 255, 255, 0) !important;
}
.management-team-nav {
width: 100%;
margin-top: .32rem;
}
.management-team-nav>span {
display: flex;
justify-content: space-between;
align-items: center;
height: .9rem;
padding: 0 .25rem;
font-size: .26rem;
background-color: #ffffff;
margin-bottom: 1px;
border-right: 0 !important;
}
.management-team-nav>span.active {
color: #ffffff;
background-color: #0e357f;
}
.management-team-nav>span.active::after {
content: "";
display: block;
width: .18rem;
height: .1rem;
background-image: url(../images/icon/icon-foot-arrow.png);
background-size: 100%;
}
.management-team-item {
width: 100%;
}
.management-team-item>a {
flex-wrap: wrap;
height: auto;
background-color: #ffffff;
padding: .28rem 0;
border-bottom: 0;
margin-top: .26rem;
}
.management-team-item .img {
width: 2.3rem;
height: 2.3rem;
border-radius: 100%;
margin: 0 auto;
}
.management-team-item .txt {
width: 100%;
padding: 0 .25rem;
}
.management-team-item .txt>h2 {
font-size: .3rem;
text-align: center;
margin-top: .2rem;
}
.management-team-item .txt>strong {
font-size: .26rem;
text-align: center;
margin: .1rem 0;
}
.management-team-item .txt>p {
font-size: .24rem;
}
/* 企业文化 */
.culture-title-wap {
text-align: center;
}
.culture-info {
margin-top: 0;
line-height: 1.8;
}
.enterprise-list .item {
width: 100%;
margin: 0 0 .35rem 0;
}
.enterprise-list .item .txt {
padding: .3rem .36rem;
}
.enterprise-title>span {
font-size: .3rem;
}
.enterprise-title>strong {
font-size: .26rem;
margin-top: .06rem;
}
.enterprise-title>em {
margin: .16rem auto;
}
.enterprise-info {
font-size: .26rem;
text-align: justify;
height: auto;
}
}

69
culture.html
View File

@ -10,6 +10,7 @@
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<link rel="stylesheet" href="css/animate.min.css">
<script type="text/javascript" src="js/base.js"></script>
<script type="text/javascript" src="js/jquery-3.6.0.min.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.3.js"></script>
<script type="text/javascript" src="js/swiper-bundle.min.js"></script>
@ -24,6 +25,7 @@
<div class="head flex w1360">
<div class="logo"><a href="/"><img src="images/public/logo.png" alt="中正物业"></a></div>
<div class="nav flex">
<span><img src="images/public/logo.png" alt="中正物业"></a></span>
<a href="index.html">首页</a>
<a href="introduction.html" class="active">关于我们</a>
<a href="activities.html">媒体中心</a>
@ -31,20 +33,30 @@
<a href="redPropert.html">项目案例</a>
<a href="join.html">加入中正</a>
<a href="complaint.html">投诉建议</a>
</div>
</div>
<!-- 电话 -->
<a href="tel:400-852-1199" class="pull-call color-white flex">
<span class="bg-col-white flex"><img src="images/icon/icon-call-head.png" alt="电话"></span>
<span>400-852-1199</span>
</a>
</div>
<!-- 导航按钮 -->
<div class="nav-bg"></div>
<div class="head-btn">
<i class="bar-top"></i>
<i class="bar-cen"></i>
<i class="bar-bom"></i>
</div>
</div>
</div>
<!-- 列表页banner -->
<div class="pull-banner w100 wap-show"><img src="images/banner-about.jpg" alt="关于我们"></div>
<!-- 当前位置&二级导航 -->
<div class="position-nav-bg pull-margin bg-col-f5">
<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="txt color-blue flex"><a href="index.html">首页</a><a href="introduction.html">关于我们</a>企业文化</div>
</div>
@ -61,12 +73,12 @@
<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">
<div class="profile-title culture-title culture-title-wap">
<p class="capitalize font-helvetica color-blue wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">Corporate Culture</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><strong class="color-blue" style="font-size: 20px;">巴音孟克心 巴音孟克行</strong></p>
<p><strong class="color-blue" style="font-size: .28rem;">巴音孟克心 巴音孟克行</strong></p>
<p>巴音孟克以为世人谋幸福为使命，为用户实现梦想为宗旨。</p> <p>兢兢业业、披荆斩棘 。</p>
<p>经过多年的拼搏历程,在巴音孟克人的共同努力下，如今巴音孟克已成为一个多元化发展的大型企业 。</p> <p>聚英才、整资源。凝心聚力 ，用户的梦想就是我们的任务。</p> <p>巴音孟克人以道德为本 ，以道为尊、以德为贵。</p>
</div>
@ -91,7 +103,10 @@
过多年的拼搏历程,在巴音孟克人的共同努力下，如今巴音孟克已成为一个多元化发展的大型企业 聚英才整资源凝心聚力 ，用户的梦想就是我们的任务。巴音孟克人以道德为本 ，以道为尊、以德为贵。
</div>
</div>
<div class="img"><img src="images/public/enterprise-01.jpg" alt="企业定位"></div>
<div class="img">
<img src="images/public/enterprise-01.jpg" alt="企业定位" class="pc-img">
<img src="images/public/enterprise-wap-01.jpg" alt="企业定位" class="wap-img">
</div>
</div>
<div class="item bg-col-white wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="txt">
@ -104,7 +119,10 @@
过多年的拼搏历程,在巴音孟克人的共同努力下，如今巴音孟克已成为一个多元化发展的大型企业 聚英才整资源凝心聚力 ，用户的梦想就是我们的任务。巴音孟克人以道德为本 ，以道为尊、以德为贵。
</div>
</div>
<div class="img"><img src="images/public/enterprise-02.jpg" alt="企业定位"></div>
<div class="img">
<img src="images/public/enterprise-02.jpg" alt="企业使命" class="pc-img">
<img src="images/public/enterprise-wap-02.jpg" alt="企业使命" class="wap-img">
</div>
</div>
<div class="item bg-col-white wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="txt">
@ -117,16 +135,20 @@
过多年的拼搏历程,在巴音孟克人的共同努力下，如今巴音孟克已成为一个多元化发展的大型企业 聚英才整资源凝心聚力 ，用户的梦想就是我们的任务。巴音孟克人以道德为本 ，以道为尊、以德为贵。
</div>
</div>
<div class="img"><img src="images/public/enterprise-03.jpg" alt="企业定位"></div>
<div class="img">
<img src="images/public/enterprise-03.jpg" alt="企业理念" class="pc-img">
<img src="images/public/enterprise-wap-03.jpg" alt="企业理念" class="wap-img">
</div>
</div>
</div>
</div>
<!-- 尾部 -->
<div class="footer">
<div class="foot flex w1360">
<div class="foot-left flex">
<div class="item">
<a href="javascript:void(0);">企业介绍</a>
<a href="javascript:void(0);">关于我们</a>
<div class="sub-item">
<a href="introduction.html">公司简介</a>
<a href="culture.html">企业文化</a>
@ -134,6 +156,13 @@
<a href="honors.html">荣誉资质</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">媒体中心</a>
<div class="sub-item">
<a href="activities.html">品牌活动</a>
<a href="news.html">媒体报道</a>
</div>
</div>
<div class="item">
<a href="javascript:void(0);">物业服务</a>
<div class="sub-item">
@ -144,7 +173,27 @@
<a href="market.html">友邻集市服务</a>
</div>
</div>
<div class="item item-cantact">
<div class="item wap-show">
<a href="javascript:void(0);">项目案例</a>
<div class="sub-item">
<a href="redPropert.html">红色物业</a>
<a href="topQuality.html">臻品项目</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">加入中正</a>
<div class="sub-item">
<a href="join.html">人才招聘</a>
<a href="cooperation.html">商务合作</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">投诉建议</a>
<div class="sub-item">
<a href="complaint.html">投诉建议</a>
</div>
</div>
<div class="item item-cantact pc-show">
<a href="javascript:void(0);">联系我们</a>
<div class="sub-item contact-item">
<a href="javascript:void(0);">

46
history.html
View File

@ -10,6 +10,7 @@
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<link rel="stylesheet" href="css/animate.min.css">
<script type="text/javascript" src="js/base.js"></script>
<script type="text/javascript" src="js/jquery-3.6.0.min.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.3.js"></script>
<script type="text/javascript" src="js/swiper-bundle.min.js"></script>
@ -24,6 +25,7 @@
<div class="head flex w1360">
<div class="logo"><a href="/"><img src="images/public/logo.png" alt="中正物业"></a></div>
<div class="nav flex">
<span><img src="images/public/logo.png" alt="中正物业"></a></span>
<a href="index.html">首页</a>
<a href="introduction.html" class="active">关于我们</a>
<a href="activities.html">媒体中心</a>
@ -31,14 +33,21 @@
<a href="redPropert.html">项目案例</a>
<a href="join.html">加入中正</a>
<a href="complaint.html">投诉建议</a>
</div>
</div>
<!-- 电话 -->
<a href="tel:400-852-1199" class="pull-call color-white flex">
<span class="bg-col-white flex"><img src="images/icon/icon-call-head.png" alt="电话"></span>
<span>400-852-1199</span>
</a>
</div>
<!-- 导航按钮 -->
<div class="nav-bg"></div>
<div class="head-btn">
<i class="bar-top"></i>
<i class="bar-cen"></i>
<i class="bar-bom"></i>
</div>
</div>
</div>
<!-- 当前位置&二级导航 -->
<div class="position-nav-bg pull-margin bg-col-f5">
@ -174,11 +183,11 @@
</div>
</div>
<!-- 尾部 -->
<div class="footer wow fadeInUp">
<div class="footer">
<div class="foot flex w1360">
<div class="foot-left flex">
<div class="item">
<a href="javascript:void(0);">企业介绍</a>
<a href="javascript:void(0);">关于我们</a>
<div class="sub-item">
<a href="introduction.html">公司简介</a>
<a href="culture.html">企业文化</a>
@ -186,6 +195,13 @@
<a href="honors.html">荣誉资质</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">媒体中心</a>
<div class="sub-item">
<a href="activities.html">品牌活动</a>
<a href="news.html">媒体报道</a>
</div>
</div>
<div class="item">
<a href="javascript:void(0);">物业服务</a>
<div class="sub-item">
@ -196,7 +212,27 @@
<a href="market.html">友邻集市服务</a>
</div>
</div>
<div class="item item-cantact">
<div class="item wap-show">
<a href="javascript:void(0);">项目案例</a>
<div class="sub-item">
<a href="redPropert.html">红色物业</a>
<a href="topQuality.html">臻品项目</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">加入中正</a>
<div class="sub-item">
<a href="join.html">人才招聘</a>
<a href="cooperation.html">商务合作</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">投诉建议</a>
<div class="sub-item">
<a href="complaint.html">投诉建议</a>
</div>
</div>
<div class="item item-cantact pc-show">
<a href="javascript:void(0);">联系我们</a>
<div class="sub-item contact-item">
<a href="javascript:void(0);">

44
honors.html
View File

@ -10,6 +10,7 @@
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<link rel="stylesheet" href="css/animate.min.css">
<script type="text/javascript" src="js/base.js"></script>
<script type="text/javascript" src="js/jquery-3.6.0.min.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.3.js"></script>
<script type="text/javascript" src="js/swiper-bundle.min.js"></script>
@ -24,6 +25,7 @@
<div class="head flex w1360">
<div class="logo"><a href="/"><img src="images/public/logo.png" alt="中正物业"></a></div>
<div class="nav flex">
<span><img src="images/public/logo.png" alt="中正物业"></a></span>
<a href="index.html">首页</a>
<a href="introduction.html" class="active">关于我们</a>
<a href="activities.html">媒体中心</a>
@ -31,14 +33,21 @@
<a href="redPropert.html">项目案例</a>
<a href="join.html">加入中正</a>
<a href="complaint.html">投诉建议</a>
</div>
</div>
<!-- 电话 -->
<a href="tel:400-852-1199" class="pull-call color-white flex">
<span class="bg-col-white flex"><img src="images/icon/icon-call-head.png" alt="电话"></span>
<span>400-852-1199</span>
</a>
</div>
<!-- 导航按钮 -->
<div class="nav-bg"></div>
<div class="head-btn">
<i class="bar-top"></i>
<i class="bar-cen"></i>
<i class="bar-bom"></i>
</div>
</div>
</div>
<!-- 当前位置&二级导航 -->
<div class="position-nav-bg pull-margin bg-col-f5">
@ -109,7 +118,7 @@
<div class="foot flex w1360">
<div class="foot-left flex">
<div class="item">
<a href="javascript:void(0);">企业介绍</a>
<a href="javascript:void(0);">关于我们</a>
<div class="sub-item">
<a href="introduction.html">公司简介</a>
<a href="culture.html">企业文化</a>
@ -117,6 +126,13 @@
<a href="honors.html">荣誉资质</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">媒体中心</a>
<div class="sub-item">
<a href="activities.html">品牌活动</a>
<a href="news.html">媒体报道</a>
</div>
</div>
<div class="item">
<a href="javascript:void(0);">物业服务</a>
<div class="sub-item">
@ -127,7 +143,27 @@
<a href="market.html">友邻集市服务</a>
</div>
</div>
<div class="item item-cantact">
<div class="item wap-show">
<a href="javascript:void(0);">项目案例</a>
<div class="sub-item">
<a href="redPropert.html">红色物业</a>
<a href="topQuality.html">臻品项目</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">加入中正</a>
<div class="sub-item">
<a href="join.html">人才招聘</a>
<a href="cooperation.html">商务合作</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">投诉建议</a>
<div class="sub-item">
<a href="complaint.html">投诉建议</a>
</div>
</div>
<div class="item item-cantact pc-show">
<a href="javascript:void(0);">联系我们</a>
<div class="sub-item contact-item">
<a href="javascript:void(0);">

BIN
images/banner-02.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 293 KiB

After

Width:  |  Height:  |  Size: 332 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 126 KiB

BIN
images/banner-wap-01.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 236 KiB

BIN
images/banner-wap-02.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 205 KiB

BIN
images/banner-wap-03.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 508 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
images/news-wap.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 103 KiB

BIN
images/public/enterprise-wap-01.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 145 KiB

BIN
images/public/enterprise-wap-02.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 124 KiB

BIN
images/public/enterprise-wap-03.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 155 KiB

155
index.html
View File

@ -10,6 +10,7 @@
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<link rel="stylesheet" href="css/animate.min.css">
<script type="text/javascript" src="js/base.js"></script>
<script type="text/javascript" src="js/jquery-3.6.0.min.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.3.js"></script>
<script type="text/javascript" src="js/swiper-bundle.min.js"></script>
@ -54,7 +55,8 @@
<div class="swiper-wrapper">
<div class="swiper-slide">
<a href="">
<img src="images/banner-01.jpg" alt="轮播图">
<img src="images/banner-01.jpg" alt="轮播图" class="pc-img">
<img src="images/banner-wap-01.jpg" alt="轮播图" class="wap-img">
<div class="banner-txt w1360">
<p class="title ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0">手牵手的承诺 心贴心的服务</p>
<p class="sub-title uppercase ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.2s">Hand in hand commitment and considerate service</p>
@ -65,7 +67,8 @@
</div>
<div class="swiper-slide">
<a href="">
<img src="images/banner-02.jpg" alt="轮播图">
<img src="images/banner-02.jpg" alt="轮播图" class="pc-img">
<img src="images/banner-wap-02.jpg" alt="轮播图" class="wap-img">
<div class="banner-txt w1360">
<p class="title ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0">手牵手的承诺 心贴心的服务</p>
<p class="sub-title uppercase ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.2s">Hand in hand commitment and considerate service</p>
@ -76,7 +79,8 @@
</div>
<div class="swiper-slide">
<a href="">
<img src="images/banner-03.jpg" alt="轮播图">
<img src="images/banner-03.jpg" alt="轮播图" class="pc-img">
<img src="images/banner-wap-03.jpg" alt="轮播图" class="wap-img">
<div class="banner-txt w1360">
<p class="title ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0">手牵手的承诺 心贴心的服务</p>
<p class="sub-title uppercase ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.2s">Hand in hand commitment and considerate service</p>
@ -90,44 +94,103 @@
</div>
</div>
<!-- 走进中正 -->
<div class="index-about wap-show wow fadeInUp" wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="title">
<p class="font-helvetica wow fadeInUp" wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">走进中正物业</p>
<strong class="wow fadeInUp" wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">服务提品质 用心为生活</strong>
</div>
<div class="txt bg-col-white">
<h2>公司简介</h2>
<div class="rich-txt color-66">
<p>鄂尔多斯市中正物业管理有限公司是巴音孟克投资集团旗下投资产业之一，是一家专业物业管理企业，注册资本金1000万。与集团成立之初一路前行，公司在激烈的物业管理市场竞争中平等竞争，强化理念，拓展市场，精心管理，增强员工服务意识，提高员工队伍素质，提升整体管理服务标准。</p>
</div>
<div class="about-history flex wow fadeInUp" wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="item wow fadeInUp" wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<p class="color-66"><strong class="color-blue">1998</strong>年</p>
<span class="color-66 clips1">巴音孟克发展史-1998</span>
</div>
<div class="item wow fadeInUp" wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<p class="color-66"><strong class="color-blue">2003</strong>年</p>
<span class="color-66 clips1">巴音孟克发展史-2003</span>
</div>
<div class="item wow fadeInUp" wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<p class="color-66"><strong class="color-blue">2004</strong>年</p>
<span class="color-66 clips1">巴音孟克发展史-2004</span>
</div>
<div class="item wow fadeInUp" wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<p class="color-66"><strong class="color-blue">2005</strong>年</p>
<span class="color-66 clips1">巴音孟克发展史-2005</span>
</div>
<div class="item wow fadeInUp" wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<p class="color-66"><strong class="color-blue">2020</strong>年</p>
<span class="color-66 clips1">巴音孟克发展史-2020</span>
</div>
<div class="item wow fadeInUp" wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<p class="color-66"><strong class="color-blue">2022</strong>年</p>
<span class="color-66 clips1">巴音孟克发展史-2022</span>
</div>
</div>
<a href="introduction.html" class="about-more color-66 flex">查看更多</a>
<img src="images/public/company-profile.jpg" alt="" class="wap-img">
</div>
</div>
<!-- 新闻资讯&物业服务 -->
<div class="pull-section news-service-bg w100 wow fadeInUp">
<div class="pull-section news-service-bg w100 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="news-service flex w1360">
<!-- 新闻资讯 -->
<div class="index-news">
<!-- 标题 -->
<div class="index-news-title"><img src="images/public/news-title.png" alt="project case"></div>
<div class="index-news-title pc-show"><img src="images/public/news-title.png" alt="project case"></div>
<!-- navTab -->
<div class="index-news-nav flex">
<span>总部新闻</span>
<span>区域动态</span>
</div>
<a href="news.html" class="news-more uppercase color-66 font-helvetica wap-show">News ></a>
<!-- 资讯列表 -->
<div class="new-list">
<!-- 新闻列表 -->
<div class="news-swiper swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="wap-show"><img src="images/news-wap.jpg" alt="还山川秀丽 建绿色矿山"></div>
<a href="newsDetail.html">
<em class="color-blue wap-show">2022.09.12</em>
<div class="title color-blue clips1">还山川秀丽 建绿色矿山</div>
<p class="info color-66 clips4">为现固提升矿山企业综合整治成果，提升矿产资源开发利用平，进一步改善矿山自然生态环境，促进我市进我市矿业经济与生态环境和谐发展全市召开推进绿色矿山建设现场观摩会，并在我集团纳源煤矿设观摩点...</p>
</a>
</div>
<div class="swiper-slide">
<div class="wap-show"><img src="images/news-wap.jpg" alt="还山川秀丽 建绿色矿山"></div>
<a href="newsDetail.html">
<div class="title color-blue clips1">建绿色矿山 还山川秀丽</div>
<p class="info color-66 clips4">为现固提升矿山企业综合整治成果，提升矿产资源开发利用平，进一步改善矿山自然生态环境，促进我市进我市矿业经济与生态环境和谐发展全市召开推进绿色矿山建设现场观摩会，并在我集团纳源煤矿设观摩点...</p>
</a>
</div>
<div class="swiper-slide">
<a href="newsDetail.html">
<em class="color-blue wap-show">2022.09.12</em>
<div class="title color-blue clips1">还山川秀丽 建绿色矿山</div>
<p class="info color-66 clips4">为现固提升矿山企业综合整治成果，提升矿产资源开发利用平，进一步改善矿山自然生态环境，促进我市进我市矿业经济与生态环境和谐发展全市召开推进绿色矿山建设现场观摩会，并在我集团纳源煤矿设观摩点...</p>
</a>
</div>
<div class="swiper-slide">
<div class="wap-show"><img src="images/news-wap.jpg" alt="还山川秀丽 建绿色矿山"></div>
<a href="newsDetail.html">
<div class="title color-blue clips1">建绿色矿山 还山川秀丽</div>
<em class="color-blue wap-show">2022.09.12</em>
<div class="title color-blue clips1">还山川秀丽 建绿色矿山</div>
<p class="info color-66 clips4">为现固提升矿山企业综合整治成果，提升矿产资源开发利用平，进一步改善矿山自然生态环境，促进我市进我市矿业经济与生态环境和谐发展全市召开推进绿色矿山建设现场观摩会，并在我集团纳源煤矿设观摩点...</p>
</a>
</div>
<div class="swiper-slide">
<div class="wap-show"><img src="images/news-wap.jpg" alt="还山川秀丽 建绿色矿山"></div>
<a href="newsDetail.html">
<em class="color-blue wap-show">2022.09.12</em>
<div class="title color-blue clips1">还山川秀丽 建绿色矿山</div>
<p class="info color-66 clips4">为现固提升矿山企业综合整治成果，提升矿产资源开发利用平，进一步改善矿山自然生态环境，促进我市进我市矿业经济与生态环境和谐发展全市召开推进绿色矿山建设现场观摩会，并在我集团纳源煤矿设观摩点...</p>
</a>
</div>
<div class="swiper-slide">
<div class="wap-show"><img src="images/news-wap.jpg" alt="还山川秀丽 建绿色矿山"></div>
<a href="newsDetail.html">
<em class="color-blue wap-show">2022.09.12</em>
<div class="title color-blue clips1">还山川秀丽 建绿色矿山</div>
<p class="info color-66 clips4">为现固提升矿山企业综合整治成果，提升矿产资源开发利用平，进一步改善矿山自然生态环境，促进我市进我市矿业经济与生态环境和谐发展全市召开推进绿色矿山建设现场观摩会，并在我集团纳源煤矿设观摩点...</p>
</a>
</div>
@ -138,26 +201,42 @@
<div class="information-swiper swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="color-blue wap-show"><img src="images/news-wap.jpg" alt="还山川秀丽 建绿色矿山"></div>
<a href="newsDetail.html">
<em class="wap-show">2022.09.12</em>
<div class="title color-blue clips1">还山川秀丽 建绿色矿山</div>
<p class="info color-66 clips4">为现固提升矿山企业综合整治成果，提升矿产资源开发利用平，进一步改善矿山自然生态环境，促进我市进我市矿业经济与生态环境和谐发展全市召开推进绿色矿山建设现场观摩会，并在我集团纳源煤矿设观摩点...</p>
</a>
</div>
<div class="swiper-slide">
<div class="color-blue wap-show"><img src="images/news-wap.jpg" alt="还山川秀丽 建绿色矿山"></div>
<a href="newsDetail.html">
<div class="title color-blue clips1">建绿色矿山 还山川秀丽</div>
<p class="info color-66 clips4">为现固提升矿山企业综合整治成果，提升矿产资源开发利用平，进一步改善矿山自然生态环境，促进我市进我市矿业经济与生态环境和谐发展全市召开推进绿色矿山建设现场观摩会，并在我集团纳源煤矿设观摩点...</p>
</a>
</div>
<div class="swiper-slide">
<a href="newsDetail.html">
<em class="wap-show">2022.09.12</em>
<div class="title color-blue clips1">还山川秀丽 建绿色矿山</div>
<p class="info color-66 clips4">为现固提升矿山企业综合整治成果，提升矿产资源开发利用平，进一步改善矿山自然生态环境，促进我市进我市矿业经济与生态环境和谐发展全市召开推进绿色矿山建设现场观摩会，并在我集团纳源煤矿设观摩点...</p>
</a>
</div>
<div class="swiper-slide">
<div class="color-blue wap-show"><img src="images/news-wap.jpg" alt="还山川秀丽 建绿色矿山"></div>
<a href="newsDetail.html">
<div class="title color-blue clips1">建绿色矿山 还山川秀丽</div>
<em class="wap-show">2022.09.12</em>
<div class="title color-blue clips1">还山川秀丽 建绿色矿山</div>
<p class="info color-66 clips4">为现固提升矿山企业综合整治成果，提升矿产资源开发利用平，进一步改善矿山自然生态环境，促进我市进我市矿业经济与生态环境和谐发展全市召开推进绿色矿山建设现场观摩会，并在我集团纳源煤矿设观摩点...</p>
</a>
</div>
<div class="swiper-slide">
<div class="color-blue wap-show"><img src="images/news-wap.jpg" alt="还山川秀丽 建绿色矿山"></div>
<a href="newsDetail.html">
<em class="wap-show">2022.09.12</em>
<div class="title color-blue clips1">还山川秀丽 建绿色矿山</div>
<p class="info color-66 clips4">为现固提升矿山企业综合整治成果，提升矿产资源开发利用平，进一步改善矿山自然生态环境，促进我市进我市矿业经济与生态环境和谐发展全市召开推进绿色矿山建设现场观摩会，并在我集团纳源煤矿设观摩点...</p>
</a>
</div>
<div class="swiper-slide">
<div class="color-blue wap-show"><img src="images/news-wap.jpg" alt="还山川秀丽 建绿色矿山"></div>
<a href="newsDetail.html">
<em class="wap-show">2022.09.12</em>
<div class="title color-blue clips1">还山川秀丽 建绿色矿山</div>
<p class="info color-66 clips4">为现固提升矿山企业综合整治成果，提升矿产资源开发利用平，进一步改善矿山自然生态环境，促进我市进我市矿业经济与生态环境和谐发展全市召开推进绿色矿山建设现场观摩会，并在我集团纳源煤矿设观摩点...</p>
</a>
</div>
@ -169,9 +248,12 @@
<!-- 物业服务 -->
<div class="index-service flex">
<a href="services.html" class="left-service color-white">
<img src="images/public/index-service.jpg" alt="住宅物业服务">
<div class="txt">
<p class="font-helvetica">Residential property services</p>
<span>住宅物业服务</span>
<em class="font-helvetica">Learn more +</em>
</div>
<em class="font-helvetica pc-show">Learn more +</em>
</a>
<div class="right-service flex">
<a href="services.html">
@ -196,7 +278,7 @@
</div>
<!-- 项目案例 -->
<div class="pull-section project-case-bg w100 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="pull-section project-case-bg pc-show w100 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="project-case w1360">
<div class="project-case-title flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="txt">
@ -243,7 +325,7 @@
<div class="foot flex w1360">
<div class="foot-left flex">
<div class="item">
<a href="javascript:void(0);">企业介绍</a>
<a href="javascript:void(0);">关于我们</a>
<div class="sub-item">
<a href="introduction.html">公司简介</a>
<a href="culture.html">企业文化</a>
@ -251,13 +333,40 @@
<a href="honors.html">荣誉资质</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">媒体中心</a>
<div class="sub-item">
<a href="activities.html">品牌活动</a>
<a href="news.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">
<div class="item wap-show">
<a href="javascript:void(0);">项目案例</a>
<div class="sub-item">
<a href="redPropert.html">红色物业</a>
<a href="topQuality.html">臻品项目</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">加入中正</a>
<div class="sub-item">
<a href="join.html">人才招聘</a>
<a href="cooperation.html">商务合作</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">投诉建议</a>
<div class="sub-item">
<a href="complaint.html">投诉建议</a>
</div>
</div>
<div class="item item-cantact pc-show">
<a href="javascript:void(0);">联系我们</a>
<div class="sub-item contact-item">
<a href="javascript:void(0);">

61
introduction.html
View File

@ -10,6 +10,7 @@
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<link rel="stylesheet" href="css/animate.min.css">
<script type="text/javascript" src="js/base.js"></script>
<script type="text/javascript" src="js/jquery-3.6.0.min.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.3.js"></script>
<script type="text/javascript" src="js/swiper-bundle.min.js"></script>
@ -24,6 +25,7 @@
<div class="head flex w1360">
<div class="logo"><a href="/"><img src="images/public/logo.png" alt="中正物业"></a></div>
<div class="nav flex">
<span><img src="images/public/logo.png" alt="中正物业"></a></span>
<a href="index.html">首页</a>
<a href="introduction.html" class="active">关于我们</a>
<a href="activities.html">媒体中心</a>
@ -31,20 +33,30 @@
<a href="redPropert.html">项目案例</a>
<a href="join.html">加入中正</a>
<a href="complaint.html">投诉建议</a>
</div>
</div>
<!-- 电话 -->
<a href="tel:400-852-1199" class="pull-call color-white flex">
<span class="bg-col-white flex"><img src="images/icon/icon-call-head.png" alt="电话"></span>
<span>400-852-1199</span>
</a>
</div>
<!-- 导航按钮 -->
<div class="nav-bg"></div>
<div class="head-btn">
<i class="bar-top"></i>
<i class="bar-cen"></i>
<i class="bar-bom"></i>
</div>
</div>
</div>
<!-- 列表页banner -->
<div class="pull-banner w100 wap-show"><img src="images/banner-about.jpg" alt="关于我们"></div>
<!-- 当前位置&二级导航 -->
<div class="position-nav-bg pull-margin bg-col-f5">
<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="txt color-blue flex"><a href="index.html">首页</a><a href="introduction.html">关于我们</a>企业简介</div>
</div>
@ -96,7 +108,8 @@
<div class="management-team-item">
<a href="" class="flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="img">
<img src="images/time-01.jpg" alt="黄宝山">
<img src="images/time-01.jpg" alt="黄宝山" class="pc-img">
<img src="images/time-01.jpg" alt="黄宝山" class="wap-img">
</div>
<div class="txt">
<h2 class="color-blue">黄宝山</h2>
@ -106,7 +119,8 @@
</a>
<a href="" class="flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="img">
<img src="images/time-02.jpg" alt="周斌">
<img src="images/time-02.jpg" alt="周斌" class="pc-img">
<img src="images/time-02.jpg" alt="周斌" class="wap-img">
</div>
<div class="txt">
<h2 class="color-blue">周斌</h2>
@ -116,7 +130,8 @@
</a>
<a href="" class="flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="img">
<img src="images/time-01.jpg" alt="黄宝山">
<img src="images/time-01.jpg" alt="黄宝山" class="pc-img">
<img src="images/time-01.jpg" alt="黄宝山" class="wap-img">
</div>
<div class="txt">
<h2 class="color-blue">黄宝山</h2>
@ -126,7 +141,8 @@
</a>
<a href="" class="flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="img">
<img src="images/time-02.jpg" alt="周斌">
<img src="images/time-02.jpg" alt="周斌" class="pc-img">
<img src="images/time-02.jpg" alt="周斌" class="wap-img">
</div>
<div class="txt">
<h2 class="color-blue">周斌</h2>
@ -143,7 +159,7 @@
<div class="foot flex w1360">
<div class="foot-left flex">
<div class="item">
<a href="javascript:void(0);">企业介绍</a>
<a href="javascript:void(0);">关于我们</a>
<div class="sub-item">
<a href="introduction.html">公司简介</a>
<a href="culture.html">企业文化</a>
@ -151,6 +167,13 @@
<a href="honors.html">荣誉资质</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">媒体中心</a>
<div class="sub-item">
<a href="activities.html">品牌活动</a>
<a href="news.html">媒体报道</a>
</div>
</div>
<div class="item">
<a href="javascript:void(0);">物业服务</a>
<div class="sub-item">
@ -161,7 +184,27 @@
<a href="market.html">友邻集市服务</a>
</div>
</div>
<div class="item item-cantact">
<div class="item wap-show">
<a href="javascript:void(0);">项目案例</a>
<div class="sub-item">
<a href="redPropert.html">红色物业</a>
<a href="topQuality.html">臻品项目</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">加入中正</a>
<div class="sub-item">
<a href="join.html">人才招聘</a>
<a href="cooperation.html">商务合作</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">投诉建议</a>
<div class="sub-item">
<a href="complaint.html">投诉建议</a>
</div>
</div>
<div class="item item-cantact pc-show">
<a href="javascript:void(0);">联系我们</a>
<div class="sub-item contact-item">
<a href="javascript:void(0);">

45
join.html
View File

@ -10,6 +10,7 @@
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<link rel="stylesheet" href="css/animate.min.css">
<script type="text/javascript" src="js/base.js"></script>
<script type="text/javascript" src="js/jquery-3.6.0.min.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.3.js"></script>
<script type="text/javascript" src="js/swiper-bundle.min.js"></script>
@ -24,6 +25,7 @@
<div class="head flex w1360">
<div class="logo"><a href="/"><img src="images/public/logo.png" alt="中正物业"></a></div>
<div class="nav flex">
<span><img src="images/public/logo.png" alt="中正物业"></a></span>
<a href="index.html">首页</a>
<a href="introduction.html">关于我们</a>
<a href="activities.html">媒体中心</a>
@ -31,14 +33,21 @@
<a href="redPropert.html">项目案例</a>
<a href="join.html" class="active">加入中正</a>
<a href="complaint.html">投诉建议</a>
</div>
</div>
<!-- 电话 -->
<a href="tel:400-852-1199" class="pull-call color-white flex">
<span class="bg-col-white flex"><img src="images/icon/icon-call-head.png" alt="电话"></span>
<span>400-852-1199</span>
</a>
</div>
<!-- 导航按钮 -->
<div class="nav-bg"></div>
<div class="head-btn">
<i class="bar-top"></i>
<i class="bar-cen"></i>
<i class="bar-bom"></i>
</div>
</div>
</div>
<!-- 当前位置&二级导航 -->
<div class="position-nav-bg pull-margin bg-col-f5">
@ -135,13 +144,12 @@
</div>
</div>
<!-- 尾部 -->
<div class="footer">
<div class="foot flex w1360">
<div class="foot-left flex">
<div class="item">
<a href="javascript:void(0);">企业介绍</a>
<a href="javascript:void(0);">关于我们</a>
<div class="sub-item">
<a href="introduction.html">公司简介</a>
<a href="culture.html">企业文化</a>
@ -149,6 +157,13 @@
<a href="honors.html">荣誉资质</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">媒体中心</a>
<div class="sub-item">
<a href="activities.html">品牌活动</a>
<a href="news.html">媒体报道</a>
</div>
</div>
<div class="item">
<a href="javascript:void(0);">物业服务</a>
<div class="sub-item">
@ -159,7 +174,27 @@
<a href="market.html">友邻集市服务</a>
</div>
</div>
<div class="item item-cantact">
<div class="item wap-show">
<a href="javascript:void(0);">项目案例</a>
<div class="sub-item">
<a href="redPropert.html">红色物业</a>
<a href="topQuality.html">臻品项目</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">加入中正</a>
<div class="sub-item">
<a href="join.html">人才招聘</a>
<a href="cooperation.html">商务合作</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">投诉建议</a>
<div class="sub-item">
<a href="complaint.html">投诉建议</a>
</div>
</div>
<div class="item item-cantact pc-show">
<a href="javascript:void(0);">联系我们</a>
<div class="sub-item contact-item">
<a href="javascript:void(0);">

46
joinDetail.html
View File

@ -10,6 +10,7 @@
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<link rel="stylesheet" href="css/animate.min.css">
<script type="text/javascript" src="js/base.js"></script>
<script type="text/javascript" src="js/jquery-3.6.0.min.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.3.js"></script>
<script type="text/javascript" src="js/swiper-bundle.min.js"></script>
@ -24,6 +25,7 @@
<div class="head flex w1360">
<div class="logo"><a href="/"><img src="images/public/logo.png" alt="中正物业"></a></div>
<div class="nav flex">
<span><img src="images/public/logo.png" alt="中正物业"></a></span>
<a href="index.html">首页</a>
<a href="introduction.html">关于我们</a>
<a href="activities.html">媒体中心</a>
@ -31,14 +33,21 @@
<a href="redPropert.html">项目案例</a>
<a href="join.html" class="active">加入中正</a>
<a href="complaint.html">投诉建议</a>
</div>
</div>
<!-- 电话 -->
<a href="tel:400-852-1199" class="pull-call color-white flex">
<span class="bg-col-white flex"><img src="images/icon/icon-call-head.png" alt="电话"></span>
<span>400-852-1199</span>
</a>
</div>
<!-- 导航按钮 -->
<div class="nav-bg"></div>
<div class="head-btn">
<i class="bar-top"></i>
<i class="bar-cen"></i>
<i class="bar-bom"></i>
</div>
</div>
</div>
<!-- 当前位置&二级导航 -->
<div class="position-nav-bg pull-margin bg-col-f5">
@ -86,11 +95,11 @@
<!-- 尾部 -->
<div class="footer wow fadeInUp">
<div class="footer">
<div class="foot flex w1360">
<div class="foot-left flex">
<div class="item">
<a href="javascript:void(0);">企业介绍</a>
<a href="javascript:void(0);">关于我们</a>
<div class="sub-item">
<a href="introduction.html">公司简介</a>
<a href="culture.html">企业文化</a>
@ -98,6 +107,13 @@
<a href="honors.html">荣誉资质</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">媒体中心</a>
<div class="sub-item">
<a href="activities.html">品牌活动</a>
<a href="news.html">媒体报道</a>
</div>
</div>
<div class="item">
<a href="javascript:void(0);">物业服务</a>
<div class="sub-item">
@ -108,7 +124,27 @@
<a href="market.html">友邻集市服务</a>
</div>
</div>
<div class="item item-cantact">
<div class="item wap-show">
<a href="javascript:void(0);">项目案例</a>
<div class="sub-item">
<a href="redPropert.html">红色物业</a>
<a href="topQuality.html">臻品项目</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">加入中正</a>
<div class="sub-item">
<a href="join.html">人才招聘</a>
<a href="cooperation.html">商务合作</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">投诉建议</a>
<div class="sub-item">
<a href="complaint.html">投诉建议</a>
</div>
</div>
<div class="item item-cantact pc-show">
<a href="javascript:void(0);">联系我们</a>
<div class="sub-item contact-item">
<a href="javascript:void(0);">

13
js/base.js Normal file
View File

@ -0,0 +1,13 @@
!(function(win, doc, orw) {
var docEle = doc.documentElement;
fnResetHtmlFontSize();
function fnResetHtmlFontSize() {
var width = docEle.clientWidth;
if (width >= orw) {
docEle.style.fontSize = '100px';
} else {
docEle.style.fontSize = (width / orw) * 100 + 'px';
}
}
win.addEventListener('resize', fnResetHtmlFontSize, false);
})(window, document, 750);

48
js/script.js
View File

@ -1,6 +1,5 @@
$(function(){
// 滑动页面更改头部效果
// 手机端显示头部
if(screen.width <= 768){
$('.header').addClass('header-white');
}else{
@ -56,6 +55,38 @@ $(function(){
$('.new-list>.swiper').eq($(this).index()).addClass("show").siblings().removeClass('show');
}
})
if(screen.width <= 768){
// 公司新闻切换
var newsSwiper = new Swiper('.news-swiper',{
loop:true,//开启循环播放
autoplay: {//开启自动播放
delay:2000,
disableOnInteraction: false,//触摸后不会停止自动滚动
pauseOnMouseEnter: true,//鼠标置于swiper时暂停自动切换，鼠标离开时恢复自动切换。
},
slidesPerView: "auto",
centeredSlides:true,
pagination: {
el: '.news-swiper .swiper-pagination',
clickable :true,
},
});
// 区域动态切换
var informationSwiper = new Swiper('.information-swiper',{
loop:true,//开启循环播放
autoplay: {//开启自动播放
delay:2000,
disableOnInteraction: false,//触摸后不会停止自动滚动
pauseOnMouseEnter: true,//鼠标置于swiper时暂停自动切换，鼠标离开时恢复自动切换。
},
slidesPerView: "auto",
centeredSlides:true,
pagination: {
el: '.information-swiper .swiper-pagination',
clickable :true,
},
});
}else{
// 公司新闻切换
var newsSwiper = new Swiper('.news-swiper',{
direction: 'vertical', //向上
@ -93,6 +124,7 @@ $(function(){
},
});
}
}
// 管理团队切换
if($('.management-team-nav').length){
@ -104,6 +136,18 @@ $(function(){
})
}
// 尾部导航
if(screen.width <= 768){
$('.foot-left>.item>a').click(function(){
if(!$(this).parent().hasClass('active')){
$('.foot-left>.item').removeClass('active');
$(this).parent().addClass("active");
}else{
$('.foot-left>.item').removeClass('active');
}
})
}
// 大事件切换
if($('.history-swiper').length){
var historySwiper = new Swiper('.history-swiper',{
@ -204,7 +248,7 @@ $(function(){
boxClass: 'wow', /* 执行动画的元素 class */
animateClass: 'animated', /* animate.css 动画的 class */
offset: 10, /* 距离可视区域多少开始执行动画 */
mobile: false, /* 是否在移动设备执行动画 */
mobile: true, /* 是否在移动设备执行动画 */
live: true /* 异步加载的内容是否有效 */
});
wow.init();

48
market.html
View File

@ -10,6 +10,7 @@
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<link rel="stylesheet" href="css/animate.min.css">
<script type="text/javascript" src="js/base.js"></script>
<script type="text/javascript" src="js/jquery-3.6.0.min.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.3.js"></script>
<script type="text/javascript" src="js/swiper-bundle.min.js"></script>
@ -24,6 +25,7 @@
<div class="head flex w1360">
<div class="logo"><a href="/"><img src="images/public/logo.png" alt="中正物业"></a></div>
<div class="nav flex">
<span><img src="images/public/logo.png" alt="中正物业"></a></span>
<a href="index.html">首页</a>
<a href="introduction.html">关于我们</a>
<a href="activities.html">媒体中心</a>
@ -31,14 +33,21 @@
<a href="redPropert.html">项目案例</a>
<a href="join.html">加入中正</a>
<a href="complaint.html">投诉建议</a>
</div>
</div>
<!-- 电话 -->
<a href="tel:400-852-1199" class="pull-call color-white flex">
<span class="bg-col-white flex"><img src="images/icon/icon-call-head.png" alt="电话"></span>
<span>400-852-1199</span>
</a>
</div>
<!-- 导航按钮 -->
<div class="nav-bg"></div>
<div class="head-btn">
<i class="bar-top"></i>
<i class="bar-cen"></i>
<i class="bar-bom"></i>
</div>
</div>
</div>
<!-- 当前位置&二级导航 -->
<div class="position-nav-bg pull-margin bg-col-f5">
@ -190,14 +199,12 @@
</div>
</div>
<!-- 尾部 -->
<div class="footer wow fadeInUp">
<div class="footer">
<div class="foot flex w1360">
<div class="foot-left flex">
<div class="item">
<a href="javascript:void(0);">企业介绍</a>
<a href="javascript:void(0);">关于我们</a>
<div class="sub-item">
<a href="introduction.html">公司简介</a>
<a href="culture.html">企业文化</a>
@ -205,6 +212,13 @@
<a href="honors.html">荣誉资质</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">媒体中心</a>
<div class="sub-item">
<a href="activities.html">品牌活动</a>
<a href="news.html">媒体报道</a>
</div>
</div>
<div class="item">
<a href="javascript:void(0);">物业服务</a>
<div class="sub-item">
@ -215,7 +229,27 @@
<a href="market.html">友邻集市服务</a>
</div>
</div>
<div class="item item-cantact">
<div class="item wap-show">
<a href="javascript:void(0);">项目案例</a>
<div class="sub-item">
<a href="redPropert.html">红色物业</a>
<a href="topQuality.html">臻品项目</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">加入中正</a>
<div class="sub-item">
<a href="join.html">人才招聘</a>
<a href="cooperation.html">商务合作</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">投诉建议</a>
<div class="sub-item">
<a href="complaint.html">投诉建议</a>
</div>
</div>
<div class="item item-cantact pc-show">
<a href="javascript:void(0);">联系我们</a>
<div class="sub-item contact-item">
<a href="javascript:void(0);">

44
marketDetail.html
View File

@ -10,6 +10,7 @@
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<link rel="stylesheet" href="css/animate.min.css">
<script type="text/javascript" src="js/base.js"></script>
<script type="text/javascript" src="js/jquery-3.6.0.min.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.3.js"></script>
<script type="text/javascript" src="js/swiper-bundle.min.js"></script>
@ -24,6 +25,7 @@
<div class="head flex w1360">
<div class="logo"><a href="/"><img src="images/public/logo.png" alt="中正物业"></a></div>
<div class="nav flex">
<span><img src="images/public/logo.png" alt="中正物业"></a></span>
<a href="index.html">首页</a>
<a href="introduction.html">关于我们</a>
<a href="activities.html">媒体中心</a>
@ -31,14 +33,21 @@
<a href="redPropert.html">项目案例</a>
<a href="join.html">加入中正</a>
<a href="complaint.html">投诉建议</a>
</div>
</div>
<!-- 电话 -->
<a href="tel:400-852-1199" class="pull-call color-white flex">
<span class="bg-col-white flex"><img src="images/icon/icon-call-head.png" alt="电话"></span>
<span>400-852-1199</span>
</a>
</div>
<!-- 导航按钮 -->
<div class="nav-bg"></div>
<div class="head-btn">
<i class="bar-top"></i>
<i class="bar-cen"></i>
<i class="bar-bom"></i>
</div>
</div>
</div>
<!-- 当前位置&二级导航 -->
<div class="position-nav-bg pull-margin bg-col-f5">
@ -77,7 +86,7 @@
<div class="foot flex w1360">
<div class="foot-left flex">
<div class="item">
<a href="javascript:void(0);">企业介绍</a>
<a href="javascript:void(0);">关于我们</a>
<div class="sub-item">
<a href="introduction.html">公司简介</a>
<a href="culture.html">企业文化</a>
@ -85,6 +94,13 @@
<a href="honors.html">荣誉资质</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">媒体中心</a>
<div class="sub-item">
<a href="activities.html">品牌活动</a>
<a href="news.html">媒体报道</a>
</div>
</div>
<div class="item">
<a href="javascript:void(0);">物业服务</a>
<div class="sub-item">
@ -95,7 +111,27 @@
<a href="market.html">友邻集市服务</a>
</div>
</div>
<div class="item item-cantact">
<div class="item wap-show">
<a href="javascript:void(0);">项目案例</a>
<div class="sub-item">
<a href="redPropert.html">红色物业</a>
<a href="topQuality.html">臻品项目</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">加入中正</a>
<div class="sub-item">
<a href="join.html">人才招聘</a>
<a href="cooperation.html">商务合作</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">投诉建议</a>
<div class="sub-item">
<a href="complaint.html">投诉建议</a>
</div>
</div>
<div class="item item-cantact pc-show">
<a href="javascript:void(0);">联系我们</a>
<div class="sub-item contact-item">
<a href="javascript:void(0);">

46
news.html
View File

@ -10,6 +10,7 @@
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<link rel="stylesheet" href="css/animate.min.css">
<script type="text/javascript" src="js/base.js"></script>
<script type="text/javascript" src="js/jquery-3.6.0.min.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.3.js"></script>
<script type="text/javascript" src="js/swiper-bundle.min.js"></script>
@ -24,6 +25,7 @@
<div class="head flex w1360">
<div class="logo"><a href="/"><img src="images/public/logo.png" alt="中正物业"></a></div>
<div class="nav flex">
<span><img src="images/public/logo.png" alt="中正物业"></a></span>
<a href="index.html">首页</a>
<a href="introduction.html">关于我们</a>
<a href="activities.html" class="active">媒体中心</a>
@ -31,14 +33,21 @@
<a href="redPropert.html">项目案例</a>
<a href="join.html">加入中正</a>
<a href="complaint.html">投诉建议</a>
</div>
</div>
<!-- 电话 -->
<a href="tel:400-852-1199" class="pull-call color-white flex">
<span class="bg-col-white flex"><img src="images/icon/icon-call-head.png" alt="电话"></span>
<span>400-852-1199</span>
</a>
</div>
<!-- 导航按钮 -->
<div class="nav-bg"></div>
<div class="head-btn">
<i class="bar-top"></i>
<i class="bar-cen"></i>
<i class="bar-bom"></i>
</div>
</div>
</div>
<!-- 当前位置&二级导航 -->
<div class="position-nav-bg pull-margin bg-col-f5">
@ -149,11 +158,11 @@
<!-- 尾部 -->
<div class="footer wow fadeInUp">
<div class="footer">
<div class="foot flex w1360">
<div class="foot-left flex">
<div class="item">
<a href="javascript:void(0);">企业介绍</a>
<a href="javascript:void(0);">关于我们</a>
<div class="sub-item">
<a href="introduction.html">公司简介</a>
<a href="culture.html">企业文化</a>
@ -161,6 +170,13 @@
<a href="honors.html">荣誉资质</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">媒体中心</a>
<div class="sub-item">
<a href="activities.html">品牌活动</a>
<a href="news.html">媒体报道</a>
</div>
</div>
<div class="item">
<a href="javascript:void(0);">物业服务</a>
<div class="sub-item">
@ -171,7 +187,27 @@
<a href="market.html">友邻集市服务</a>
</div>
</div>
<div class="item item-cantact">
<div class="item wap-show">
<a href="javascript:void(0);">项目案例</a>
<div class="sub-item">
<a href="redPropert.html">红色物业</a>
<a href="topQuality.html">臻品项目</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">加入中正</a>
<div class="sub-item">
<a href="join.html">人才招聘</a>
<a href="cooperation.html">商务合作</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">投诉建议</a>
<div class="sub-item">
<a href="complaint.html">投诉建议</a>
</div>
</div>
<div class="item item-cantact pc-show">
<a href="javascript:void(0);">联系我们</a>
<div class="sub-item contact-item">
<a href="javascript:void(0);">

44
newsDetail.html
View File

@ -10,6 +10,7 @@
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<link rel="stylesheet" href="css/animate.min.css">
<script type="text/javascript" src="js/base.js"></script>
<script type="text/javascript" src="js/jquery-3.6.0.min.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.3.js"></script>
<script type="text/javascript" src="js/swiper-bundle.min.js"></script>
@ -24,6 +25,7 @@
<div class="head flex w1360">
<div class="logo"><a href="/"><img src="images/public/logo.png" alt="中正物业"></a></div>
<div class="nav flex">
<span><img src="images/public/logo.png" alt="中正物业"></a></span>
<a href="index.html">首页</a>
<a href="introduction.html">关于我们</a>
<a href="activities.html" class="active">媒体中心</a>
@ -31,14 +33,21 @@
<a href="redPropert.html">项目案例</a>
<a href="join.html">加入中正</a>
<a href="complaint.html">投诉建议</a>
</div>
</div>
<!-- 电话 -->
<a href="tel:400-852-1199" class="pull-call color-white flex">
<span class="bg-col-white flex"><img src="images/icon/icon-call-head.png" alt="电话"></span>
<span>400-852-1199</span>
</a>
</div>
<!-- 导航按钮 -->
<div class="nav-bg"></div>
<div class="head-btn">
<i class="bar-top"></i>
<i class="bar-cen"></i>
<i class="bar-bom"></i>
</div>
</div>
</div>
<!-- 当前位置&二级导航 -->
<div class="position-nav-bg pull-margin bg-col-f5">
@ -103,7 +112,7 @@
<div class="foot flex w1360">
<div class="foot-left flex">
<div class="item">
<a href="javascript:void(0);">企业介绍</a>
<a href="javascript:void(0);">关于我们</a>
<div class="sub-item">
<a href="introduction.html">公司简介</a>
<a href="culture.html">企业文化</a>
@ -111,6 +120,13 @@
<a href="honors.html">荣誉资质</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">媒体中心</a>
<div class="sub-item">
<a href="activities.html">品牌活动</a>
<a href="news.html">媒体报道</a>
</div>
</div>
<div class="item">
<a href="javascript:void(0);">物业服务</a>
<div class="sub-item">
@ -121,7 +137,27 @@
<a href="market.html">友邻集市服务</a>
</div>
</div>
<div class="item item-cantact">
<div class="item wap-show">
<a href="javascript:void(0);">项目案例</a>
<div class="sub-item">
<a href="redPropert.html">红色物业</a>
<a href="topQuality.html">臻品项目</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">加入中正</a>
<div class="sub-item">
<a href="join.html">人才招聘</a>
<a href="cooperation.html">商务合作</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">投诉建议</a>
<div class="sub-item">
<a href="complaint.html">投诉建议</a>
</div>
</div>
<div class="item item-cantact pc-show">
<a href="javascript:void(0);">联系我们</a>
<div class="sub-item contact-item">
<a href="javascript:void(0);">

44
redPropert.html
View File

@ -10,6 +10,7 @@
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<link rel="stylesheet" href="css/animate.min.css">
<script type="text/javascript" src="js/base.js"></script>
<script type="text/javascript" src="js/jquery-3.6.0.min.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.3.js"></script>
<script type="text/javascript" src="js/swiper-bundle.min.js"></script>
@ -24,6 +25,7 @@
<div class="head flex w1360">
<div class="logo"><a href="/"><img src="images/public/logo.png" alt="中正物业"></a></div>
<div class="nav flex">
<span><img src="images/public/logo.png" alt="中正物业"></a></span>
<a href="index.html">首页</a>
<a href="introduction.html">关于我们</a>
<a href="activities.html">媒体中心</a>
@ -31,14 +33,21 @@
<a href="redPropert.html" class="active">项目案例</a>
<a href="join.html">加入中正</a>
<a href="complaint.html">投诉建议</a>
</div>
</div>
<!-- 电话 -->
<a href="tel:400-852-1199" class="pull-call color-white flex">
<span class="bg-col-white flex"><img src="images/icon/icon-call-head.png" alt="电话"></span>
<span>400-852-1199</span>
</a>
</div>
<!-- 导航按钮 -->
<div class="nav-bg"></div>
<div class="head-btn">
<i class="bar-top"></i>
<i class="bar-cen"></i>
<i class="bar-bom"></i>
</div>
</div>
</div>
<!-- 当前位置&二级导航 -->
<div class="position-nav-bg pull-margin bg-col-f5">
@ -153,7 +162,7 @@
<div class="foot flex w1360">
<div class="foot-left flex">
<div class="item">
<a href="javascript:void(0);">企业介绍</a>
<a href="javascript:void(0);">关于我们</a>
<div class="sub-item">
<a href="introduction.html">公司简介</a>
<a href="culture.html">企业文化</a>
@ -161,6 +170,13 @@
<a href="honors.html">荣誉资质</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">媒体中心</a>
<div class="sub-item">
<a href="activities.html">品牌活动</a>
<a href="news.html">媒体报道</a>
</div>
</div>
<div class="item">
<a href="javascript:void(0);">物业服务</a>
<div class="sub-item">
@ -171,7 +187,27 @@
<a href="market.html">友邻集市服务</a>
</div>
</div>
<div class="item item-cantact">
<div class="item wap-show">
<a href="javascript:void(0);">项目案例</a>
<div class="sub-item">
<a href="redPropert.html">红色物业</a>
<a href="topQuality.html">臻品项目</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">加入中正</a>
<div class="sub-item">
<a href="join.html">人才招聘</a>
<a href="cooperation.html">商务合作</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">投诉建议</a>
<div class="sub-item">
<a href="complaint.html">投诉建议</a>
</div>
</div>
<div class="item item-cantact pc-show">
<a href="javascript:void(0);">联系我们</a>
<div class="sub-item contact-item">
<a href="javascript:void(0);">

46
redPropertDetail.html
View File

@ -10,6 +10,7 @@
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<link rel="stylesheet" href="css/animate.min.css">
<script type="text/javascript" src="js/base.js"></script>
<script type="text/javascript" src="js/jquery-3.6.0.min.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.3.js"></script>
<script type="text/javascript" src="js/swiper-bundle.min.js"></script>
@ -24,6 +25,7 @@
<div class="head flex w1360">
<div class="logo"><a href="/"><img src="images/public/logo.png" alt="中正物业"></a></div>
<div class="nav flex">
<span><img src="images/public/logo.png" alt="中正物业"></a></span>
<a href="index.html">首页</a>
<a href="introduction.html">关于我们</a>
<a href="activities.html">媒体中心</a>
@ -31,14 +33,21 @@
<a href="redPropert.html" class="active">项目案例</a>
<a href="join.html">加入中正</a>
<a href="complaint.html">投诉建议</a>
</div>
</div>
<!-- 电话 -->
<a href="tel:400-852-1199" class="pull-call color-white flex">
<span class="bg-col-white flex"><img src="images/icon/icon-call-head.png" alt="电话"></span>
<span>400-852-1199</span>
</a>
</div>
<!-- 导航按钮 -->
<div class="nav-bg"></div>
<div class="head-btn">
<i class="bar-top"></i>
<i class="bar-cen"></i>
<i class="bar-bom"></i>
</div>
</div>
</div>
<!-- 当前位置&二级导航 -->
<div class="position-nav-bg pull-margin bg-col-f5">
@ -124,11 +133,11 @@
<!-- 尾部 -->
<div class="footer wow fadeInUp">
<div class="footer">
<div class="foot flex w1360">
<div class="foot-left flex">
<div class="item">
<a href="javascript:void(0);">企业介绍</a>
<a href="javascript:void(0);">关于我们</a>
<div class="sub-item">
<a href="introduction.html">公司简介</a>
<a href="culture.html">企业文化</a>
@ -136,6 +145,13 @@
<a href="honors.html">荣誉资质</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">媒体中心</a>
<div class="sub-item">
<a href="activities.html">品牌活动</a>
<a href="news.html">媒体报道</a>
</div>
</div>
<div class="item">
<a href="javascript:void(0);">物业服务</a>
<div class="sub-item">
@ -146,7 +162,27 @@
<a href="market.html">友邻集市服务</a>
</div>
</div>
<div class="item item-cantact">
<div class="item wap-show">
<a href="javascript:void(0);">项目案例</a>
<div class="sub-item">
<a href="redPropert.html">红色物业</a>
<a href="topQuality.html">臻品项目</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">加入中正</a>
<div class="sub-item">
<a href="join.html">人才招聘</a>
<a href="cooperation.html">商务合作</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">投诉建议</a>
<div class="sub-item">
<a href="complaint.html">投诉建议</a>
</div>
</div>
<div class="item item-cantact pc-show">
<a href="javascript:void(0);">联系我们</a>
<div class="sub-item contact-item">
<a href="javascript:void(0);">

44
services.html
View File

@ -10,6 +10,7 @@
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<link rel="stylesheet" href="css/animate.min.css">
<script type="text/javascript" src="js/base.js"></script>
<script type="text/javascript" src="js/jquery-3.6.0.min.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.3.js"></script>
<script type="text/javascript" src="js/swiper-bundle.min.js"></script>
@ -24,6 +25,7 @@
<div class="head flex w1360">
<div class="logo"><a href="/"><img src="images/public/logo.png" alt="中正物业"></a></div>
<div class="nav flex">
<span><img src="images/public/logo.png" alt="中正物业"></a></span>
<a href="index.html">首页</a>
<a href="introduction.html">关于我们</a>
<a href="activities.html">媒体中心</a>
@ -31,14 +33,21 @@
<a href="redPropert.html">项目案例</a>
<a href="join.html">加入中正</a>
<a href="complaint.html">投诉建议</a>
</div>
</div>
<!-- 电话 -->
<a href="tel:400-852-1199" class="pull-call color-white flex">
<span class="bg-col-white flex"><img src="images/icon/icon-call-head.png" alt="电话"></span>
<span>400-852-1199</span>
</a>
</div>
<!-- 导航按钮 -->
<div class="nav-bg"></div>
<div class="head-btn">
<i class="bar-top"></i>
<i class="bar-cen"></i>
<i class="bar-bom"></i>
</div>
</div>
</div>
<!-- 当前位置&二级导航 -->
<div class="position-nav-bg pull-margin bg-col-f5">
@ -105,7 +114,7 @@
<div class="foot flex w1360">
<div class="foot-left flex">
<div class="item">
<a href="javascript:void(0);">企业介绍</a>
<a href="javascript:void(0);">关于我们</a>
<div class="sub-item">
<a href="introduction.html">公司简介</a>
<a href="culture.html">企业文化</a>
@ -113,6 +122,13 @@
<a href="honors.html">荣誉资质</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">媒体中心</a>
<div class="sub-item">
<a href="activities.html">品牌活动</a>
<a href="news.html">媒体报道</a>
</div>
</div>
<div class="item">
<a href="javascript:void(0);">物业服务</a>
<div class="sub-item">
@ -123,7 +139,27 @@
<a href="market.html">友邻集市服务</a>
</div>
</div>
<div class="item item-cantact">
<div class="item wap-show">
<a href="javascript:void(0);">项目案例</a>
<div class="sub-item">
<a href="redPropert.html">红色物业</a>
<a href="topQuality.html">臻品项目</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">加入中正</a>
<div class="sub-item">
<a href="join.html">人才招聘</a>
<a href="cooperation.html">商务合作</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">投诉建议</a>
<div class="sub-item">
<a href="complaint.html">投诉建议</a>
</div>
</div>
<div class="item item-cantact pc-show">
<a href="javascript:void(0);">联系我们</a>
<div class="sub-item contact-item">
<a href="javascript:void(0);">

44
servicesDetail.html
View File

@ -10,6 +10,7 @@
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<link rel="stylesheet" href="css/animate.min.css">
<script type="text/javascript" src="js/base.js"></script>
<script type="text/javascript" src="js/jquery-3.6.0.min.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.3.js"></script>
<script type="text/javascript" src="js/swiper-bundle.min.js"></script>
@ -24,6 +25,7 @@
<div class="head flex w1360">
<div class="logo"><a href="/"><img src="images/public/logo.png" alt="中正物业"></a></div>
<div class="nav flex">
<span><img src="images/public/logo.png" alt="中正物业"></a></span>
<a href="index.html">首页</a>
<a href="introduction.html">关于我们</a>
<a href="activities.html">媒体中心</a>
@ -31,14 +33,21 @@
<a href="redPropert.html">项目案例</a>
<a href="join.html">加入中正</a>
<a href="complaint.html">投诉建议</a>
</div>
</div>
<!-- 电话 -->
<a href="tel:400-852-1199" class="pull-call color-white flex">
<span class="bg-col-white flex"><img src="images/icon/icon-call-head.png" alt="电话"></span>
<span>400-852-1199</span>
</a>
</div>
<!-- 导航按钮 -->
<div class="nav-bg"></div>
<div class="head-btn">
<i class="bar-top"></i>
<i class="bar-cen"></i>
<i class="bar-bom"></i>
</div>
</div>
</div>
<!-- 当前位置&二级导航 -->
<div class="position-nav-bg pull-margin bg-col-f5">
@ -119,7 +128,7 @@
<div class="foot flex w1360">
<div class="foot-left flex">
<div class="item">
<a href="javascript:void(0);">企业介绍</a>
<a href="javascript:void(0);">关于我们</a>
<div class="sub-item">
<a href="introduction.html">公司简介</a>
<a href="culture.html">企业文化</a>
@ -127,6 +136,13 @@
<a href="honors.html">荣誉资质</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">媒体中心</a>
<div class="sub-item">
<a href="activities.html">品牌活动</a>
<a href="news.html">媒体报道</a>
</div>
</div>
<div class="item">
<a href="javascript:void(0);">物业服务</a>
<div class="sub-item">
@ -137,7 +153,27 @@
<a href="market.html">友邻集市服务</a>
</div>
</div>
<div class="item item-cantact">
<div class="item wap-show">
<a href="javascript:void(0);">项目案例</a>
<div class="sub-item">
<a href="redPropert.html">红色物业</a>
<a href="topQuality.html">臻品项目</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">加入中正</a>
<div class="sub-item">
<a href="join.html">人才招聘</a>
<a href="cooperation.html">商务合作</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">投诉建议</a>
<div class="sub-item">
<a href="complaint.html">投诉建议</a>
</div>
</div>
<div class="item item-cantact pc-show">
<a href="javascript:void(0);">联系我们</a>
<div class="sub-item contact-item">
<a href="javascript:void(0);">

46
topQuality.html
View File

@ -10,6 +10,7 @@
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<link rel="stylesheet" href="css/animate.min.css">
<script type="text/javascript" src="js/base.js"></script>
<script type="text/javascript" src="js/jquery-3.6.0.min.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.3.js"></script>
<script type="text/javascript" src="js/swiper-bundle.min.js"></script>
@ -24,6 +25,7 @@
<div class="head flex w1360">
<div class="logo"><a href="/"><img src="images/public/logo.png" alt="中正物业"></a></div>
<div class="nav flex">
<span><img src="images/public/logo.png" alt="中正物业"></a></span>
<a href="index.html">首页</a>
<a href="introduction.html">关于我们</a>
<a href="activities.html">媒体中心</a>
@ -31,14 +33,21 @@
<a href="redPropert.html" class="active">项目案例</a>
<a href="join.html">加入中正</a>
<a href="complaint.html">投诉建议</a>
</div>
</div>
<!-- 电话 -->
<a href="tel:400-852-1199" class="pull-call color-white flex">
<span class="bg-col-white flex"><img src="images/icon/icon-call-head.png" alt="电话"></span>
<span>400-852-1199</span>
</a>
</div>
<!-- 导航按钮 -->
<div class="nav-bg"></div>
<div class="head-btn">
<i class="bar-top"></i>
<i class="bar-cen"></i>
<i class="bar-bom"></i>
</div>
</div>
</div>
<!-- 当前位置&二级导航 -->
<div class="position-nav-bg pull-margin bg-col-f5">
@ -151,11 +160,11 @@
</div>
<!-- 尾部 -->
<div class="footer wow fadeInUp">
<div class="footer">
<div class="foot flex w1360">
<div class="foot-left flex">
<div class="item">
<a href="javascript:void(0);">企业介绍</a>
<a href="javascript:void(0);">关于我们</a>
<div class="sub-item">
<a href="introduction.html">公司简介</a>
<a href="culture.html">企业文化</a>
@ -163,6 +172,13 @@
<a href="honors.html">荣誉资质</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">媒体中心</a>
<div class="sub-item">
<a href="activities.html">品牌活动</a>
<a href="news.html">媒体报道</a>
</div>
</div>
<div class="item">
<a href="javascript:void(0);">物业服务</a>
<div class="sub-item">
@ -173,7 +189,27 @@
<a href="market.html">友邻集市服务</a>
</div>
</div>
<div class="item item-cantact">
<div class="item wap-show">
<a href="javascript:void(0);">项目案例</a>
<div class="sub-item">
<a href="redPropert.html">红色物业</a>
<a href="topQuality.html">臻品项目</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">加入中正</a>
<div class="sub-item">
<a href="join.html">人才招聘</a>
<a href="cooperation.html">商务合作</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">投诉建议</a>
<div class="sub-item">
<a href="complaint.html">投诉建议</a>
</div>
</div>
<div class="item item-cantact pc-show">
<a href="javascript:void(0);">联系我们</a>
<div class="sub-item contact-item">
<a href="javascript:void(0);">

46
topQualityDetail.html
View File

@ -10,6 +10,7 @@
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<link rel="stylesheet" href="css/animate.min.css">
<script type="text/javascript" src="js/base.js"></script>
<script type="text/javascript" src="js/jquery-3.6.0.min.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.3.js"></script>
<script type="text/javascript" src="js/swiper-bundle.min.js"></script>
@ -24,6 +25,7 @@
<div class="head flex w1360">
<div class="logo"><a href="/"><img src="images/public/logo.png" alt="中正物业"></a></div>
<div class="nav flex">
<span><img src="images/public/logo.png" alt="中正物业"></a></span>
<a href="index.html">首页</a>
<a href="introduction.html">关于我们</a>
<a href="activities.html">媒体中心</a>
@ -31,14 +33,21 @@
<a href="redPropert.html" class="active">项目案例</a>
<a href="join.html">加入中正</a>
<a href="complaint.html">投诉建议</a>
</div>
</div>
<!-- 电话 -->
<a href="tel:400-852-1199" class="pull-call color-white flex">
<span class="bg-col-white flex"><img src="images/icon/icon-call-head.png" alt="电话"></span>
<span>400-852-1199</span>
</a>
</div>
<!-- 导航按钮 -->
<div class="nav-bg"></div>
<div class="head-btn">
<i class="bar-top"></i>
<i class="bar-cen"></i>
<i class="bar-bom"></i>
</div>
</div>
</div>
<!-- 当前位置&二级导航 -->
<div class="position-nav-bg pull-margin bg-col-f5">
@ -127,11 +136,11 @@
</div>
<!-- 尾部 -->
<div class="footer wow fadeInUp">
<div class="footer">
<div class="foot flex w1360">
<div class="foot-left flex">
<div class="item">
<a href="javascript:void(0);">企业介绍</a>
<a href="javascript:void(0);">关于我们</a>
<div class="sub-item">
<a href="introduction.html">公司简介</a>
<a href="culture.html">企业文化</a>
@ -139,6 +148,13 @@
<a href="honors.html">荣誉资质</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">媒体中心</a>
<div class="sub-item">
<a href="activities.html">品牌活动</a>
<a href="news.html">媒体报道</a>
</div>
</div>
<div class="item">
<a href="javascript:void(0);">物业服务</a>
<div class="sub-item">
@ -149,7 +165,27 @@
<a href="market.html">友邻集市服务</a>
</div>
</div>
<div class="item item-cantact">
<div class="item wap-show">
<a href="javascript:void(0);">项目案例</a>
<div class="sub-item">
<a href="redPropert.html">红色物业</a>
<a href="topQuality.html">臻品项目</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">加入中正</a>
<div class="sub-item">
<a href="join.html">人才招聘</a>
<a href="cooperation.html">商务合作</a>
</div>
</div>
<div class="item wap-show">
<a href="javascript:void(0);">投诉建议</a>
<div class="sub-item">
<a href="complaint.html">投诉建议</a>
</div>
</div>
<div class="item item-cantact pc-show">
<a href="javascript:void(0);">联系我们</a>
<div class="sub-item contact-item">
<a href="javascript:void(0);">