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

手机端样式

master
Lee 2022-09-29 18:32:34 +08:00
parent cae166bc6f
commit 1b50a22cf1
13 changed files with 731 additions and 177 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
activities.html
View File

@ -48,21 +48,27 @@
</div> </div>
</div> </div>
</div> </div>
<!-- 列表页banner -->
<div class="pull-banner w100 wap-show"><img src="images/banner-activities.jpg" alt="关于我们"></div>
<!-- 当前位置&二级导航 --> <!-- 当前位置&二级导航 -->
<div class="position-nav-bg pull-margin bg-col-f5"> <div class="position-nav-bg pull-margin bg-col-f5">
<div class="position-sub-nav w1360 flex"> <div class="position-sub-nav w1360 flex">
<!-- 当前位置 --> <!-- 当前位置 -->
<div class="position flex"> <div class="position flex pc-show">
<div class="img"><img src="images/icon/icon-position.png" alt="当前位置"></span></div> <div class="img"><img src="images/icon/icon-position.png" alt="当前位置"></span></div>
<div class="txt color-blue flex"><a href="index.html">首页</a><a href="activities.html">媒体中心</a>品牌活动</div> <div class="txt color-blue flex"><a href="index.html">首页</a><a href="activities.html">媒体中心</a>品牌活动</div>
</div> </div>
<!-- 二级导航 --> <!-- 二级导航 -->
<div class="sub-nav"> <div class="sub-nav-bg">
<div class="sub-nav sub-nav-other">
<a href="activities.html" class="active">品牌活动</a> <a href="activities.html" class="active">品牌活动</a>
<a href="news.html">媒体报道</a> <a href="news.html">媒体报道</a>
</div> </div>
</div> </div>
</div> </div>
</div>
<!-- 品牌活动 --> <!-- 品牌活动 -->
<div class="pull-section brand-activities-bg wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="pull-section brand-activities-bg wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
@ -124,7 +130,7 @@
<h2 class="clips1">植树造林·绿化家园 | 中正物业植树活动</h2> <h2 class="clips1">植树造林·绿化家园 | 中正物业植树活动</h2>
<p class="color-66 clips3">组织开展植树活动用心种植一棵树、用爱浇灌关系网此次植爱浇灌关系网此次植爱浇灌关系网此次植树活动最美的场景就是大家默契配合的每一分钟有一个永恒不变的主题“添一抹绿，美一方土”让我们一起倡导环保精神，提高护绿意识美化生活环境，创建绿色家园。</p> <p class="color-66 clips3">组织开展植树活动用心种植一棵树、用爱浇灌关系网此次植爱浇灌关系网此次植爱浇灌关系网此次植树活动最美的场景就是大家默契配合的每一分钟有一个永恒不变的主题“添一抹绿，美一方土”让我们一起倡导环保精神，提高护绿意识美化生活环境，创建绿色家园。</p>
<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span> <span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
<em class="uppercase font-helvetica">Events</em> <em class="uppercase font-helvetica pc-show">Events</em>
</div> </div>
</a> </a>
<a href="activitiesDetail.html" class="preview-item swiper-slide flex"> <a href="activitiesDetail.html" class="preview-item swiper-slide flex">
@ -133,7 +139,7 @@
<h2 class="clips1">植树造林·绿化家园 | 中正物业植树活动</h2> <h2 class="clips1">植树造林·绿化家园 | 中正物业植树活动</h2>
<p class="color-66 clips3">组织开展植树活动用心种植一棵树、用爱浇灌关系网此次植爱浇灌关系网此次植爱浇灌关系网此次植树活动最美的场景就是大家默契配合的每一分钟有一个永恒不变的主题“添一抹绿，美一方土”让我们一起倡导环保精神，提高护绿意识美化生活环境，创建绿色家园。</p> <p class="color-66 clips3">组织开展植树活动用心种植一棵树、用爱浇灌关系网此次植爱浇灌关系网此次植爱浇灌关系网此次植树活动最美的场景就是大家默契配合的每一分钟有一个永恒不变的主题“添一抹绿，美一方土”让我们一起倡导环保精神，提高护绿意识美化生活环境，创建绿色家园。</p>
<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span> <span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
<em class="uppercase font-helvetica">Events</em> <em class="uppercase font-helvetica pc-show">Events</em>
</div> </div>
</a> </a>
<a href="activitiesDetail.html" class="preview-item swiper-slide flex"> <a href="activitiesDetail.html" class="preview-item swiper-slide flex">
@ -142,7 +148,7 @@
<h2 class="clips1">植树造林·绿化家园 | 中正物业植树活动</h2> <h2 class="clips1">植树造林·绿化家园 | 中正物业植树活动</h2>
<p class="color-66 clips3">组织开展植树活动用心种植一棵树、用爱浇灌关系网此次植爱浇灌关系网此次植爱浇灌关系网此次植树活动最美的场景就是大家默契配合的每一分钟有一个永恒不变的主题“添一抹绿，美一方土”让我们一起倡导环保精神，提高护绿意识美化生活环境，创建绿色家园。</p> <p class="color-66 clips3">组织开展植树活动用心种植一棵树、用爱浇灌关系网此次植爱浇灌关系网此次植爱浇灌关系网此次植树活动最美的场景就是大家默契配合的每一分钟有一个永恒不变的主题“添一抹绿，美一方土”让我们一起倡导环保精神，提高护绿意识美化生活环境，创建绿色家园。</p>
<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span> <span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
<em class="uppercase font-helvetica">Events</em> <em class="uppercase font-helvetica pc-show">Events</em>
</div> </div>
</a> </a>
</div> </div>

17
activitiesDetail.html
View File

@ -50,24 +50,27 @@
</div> </div>
<!-- 当前位置&二级导航 --> <!-- 当前位置&二级导航 -->
<div class="position-nav-bg pull-margin bg-col-f5"> <div class="position-nav-bg pull-margin bg-col-f5 pc-show">
<div class="position-sub-nav w1360 flex"> <div class="position-sub-nav w1360 flex">
<!-- 当前位置 --> <!-- 当前位置 -->
<div class="position flex"> <div class="position flex pc-show">
<div class="img"><img src="images/icon/icon-position.png" alt="当前位置"></span></div> <div class="img"><img src="images/icon/icon-position.png" alt="当前位置"></span></div>
<div class="txt color-blue flex"><a href="index.html">首页</a><a href="activities.html">媒体中心</a><a href="activities.html">品牌活动</a>植树造林·绿化家园 中正物业植树活动</div> <div class="txt color-blue flex"><a href="index.html">首页</a><a href="activities.html">媒体中心</a><a href="activities.html">品牌活动</a>植树造林·绿化家园 中正物业植树活动</div>
</div> </div>
<!-- 二级导航 --> <!-- 二级导航 -->
<div class="sub-nav"> <div class="sub-nav-bg">
<div class="sub-nav sub-nav-other">
<a href="activities.html" class="active">品牌活动</a> <a href="activities.html" class="active">品牌活动</a>
<a href="news.html">媒体报道</a> <a href="news.html">媒体报道</a>
</div> </div>
</div> </div>
</div> </div>
</div>
<!-- 活动详情 --> <!-- 活动详情 -->
<div class="pull-section pull-content-bg content-bg-white"> <div class="pull-section pull-content-bg content-bg-white">
<div class="activities-detail w1360 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="activities-detail w1360 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="detail-top">
<!-- 轮播 --> <!-- 轮播 -->
<div class="detail-swiper swiper"> <div class="detail-swiper swiper">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
@ -102,10 +105,14 @@
<!-- 分页器 --> <!-- 分页器 -->
<div class="swiper-pagination"></div> <div class="swiper-pagination"></div>
</div> </div>
<!-- 详情 --> <!-- 标题 -->
<div class="activities-detail-txt flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="detai-title">
<h1 class="color-blue wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">植树造林·绿化家园 | 中正物业植树活动</h1> <h1 class="color-blue wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">植树造林·绿化家园 | 中正物业植树活动</h1>
<div class="sub-bid wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">中正物业植树活动,植树造林·绿化家园</div> <div class="sub-bid wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">中正物业植树活动,植树造林·绿化家园</div>
</div>
</div>
<!-- 详情 -->
<div class="activities-detail-txt flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="rich-txt color-66 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="rich-txt color-66 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<p style="text-indent: 2em;">若干年后，一定会有伟人和各行各业的领袖人物从这里走出去，这是枫叶中西教育优化结合接着，巴音孟克投资集团李山董事长、罗眸汎总裁与枫叶教育集团创始人·董事长任书良博士在贵宾接待室就双方发挥优势，融合资源，携手发展等事宜进行深度交谈。的独特体系决定的。2009年，枫叶教育集团创始人·董事长任书良博士在第三届枫叶教育论坛上的讲话一语成箴。2020年11月18日，巴音孟克投资集团董事长李山先生率队，应邀赴枫叶教育集团进行考察，与枫叶教育集团创始人·董事长任书良博士会晤商讨，谋求合作，汲取智慧，共畅未来。</p> <br /> <p style="text-indent: 2em;">悠悠大连港，智慧与激情齐飞；拳拳枫叶情，梦想共长天一色。一个伟大的品牌，代表着一种质地丰厚的社会理念；一个伟大的理念，指导一项伟大的行动；一项伟大的行动，创造一个伟大的品牌。枫叶教育集团致力创建发展成为一个伟大的中国教育品牌，巴音孟克投资集团的使命是捍卫中国品牌，为用户和家人谋幸福。此次友好交流，为双方找到了新目标、新方法若干年后，一定会有伟人和各行各业的领袖人物从这里走出去，这是枫叶中西教育优化结合接着，巴音孟克投资集团李山董事长、罗眸汎总裁与枫叶教育集团创始人·董事长任书良博士在贵宾接待室就双方发挥优势，融合资源，携手发展等事宜进行深度交谈。的独特体系决定的。”2009年，枫叶教育集团创始人·董事长任书良博士在第三届枫叶教育论坛上的讲话一语成箴。2020年11月18日，巴音孟克投资集团董事长李山先生率队，应邀赴枫叶教育集团进行考察，与枫叶教育集团创始人·董事长任书良博士会晤商讨，谋求合作，汲取智慧，共畅未来。</p> <p style="text-indent: 2em;">若干年后，一定会有伟人和各行各业的领袖人物从这里走出去，这是枫叶中西教育优化结合接着，巴音孟克投资集团李山董事长、罗眸汎总裁与枫叶教育集团创始人·董事长任书良博士在贵宾接待室就双方发挥优势，融合资源，携手发展等事宜进行深度交谈。的独特体系决定的。2009年，枫叶教育集团创始人·董事长任书良博士在第三届枫叶教育论坛上的讲话一语成箴。2020年11月18日，巴音孟克投资集团董事长李山先生率队，应邀赴枫叶教育集团进行考察，与枫叶教育集团创始人·董事长任书良博士会晤商讨，谋求合作，汲取智慧，共畅未来。</p> <br /> <p style="text-indent: 2em;">悠悠大连港，智慧与激情齐飞；拳拳枫叶情，梦想共长天一色。一个伟大的品牌，代表着一种质地丰厚的社会理念；一个伟大的理念，指导一项伟大的行动；一项伟大的行动，创造一个伟大的品牌。枫叶教育集团致力创建发展成为一个伟大的中国教育品牌，巴音孟克投资集团的使命是捍卫中国品牌，为用户和家人谋幸福。此次友好交流，为双方找到了新目标、新方法若干年后，一定会有伟人和各行各业的领袖人物从这里走出去，这是枫叶中西教育优化结合接着，巴音孟克投资集团李山董事长、罗眸汎总裁与枫叶教育集团创始人·董事长任书良博士在贵宾接待室就双方发挥优势，融合资源，携手发展等事宜进行深度交谈。的独特体系决定的。”2009年，枫叶教育集团创始人·董事长任书良博士在第三届枫叶教育论坛上的讲话一语成箴。2020年11月18日，巴音孟克投资集团董事长李山先生率队，应邀赴枫叶教育集团进行考察，与枫叶教育集团创始人·董事长任书良博士会晤商讨，谋求合作，汲取智慧，共畅未来。</p>
<br /> <p style="text-indent: 2em;">悠悠大连港，智慧与激情齐飞；拳拳枫叶情，梦想共长天一色。一个伟大的品牌，代表着一种质地丰厚的社会理念；指导一项伟大的行动；一项伟大的行动，创造一个伟大的品牌。枫叶教育集团致力创建发展成为一个伟大的中国教育品牌，巴音孟克投资集团的使命是捍卫中国品牌，为用户和家人谋幸福。此次友好交流，为双方找到了新目标、新方法，期待两企合作共塑中国新品牌。</p> <br /> <p style="text-indent: 2em;">悠悠大连港，智慧与激情齐飞；拳拳枫叶情，梦想共长天一色。一个伟大的品牌，代表着一种质地丰厚的社会理念；指导一项伟大的行动；一项伟大的行动，创造一个伟大的品牌。枫叶教育集团致力创建发展成为一个伟大的中国教育品牌，巴音孟克投资集团的使命是捍卫中国品牌，为用户和家人谋幸福。此次友好交流，为双方找到了新目标、新方法，期待两企合作共塑中国新品牌。</p>

565
css/style.css
View File

@ -863,7 +863,6 @@
/* 大事记 */ /* 大事记 */
.history { .history {
justify-content: space-between; justify-content: space-between;
align-items: center;
padding-bottom: 40px; padding-bottom: 40px;
} }
@ -871,6 +870,10 @@
width: calc(100% - 590px); width: calc(100% - 590px);
} }
.history-title{
margin-bottom: 20px !important;
}
.history-title>p { .history-title>p {
max-width: 100%; max-width: 100%;
} }
@ -939,14 +942,19 @@
font-size: 16px; font-size: 16px;
line-height: 2.25; line-height: 2.25;
} }
.history-txt>p{
.history-txt>p>strong { display: flex;
display: inline-block;
width: 58px;
} }
.history-txt>p>strong {
width: 58px;
}
.history-txt>p>span {
width: calc(100% - 58px);
}
.history .img { .history .img {
width: 550px; width: 550px;
margin-top: 168px;
} }
.history .img>span { .history .img>span {
@ -1063,6 +1071,7 @@
.honor-list .item .txt { .honor-list .item .txt {
width: 100%; width: 100%;
font-size: 16px;
line-height: 2.25; line-height: 2.25;
padding-bottom: 75px; padding-bottom: 75px;
} }
@ -1076,15 +1085,20 @@
border-left: 1px solid #c9d3e2; border-left: 1px solid #c9d3e2;
transform: translateX(-73px); transform: translateX(-73px);
} }
.honor-list .item .txt p{
.honor-list .item:nth-of-type(odd) .txt p:before { display: flex;
content: ''; }
display: inline-block; .honor-list .item .txt p>img{
width: 10px; width: 10px;
height: 10px; height: 10px;
margin-top: 13px;
}
.honor-list .item .txt p>span{
width: calc(100% - 20px);
}
.honor-list .item:nth-of-type(odd) .txt p>img {
margin-right: 10px; margin-right: 10px;
background-image: url(../images/icon/icon-circular.png);
background-size: 100%;
} }
.honor-list .item:nth-of-type(even) .txt { .honor-list .item:nth-of-type(even) .txt {
@ -1094,14 +1108,13 @@
transform: translateX(73px); transform: translateX(73px);
} }
.honor-list .item:nth-of-type(even) .txt p::after { .honor-list .item:nth-of-type(even) .txt p {
content: ''; flex-direction: row-reverse;
display: inline-block; justify-content: flex-end;
width: 10px; }
height: 10px; .honor-list .item:nth-of-type(even) .txt p>img{
margin-right: 0;
margin-left: 10px; margin-left: 10px;
background-image: url(../images/icon/icon-circular.png);
background-size: 100%;
} }
/* 品牌活动 */ /* 品牌活动 */
@ -1207,6 +1220,7 @@
.preview-swiper .swiper-slide { .preview-swiper .swiper-slide {
width: 1100px; width: 1100px;
opacity: .3; opacity: .3;
margin: 0 20px;
} }
.preview-swiper .swiper-slide-active { .preview-swiper .swiper-slide-active {
@ -1283,7 +1297,7 @@
border-radius: 100%; border-radius: 100%;
right: calc(50% - 650px); right: calc(50% - 650px);
} }
.preview-swiper .swiper-button-prev>img,
.preview-swiper .swiper-button-next>img { .preview-swiper .swiper-button-next>img {
width: 100%; width: 100%;
} }
@ -1306,6 +1320,7 @@
.detail-swiper { .detail-swiper {
width: 100%; width: 100%;
height: 680px; height: 680px;
margin-bottom: .35rem;
} }
.detail-swiper .swiper-slide img { .detail-swiper .swiper-slide img {
@ -1350,26 +1365,26 @@
color: #ffffff; color: #ffffff;
} }
/* 内容 */ /* 标题 */
.activities-detail-txt { .detai-title>h1 {
flex-wrap: wrap;
justify-content: space-between;
padding-top: 35px;
}
.activities-detail-txt>h1 {
width: 100%; width: 100%;
font-size: 30px; font-size: 30px;
font-weight: normal; font-weight: normal;
margin: 4px; margin: 4px;
} }
.activities-detail-txt>.sub-bid { .detai-title>.sub-bid {
width: 100%; width: 100%;
font-size: 20px; font-size: 20px;
font-weight: bold; font-weight: bold;
} }
/* 内容 */
.activities-detail-txt {
flex-wrap: wrap;
justify-content: space-between;
}
.activities-detail-txt .rich-txt { .activities-detail-txt .rich-txt {
margin-top: 26px; margin-top: 26px;
font-size: 15px; font-size: 15px;
@ -1397,6 +1412,7 @@
padding-top: 25px; padding-top: 25px;
margin-top: 30px; margin-top: 30px;
border-top: 1px solid #e6e9ee; border-top: 1px solid #e6e9ee;
position: relative;
} }
.part-list>em { .part-list>em {
@ -1404,6 +1420,10 @@
height: 19px; height: 19px;
background-image: url(../images/icon/icon-part.png); background-image: url(../images/icon/icon-part.png);
background-size: cover; background-size: cover;
position: absolute;
left: 50%;
top: calc(50% + 15px);
transform: translate(-50%,-50%);
} }
.part-list>.item { .part-list>.item {
@ -1453,13 +1473,11 @@
.news-first .img { .news-first .img {
width: 47%; width: 47%;
height: 400px;
overflow: hidden; overflow: hidden;
} }
.news-first .img img { .news-first .img img {
width: 100%; width: 100%;
min-height: 400px;
transition: all .6s; transition: all .6s;
} }
@ -1709,12 +1727,12 @@
.services-list .item .img { .services-list .item .img {
max-width: 70%; max-width: 70%;
height: 450px; height: 100%;
overflow: hidden; overflow: hidden;
} }
.services-list .item .img>img { .services-list .item .img>img {
min-height: 450px; height: 100%;
transition: all .6s; transition: all .6s;
} }
@ -2397,6 +2415,10 @@
} }
/* 头部 */ /* 头部 */
.header-white{
background-color: #f2f5fa;
}
.head { .head {
height: .9rem; height: .9rem;
} }
@ -2900,10 +2922,25 @@
height: .9rem; height: .9rem;
} }
.sub-nav-bg{
width: 100%;
overflow-x: auto;
overflow-y: hidden;
}
.sub-nav-bg::-webkit-scrollbar {
width: 0;
height: 0;
opacity: 0;
}
.sub-nav { .sub-nav {
display: flex; display: flex;
justify-content: center; justify-content: center;
width: 100%; min-width: 100%;
overflow-x: auto;
}
.sub-nav-services{
justify-content: flex-start;
} }
.sub-nav>a { .sub-nav>a {
@ -2913,6 +2950,10 @@
border-bottom: .03rem solid rgba(14, 53, 127, 0); border-bottom: .03rem solid rgba(14, 53, 127, 0);
} }
.sub-nav-other>a{
margin-left: 1rem;
}
.sub-nav>a.active { .sub-nav>a.active {
border-bottom: .03rem solid #0e357f; border-bottom: .03rem solid #0e357f;
} }
@ -2937,6 +2978,7 @@
.profile-title>strong { .profile-title>strong {
font-size: .32rem; font-size: .32rem;
margin-top: .04rem; margin-top: .04rem;
font-weight: normal;
} }
.profile-title>span { .profile-title>span {
@ -2962,16 +3004,20 @@
} }
/* 管理团队 */ /* 管理团队 */
.profile-title{
margin-bottom: .2rem;
}
.management-team-list { .management-team-list {
flex-wrap: wrap; flex-wrap: wrap;
padding: 0; padding: 0;
background-color: rgba(255, 255, 255, 0) !important; background-color: rgba(255, 255, 255, 0) !important;
margin-top: .3rem;
} }
.management-team-nav { .management-team-nav {
width: 100%; width: 100%;
margin-top: .32rem; margin-top: 0;
} }
.management-team-nav>span { .management-team-nav>span {
@ -3055,6 +3101,9 @@
width: 100%; width: 100%;
margin: 0 0 .35rem 0; margin: 0 0 .35rem 0;
} }
.enterprise-list .item:last-child{
margin-bottom: .1rem;
}
.enterprise-list .item .txt { .enterprise-list .item .txt {
padding: .3rem .36rem; padding: .3rem .36rem;
@ -3078,4 +3127,452 @@
text-align: justify; text-align: justify;
height: auto; height: auto;
} }
/* 大事记 */
.history{
flex-wrap: wrap;
flex-direction: column-reverse;
width: 100% !important;
padding-bottom: 0;
}
.history .img{
width: 100%;
margin-top: 0;
padding: 0 3% .36rem;
border-bottom: .26rem solid #eef3f6;
}
.history .txt{
width: 100%;
padding: 0 3%;
}
.history-title-wap{
text-align: center;
}
.history-title-wap>p{
max-width: 100%;
}
.history-time{
width: 1.78rem;
padding-top: .2rem;
}
.history-time>p{
width: 1.4rem;
height: .44rem;
font-size: .24rem;
margin: 0;
}
.history-txt{
width: calc(100% - 1.78rem);
font-size: .24rem;
line-height: 1.8;
padding: .12rem 0 .4rem .38rem;
}
.history-txt>p>strong {
width: .6rem;
}
.history-txt>p>span {
width: calc(100% - .6rem);
}
.history-time>span{
width: .22rem;
height: .22rem;
top: .42rem;
}
.history-time>span>em{
width: .14rem;
height: .14rem;
}
.history-swiper-bg{
padding-top: .3rem;
}
.history-swiper{
max-height: 9.4rem;
}
.history-swiper-bg .swiper-button-prev,
.history-swiper-bg .swiper-button-next{
width: .86rem;
height: .86rem;
margin-left: 1.35rem;
}
.history-swiper-bg .swiper-button-prev>span,
.history-swiper-bg .swiper-button-next>span{
width: .66rem;
height: .66rem;
}
.history-swiper-bg .swiper-button-prev img,
.history-swiper-bg .swiper-button-next img{
width: .2rem;
}
/* 企业荣誉 */
.honor-list .item{
width: 100% !important;
flex-direction: row !important;
margin: 0 !important;
padding-left: .5rem !important;
padding-right: 0 !important;
padding-top: .28rem;
}
.honor-list .item>.time{
width: .96rem;
height: .96rem;
left: 0 !important;
right: auto !important;
}
.honor-list .item>.time>span{
width: .76rem;
height: .76rem;
font-size: .24rem;
}
.honor-list .item .txt{
border-left: 1px solid #c9d3e2;
border-right: 0 !important;
padding-left: .7rem !important;
padding-right: 0 !important;
font-size: .24rem;
text-align: left !important;
padding-bottom: .75rem;
line-height: 1.8;
}
.honor-list .item .txt p>img{
width: .1rem;
height: .1rem;
margin-top: .166rem;
}
.honor-list .item:nth-of-type(odd) .txt p>img{
margin-right: .1rem;
}
.honor-list .item:nth-of-type(even) .txt p{
flex-direction: row;
}
.honor-list .item:nth-of-type(even) .txt p>img{
margin-right: .1rem;
margin-left: 0;
}
.honor-list .item .txt p>span{
width: calc(100% - .2rem);
}
.honor-list .item:last-child .txt{
padding-bottom: 1.1rem;
}
/* 品牌活动 */
.activities-list .activities-item{
width: 100%;
height: 2.3rem;
}
.activities-list .activities-item:nth-of-type(2n){
flex-direction: row-reverse;
}
.activities-list .activities-item:nth-of-type(3n){
flex-direction: row;
}
.activities-list .activities-item>.txt{
padding: .2rem;
}
.activities-list .activities-item>.txt>h2{
font-size: .26rem;
text-align: center;
}
.activities-list .activities-item>.txt>p{
font-size: .24rem;
line-height: 1.5;
height: 1.08rem;
margin-top: .1rem;
margin-bottom: .1rem;
}
.activities-list .activities-item>.img>img{
min-height: 2.3rem;
}
.article-more-btn{
font-size: .24rem;
height: .3rem;
}
.article-more-btn>img{
height: .22rem;
}
.load-more{
width: 2.1rem;
height: .66rem;
font-size: .24rem;
border-radius: .33rem;
margin: .4rem auto 0;
}
.preview-swiper{
margin: .3rem 0 0;
padding-bottom: .9rem !important;
overflow-y: auto !important;
}
.preview-swiper .swiper-slide{
width: 6.5rem;
margin: 0 .12rem;
}
.preview-item .txt{
padding: .15rem .2rem;
}
.preview-item .txt h2{
font-size: .26rem;
-webkit-line-clamp:2;
}
.preview-item .txt p{
height: .72rem;
font-size: .24rem;
-webkit-line-clamp:2;
line-height: 1.5;
margin: .1rem 0 .2rem;
}
.preview-item .img{
height: 2.4rem;
}
.preview-item .img>img{
min-height: 2.4rem;
}
.preview-swiper .swiper-button-prev{
width: .55rem;
height: .55rem;
left: calc(50% - .8rem);
top: auto;
bottom: 0;
}
.preview-swiper .swiper-button-next{
width: .55rem;
height: .55rem;
right: calc(50% - .8rem);
top: auto;
bottom: 0;
}
/* 品牌活动详情 */
.detail-top{
display: flex;
flex-direction: column-reverse;
}
.detail-swiper{
margin-top: .3rem;
margin-bottom: 0;
height: 3.48rem;
}
.detail-swiper .swiper-slide img{
min-height: 3.48rem;
}
.detai-title>h1{
font-size: .3rem;
}
.detai-title>.sub-bid{
font-size: .24rem;
}
.activities-detail-txt .rich-txt{
margin-top: .26rem;
font-size: .26rem;
line-height: 1.8;
}
.activities-detail{
padding-bottom: 0;
}
.part-list{
flex-wrap: wrap;
padding-top: .25rem;
height: auto;
margin-top: .3rem;
font-size: .24rem;
}
.part-list>.item{
width: calc(100% - .3rem);
line-height: 2;
}
.part-list>.item:nth-of-type(2){
justify-content: flex-start;
}
.part-list>em{
left: auto;
right: 0;
top: calc(50% + .15rem);
transform: translate(0,-50%);
}
.part-list>.item>a{
max-width: calc(100% - 1rem);
}
/* 媒体报道 */
.news-nav{
flex-wrap: wrap;
padding: .26rem 0;
}
.news-nav>a {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
height: .9rem;
padding: 0 .25rem;
font-size: .26rem;
background-color: #ffffff;
color: #333333;
margin-right: 0;
}
.news-nav>a.active {
color: #ffffff;
background-color: #0e357f;
}
.news-nav>a.active::after {
content: "";
display: block;
width: .18rem;
height: .1rem;
background-image: url(../images/icon/icon-foot-arrow.png);
background-size: 100%;
}
.news-first-bg{
padding-bottom: .1rem;
}
.news-first{
flex-wrap: wrap;
padding: 0 0 .3rem;
background-color: #ffffff !important;
}
.news-first .img{
width: 100%;
}
.news-first .txt{
width: 100%;
}
.news-first .time{
width: 100%;
height: auto;
margin-top: .24rem;
border: 0;
color: #999999;
text-align: left;
}
.news-first .time>span{
font-size: .24rem;
line-height: 1.5;
opacity: 1;
margin-top: 0;
}
.news-first h2{
font-size: .28rem;
margin: 0;
}
.news-first .info{
min-height: auto;
font-size: .26rem;
line-height: .42rem;
margin: .1rem 0 .2rem;
-webkit-line-clamp:3;
}
.news-first .article-more-btn{
filter: grayscale(0);
opacity: 1;
}
.news-list{
padding-top: 0;
margin-top: -.12rem !important;
}
.news-item{
flex-wrap: wrap;
flex-direction: row-reverse;
padding: .2rem;
margin-top: .23rem;
}
.news-item .img{
width: 2.62rem;
height: 1.7rem;
}
.news-item .img>img{
min-height: 1.7rem;
}
.news-item .txt{
width: calc(100% - 2.9rem);
padding: 0;
}
.news-item .txt>em{
font-size: .24rem;
color: #999999;
}
.news-item .txt>h2{
font-size: .28rem;
}
.news-item .txt>.info{
font-size: .26rem;
line-height: 1.5;
-webkit-line-clamp:2;
height: auto;
margin: .1rem 0 0;
}
.load-more-news{
height: .68rem;
margin: .25rem 0 0;
font-size: .24rem;
}
/* 媒体报道详情 */
.news-detail-bg{
padding: .35rem 0;
}
.news-detail-txt{
width: 100%;
}
.news-detail-txt>h1{
font-size: .3rem;
}
.news-detail-txt>.news-survey{
font-size: .18rem;
padding: .06rem 0 .1rem;
height: .66rem;
}
.news-detail-txt>.news-survey>span{
margin-right: .18rem;
}
.news-detail-txt>.news-survey>span img{
margin-right: .05rem;
max-height: .24rem;
}
.news-detail-txt .rich-txt{
font-size: .22rem;
line-height: 1.8;
margin-top: .15rem;
}
/* 物业服务 */
.services-list{
padding: 0;
}
.services-list .item{
height: 3.55rem;
margin-bottom: .26rem;
}
.services-list .item:last-child{
margin-bottom: 0;
}
.services-list .item .img{
max-width: 80%;
}
.services-list .item-mask{
left: 20%;
}
.services-list .item .txt{
left: .33rem;
}
.services-list .item .txt h2{
font-size: .28rem;
}
.services-list .item .txt p{
font-size: .26rem;
margin-top: .06rem;
}
.services-list .item .txt .article-more-btn{
font-size: .24rem;
margin-top: .5rem;
}
} }

2
culture.html
View File

@ -61,6 +61,7 @@
<div class="txt color-blue flex"><a href="index.html">首页</a><a href="introduction.html">关于我们</a>企业文化</div> <div class="txt color-blue flex"><a href="index.html">首页</a><a href="introduction.html">关于我们</a>企业文化</div>
</div> </div>
<!-- 二级导航 --> <!-- 二级导航 -->
<div class="sub-nav-bg">
<div class="sub-nav"> <div class="sub-nav">
<a href="introduction.html">企业简介</a> <a href="introduction.html">企业简介</a>
<a href="culture.html" class="active">企业文化</a> <a href="culture.html" class="active">企业文化</a>
@ -69,6 +70,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<!-- 简介 --> <!-- 简介 -->
<div class="pull-section pull-profile-bg wow fadeInUp"> <div class="pull-section pull-profile-bg wow fadeInUp">
<div class="company-profile company-culture flex w1360"> <div class="company-profile company-culture flex w1360">

63
history.html
View File

@ -49,15 +49,19 @@
</div> </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-nav-bg pull-margin bg-col-f5">
<div class="position-sub-nav w1360 flex"> <div class="position-sub-nav w1360 flex">
<!-- 当前位置 --> <!-- 当前位置 -->
<div class="position flex"> <div class="position flex pc-show">
<div class="img"><img src="images/icon/icon-position.png" alt="当前位置"></span></div> <div class="img"><img src="images/icon/icon-position.png" alt="当前位置"></span></div>
<div class="txt color-blue flex"><a href="index.html">首页</a><a href="introduction.html">关于我们</a>大事记</div> <div class="txt color-blue flex"><a href="index.html">首页</a><a href="introduction.html">关于我们</a>大事记</div>
</div> </div>
<!-- 二级导航 --> <!-- 二级导航 -->
<div class="sub-nav-bg">
<div class="sub-nav"> <div class="sub-nav">
<a href="introduction.html">企业简介</a> <a href="introduction.html">企业简介</a>
<a href="culture.html">企业文化</a> <a href="culture.html">企业文化</a>
@ -66,16 +70,17 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<!-- 内容 --> <!-- 内容 -->
<div class="pull-section pull-content-bg content-bg-white wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="pull-section pull-content-bg content-bg-white wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="history flex w1360"> <div class="profile-title history-title history-title-wap w1360">
<div class="txt">
<div class="profile-title history-title">
<p class="capitalize font-helvetica color-blue wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">Chronicle Of Events</p> <p class="capitalize font-helvetica color-blue wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">Chronicle Of Events</p>
<strong class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">大事记</strong> <strong class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">大事记</strong>
<span class="color-blue wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">致力打造中国具有居住价值<br />人文价值的幸福社区</span> <span class="color-blue pc-show wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">致力打造中国具有居住价值<br />人文价值的幸福社区</span>
</div> </div>
<div class="history flex w1360">
<div class="txt">
<div class="history-swiper-bg"> <div class="history-swiper-bg">
<!-- 向前 --> <!-- 向前 -->
<div class="swiper-button-prev"> <div class="swiper-button-prev">
@ -89,9 +94,9 @@
<span><em></em></span> <span><em></em></span>
</div> </div>
<div class="history-txt"> <div class="history-txt">
<p><strong>1月</strong>中正物业正式入驻鑫苑小区、光明A区、巴音孟克商业综合体办公楼。</p> <p><strong>1月</strong><span>中正物业正式入驻鑫苑小区、光明A区、巴音孟克商业综合体办公楼。</span></p>
<p><strong>4月</strong>中正物业正式入驻巴音孟克办公楼</p> <p><strong>4月</strong><span>中正物业正式入驻巴音孟克办公楼中正物业正式入驻巴音孟克办公楼中正物业正式入驻巴音孟克办公楼中正物业正式入驻巴音孟克办公楼</span></p>
<p><strong>5月</strong>中正物业入驻泰和苑小区</p> <p><strong>5月</strong><span>中正物业入驻泰和苑小区</span></p>
</div> </div>
</div> </div>
<div class="swiper-slide flex"> <div class="swiper-slide flex">
@ -100,10 +105,10 @@
<span><em></em></span> <span><em></em></span>
</div> </div>
<div class="history-txt"> <div class="history-txt">
<p><strong>1月</strong>中正物业正式入驻鑫苑小区、光明A区、巴音孟克商业综合体办公楼。</p> <p><strong>1月</strong><span>中正物业正式入驻鑫苑小区、光明A区、巴音孟克商业综合体办公楼。</span></p>
<p><strong>4月</strong>中正物业正式入驻巴音孟克办公楼</p> <p><strong>4月</strong><span>中正物业正式入驻巴音孟克办公楼</span></p>
<p><strong>5月</strong>中正物业入驻泰和苑小区</p> <p><strong>5月</strong><span>中正物业入驻泰和苑小区</span></p>
<p><strong>6月</strong>中正物业入驻泰和苑小区</p> <p><strong>6月</strong><span>中正物业入驻泰和苑小区</span></p>
</div> </div>
</div> </div>
<div class="swiper-slide flex"> <div class="swiper-slide flex">
@ -112,7 +117,7 @@
<span><em></em></span> <span><em></em></span>
</div> </div>
<div class="history-txt"> <div class="history-txt">
<p><strong>11月</strong>中正物业正式成立</p> <p><strong>11月</strong><span>中正物业正式成立</span></p>
</div> </div>
</div> </div>
<div class="swiper-slide flex"> <div class="swiper-slide flex">
@ -121,13 +126,13 @@
<span><em></em></span> <span><em></em></span>
</div> </div>
<div class="history-txt"> <div class="history-txt">
<p><strong>1月</strong>中正物业正式入驻鑫苑小区、光明A区、巴音孟克商业综合体办公楼。</p> <p><strong>1月</strong><span>中正物业正式入驻鑫苑小区、光明A区、巴音孟克商业综合体办公楼。</span></p>
<p><strong>4月</strong>中正物业正式入驻巴音孟克办公楼</p> <p><strong>4月</strong><span>中正物业正式入驻巴音孟克办公楼</span></p>
<p><strong>5月</strong>中正物业入驻泰和苑小区</p> <p><strong>5月</strong><span>中正物业入驻泰和苑小区</span></p>
<p><strong>6月</strong>中正物业正式入驻鑫苑小区、光明A区、巴音孟克商业综合体办公楼。</p> <p><strong>6月</strong><span>中正物业正式入驻鑫苑小区、光明A区、巴音孟克商业综合体办公楼。</span></p>
<p><strong>7月</strong>中正物业正式入驻巴音孟克办公楼</p> <p><strong>7月</strong><span>中正物业正式入驻巴音孟克办公楼</span></p>
<p><strong>9月</strong>中正物业入驻泰和苑小区</p> <p><strong>9月</strong><span>中正物业入驻泰和苑小区</span></p>
<p><strong>11月</strong>中正物业正式入驻鑫苑小区、光明A区、巴音孟克商业综合体办公楼。</p> <p><strong>11月</strong><span>中正物业正式入驻鑫苑小区、光明A区、巴音孟克商业综合体办公楼。</span></p>
</div> </div>
</div> </div>
<div class="swiper-slide flex"> <div class="swiper-slide flex">
@ -136,9 +141,9 @@
<span><em></em></span> <span><em></em></span>
</div> </div>
<div class="history-txt"> <div class="history-txt">
<p><strong>1月</strong>中正物业正式入驻鑫苑小区、光明A区、巴音孟克商业综合体办公楼。</p> <p><strong>1月</strong><span>中正物业正式入驻鑫苑小区、光明A区、巴音孟克商业综合体办公楼。</span></p>
<p><strong>4月</strong>中正物业正式入驻巴音孟克办公楼</p> <p><strong>4月</strong><span>中正物业正式入驻巴音孟克办公楼</span></p>
<p><strong>5月</strong>中正物业入驻泰和苑小区</p> <p><strong>5月</strong><span>中正物业入驻泰和苑小区</span></p>
</div> </div>
</div> </div>
<div class="swiper-slide flex"> <div class="swiper-slide flex">
@ -147,9 +152,9 @@
<span><em></em></span> <span><em></em></span>
</div> </div>
<div class="history-txt"> <div class="history-txt">
<p><strong>1月</strong>中正物业正式入驻鑫苑小区、光明A区、巴音孟克商业综合体办公楼。</p> <p><strong>1月</strong><span>中正物业正式入驻鑫苑小区、光明A区、巴音孟克商业综合体办公楼。</span></p>
<p><strong>4月</strong>中正物业正式入驻巴音孟克办公楼</p> <p><strong>4月</strong><span>中正物业正式入驻巴音孟克办公楼</span></p>
<p><strong>5月</strong>中正物业入驻泰和苑小区</p> <p><strong>5月</strong><span>中正物业入驻泰和苑小区</span></p>
</div> </div>
</div> </div>
<div class="swiper-slide flex"> <div class="swiper-slide flex">
@ -158,9 +163,9 @@
<span><em></em></span> <span><em></em></span>
</div> </div>
<div class="history-txt"> <div class="history-txt">
<p><strong>1月</strong>中正物业正式入驻鑫苑小区、光明A区、巴音孟克商业综合体办公楼。</p> <p><strong>1月</strong><span>中正物业正式入驻鑫苑小区、光明A区、巴音孟克商业综合体办公楼。</span></p>
<p><strong>4月</strong>中正物业正式入驻巴音孟克办公楼</p> <p><strong>4月</strong><span>中正物业正式入驻巴音孟克办公楼</span></p>
<p><strong>5月</strong>中正物业入驻泰和苑小区</p> <p><strong>5月</strong><span>中正物业入驻泰和苑小区</span></p>
</div> </div>
</div> </div>
</div> </div>

35
honors.html
View File

@ -49,15 +49,19 @@
</div> </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-nav-bg pull-margin bg-col-f5">
<div class="position-sub-nav w1360 flex"> <div class="position-sub-nav w1360 flex">
<!-- 当前位置 --> <!-- 当前位置 -->
<div class="position flex"> <div class="position flex pc-show">
<div class="img"><img src="images/icon/icon-position.png" alt="当前位置"></span></div> <div class="img"><img src="images/icon/icon-position.png" alt="当前位置"></span></div>
<div class="txt color-blue flex"><a href="index.html">首页</a><a href="introduction.html">关于我们</a>企业荣誉</div> <div class="txt color-blue flex"><a href="index.html">首页</a><a href="introduction.html">关于我们</a>企业荣誉</div>
</div> </div>
<!-- 二级导航 --> <!-- 二级导航 -->
<div class="sub-nav-bg">
<div class="sub-nav"> <div class="sub-nav">
<a href="introduction.html">企业简介</a> <a href="introduction.html">企业简介</a>
<a href="culture.html">企业文化</a> <a href="culture.html">企业文化</a>
@ -66,6 +70,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<!-- 企业荣誉 --> <!-- 企业荣誉 -->
<div class="pull-section pull-content-bg content-bg-white wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="pull-section pull-content-bg content-bg-white wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
@ -78,35 +83,35 @@
<div class="item"> <div class="item">
<div class="time flex"><span>2022</span></div> <div class="time flex"><span>2022</span></div>
<div class="txt wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="txt wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<p>中国物业服务综合实力三强</p> <p><img src="images/icon/icon-circular.png"><span>中国物业服务综合实力三强</span></p>
<p>中国物业服务百强服务质量领先企业</p> <p><img src="images/icon/icon-circular.png"><span>中国物业服务百强服务质量领先企业</span></p>
<p>中国物业服务百强满意度领先企业</p> <p><img src="images/icon/icon-circular.png"><span>中国物业服务百强满意度领先企业</span></p>
<p>中国物业服务专业化运营领先品牌企业</p> <p><img src="images/icon/icon-circular.png"><span>中国物业服务专业化运营领先品牌企业</span></p>
</div> </div>
</div> </div>
<div class="item"> <div class="item">
<div class="time flex"><span>2021</span></div> <div class="time flex"><span>2021</span></div>
<div class="txt wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="txt wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<p>“和谐社区之旅”物管服务评选“最公益、最贴心、最欢乐”三大殊荣</p> <p><img src="images/icon/icon-circular.png"><span>“和谐社区之旅”物管服务评选“最公益、最贴心、最欢乐”三大殊荣</span></p>
<p>物业管理改革发展三十周年综合实力百强企业</p> <p><img src="images/icon/icon-circular.png"><span>物业管理改革发展三十周年综合实力百强企业</span></p>
<p>中国物业管理协会常务理事单位（第三届）</p> <p><img src="images/icon/icon-circular.png"><span>中国物业管理协会常务理事单位（第三届）</span></p>
</div> </div>
</div> </div>
<div class="item"> <div class="item">
<div class="time flex"><span>2020</span></div> <div class="time flex"><span>2020</span></div>
<div class="txt wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="txt wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<p>中国物业服务综合实力三强</p> <p><img src="images/icon/icon-circular.png"><span>中国物业服务综合实力三强</span></p>
<p>中国物业服务百强服务质量领先企业</p> <p><img src="images/icon/icon-circular.png"><span>中国物业服务百强服务质量领先企业</span></p>
<p>中国物业服务百强满意度领先企业</p> <p><img src="images/icon/icon-circular.png"><span>中国物业服务百强满意度领先企业</span></p>
<p>中国物业服务专业化运营领先品牌企业</p> <p><img src="images/icon/icon-circular.png"><span>中国物业服务专业化运营领先品牌企业</span></p>
</div> </div>
</div> </div>
<div class="item"> <div class="item">
<div class="time flex"><span>2019</span></div> <div class="time flex"><span>2019</span></div>
<div class="txt wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="txt wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<p>“和谐社区之旅”物管服务评选“最公益、最贴心、最欢乐”三大殊荣</p> <p><img src="images/icon/icon-circular.png"><span>“和谐社区之旅”物管服务评选“最公益、最贴心、最欢乐”三大殊荣</span></p>
<p>物业管理改革发展三十周年综合实力百强企业</p> <p><img src="images/icon/icon-circular.png"><span>物业管理改革发展三十周年综合实力百强企业</span></p>
<p>中国物业管理协会常务理事单位（第三届）</p> <p><img src="images/icon/icon-circular.png"><span>中国物业管理协会常务理事单位（第三届）</span></p>
</div> </div>
</div> </div>
</div> </div>

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 106 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 137 KiB

2
introduction.html
View File

@ -61,6 +61,7 @@
<div class="txt color-blue flex"><a href="index.html">首页</a><a href="introduction.html">关于我们</a>企业简介</div> <div class="txt color-blue flex"><a href="index.html">首页</a><a href="introduction.html">关于我们</a>企业简介</div>
</div> </div>
<!-- 二级导航 --> <!-- 二级导航 -->
<div class="sub-nav-bg">
<div class="sub-nav"> <div class="sub-nav">
<a href="introduction.html" class="active">企业简介</a> <a href="introduction.html" class="active">企业简介</a>
<a href="culture.html">企业文化</a> <a href="culture.html">企业文化</a>
@ -69,6 +70,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<!-- 简介 --> <!-- 简介 -->
<div class="pull-section pull-profile-bg wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="pull-section pull-profile-bg wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="company-profile flex w1360"> <div class="company-profile flex w1360">

16
js/script.js
View File

@ -177,7 +177,6 @@ $(function(){
}, },
slidesPerView: "auto", slidesPerView: "auto",
centeredSlides:true, centeredSlides:true,
spaceBetween: 40,
navigation: { navigation: {
nextEl: '.preview-swiper .swiper-button-next', nextEl: '.preview-swiper .swiper-button-next',
prevEl: '.preview-swiper .swiper-button-prev', prevEl: '.preview-swiper .swiper-button-prev',
@ -272,4 +271,19 @@ $(function(){
$('.head .head-btn').removeClass('cur'); $('.head .head-btn').removeClass('cur');
$('.head .nav').removeClass('active'); $('.head .nav').removeClass('active');
}); });
// 手机端二级导航
if(screen.width <= 768){
if($('.sub-nav-services').length){
var num = $('.sub-nav-services>a').length;
var intervalWidth = 0.6*(num-1);
var widthStr = 0;
for(var i=0;i<num;i++){
widthStr += $('.sub-nav-services>a').eq(i).width();
}
var allWidth = `calc(${widthStr}px + ${intervalWidth}rem')`;
$('.sub-nav-services').css('width',allWidth);
}
}
}) })

39
news.html
View File

@ -49,21 +49,26 @@
</div> </div>
</div> </div>
<!-- 列表页banner -->
<div class="pull-banner w100 wap-show"><img src="images/banner-activities.jpg" alt="关于我们"></div>
<!-- 当前位置&二级导航 --> <!-- 当前位置&二级导航 -->
<div class="position-nav-bg pull-margin bg-col-f5"> <div class="position-nav-bg pull-margin bg-col-f5">
<div class="position-sub-nav w1360 flex"> <div class="position-sub-nav w1360 flex">
<!-- 当前位置 --> <!-- 当前位置 -->
<div class="position flex"> <div class="position flex pc-show">
<div class="img"><img src="images/icon/icon-position.png" alt="当前位置"></span></div> <div class="img"><img src="images/icon/icon-position.png" alt="当前位置"></span></div>
<div class="txt color-blue flex"><a href="index.html">首页</a><a href="activities.html">媒体中心</a>媒体报道</div> <div class="txt color-blue flex"><a href="index.html">首页</a><a href="activities.html">媒体中心</a>媒体报道</div>
</div> </div>
<!-- 二级导航 --> <!-- 二级导航 -->
<div class="sub-nav-bg">
<div class="sub-nav"> <div class="sub-nav">
<a href="activities.html">品牌活动</a> <a href="activities.html">品牌活动</a>
<a href="news.html" class="active">媒体报道</a> <a href="news.html" class="active">媒体报道</a>
</div> </div>
</div> </div>
</div> </div>
</div>
<!-- 新闻导航 --> <!-- 新闻导航 -->
<div class="news-nav flex w1360 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="news-nav flex w1360 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
@ -77,8 +82,8 @@
<div class="img"><img src="images/news-01.jpg" alt="中正物业入驻颐景苑 再拓物业服务版图"></div> <div class="img"><img src="images/news-01.jpg" alt="中正物业入驻颐景苑 再拓物业服务版图"></div>
<div class="txt wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="txt wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="time color-blue"> <div class="time color-blue">
<strong>22</strong> <strong class="pc-show">22</strong>
<span>2022.09</span> <span>2022.09<em class="wap-show">.22</em></span>
</div> </div>
<h2 class="color-blue clips1">中正物业入驻颐景苑 再拓物业服务版图</h2> <h2 class="color-blue clips1">中正物业入驻颐景苑 再拓物业服务版图</h2>
<div class="info color-66 clips4">4月13日，中正物业正式入驻颐景苑小区，为颐景苑小区提供全面物业服务。中正物业将结合颐景苑小区的需求，以打造“中正物业高品质物业品牌”为目标，紧密围绕“健康、安全、舒适、快捷、贴心、品味”十二字方针开展物业管理服务。</div> <div class="info color-66 clips4">4月13日，中正物业正式入驻颐景苑小区，为颐景苑小区提供全面物业服务。中正物业将结合颐景苑小区的需求，以打造“中正物业高品质物业品牌”为目标，紧密围绕“健康、安全、舒适、快捷、贴心、品味”十二字方针开展物业管理服务。</div>
@ -93,60 +98,64 @@
<a href="newsDetail.html" class="news-item bg-col-white flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <a href="newsDetail.html" class="news-item bg-col-white flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="img"><img src="images/news-02.jpg" alt="中正物业入驻颐景苑 再拓物业服务版图"></div> <div class="img"><img src="images/news-02.jpg" alt="中正物业入驻颐景苑 再拓物业服务版图"></div>
<div class="txt wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="txt wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<em class="wap-show">2022.09.22</em>
<h2 class="clips1">中正物业入驻颐景苑 再拓物业服务版图</h2> <h2 class="clips1">中正物业入驻颐景苑 再拓物业服务版图</h2>
<div class="info color-66 clips4">4月13日，中正物业正式入驻颐景苑小区，为颐景苑小区提供全面物业服务。中正物业将结合颐景苑小区的需求，以打造“中正物业高品质物业品牌”为目标，紧密围绕“健康、安全、舒适、快捷、贴心、品味”十二字方针开展物业管理服务。</div> <div class="info color-66 clips4">4月13日，中正物业正式入驻颐景苑小区，为颐景苑小区提供全面物业服务。中正物业将结合颐景苑小区的需求，以打造“中正物业高品质物业品牌”为目标，紧密围绕“健康、安全、舒适、快捷、贴心、品味”十二字方针开展物业管理服务。</div>
<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span> <span class="article-more-btn color-blue pc-show">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
</div> </div>
<div class="time-bg"> <div class="time-bg pc-show">
<div class="time color-blue"> <div class="time color-blue">
<img src="images/icon/icon-time.png" alt="日期"> <img src="images/icon/icon-time.png" alt="日期">
<strong>22</strong> <strong>22</strong>
<span>2022.09</span> <span>2022.09<em class="wap-show">.22</em></span>
</div> </div>
</div> </div>
</a> </a>
<a href="newsDetail.html" class="news-item bg-col-white flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <a href="newsDetail.html" class="news-item bg-col-white flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="img"><img src="images/news-02.jpg" alt="中正物业入驻颐景苑 再拓物业服务版图"></div> <div class="img"><img src="images/news-02.jpg" alt="中正物业入驻颐景苑 再拓物业服务版图"></div>
<div class="txt wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="txt wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<em class="wap-show">2022.09.22</em>
<h2 class="clips1">中正物业入驻颐景苑 再拓物业服务版图</h2> <h2 class="clips1">中正物业入驻颐景苑 再拓物业服务版图</h2>
<div class="info color-66 clips4">4月13日，中正物业正式入驻颐景苑小区，为颐景苑小区提供全面物业服务。中正物业将结合颐景苑小区的需求，以打造“中正物业高品质物业品牌”为目标，紧密围绕“健康、安全、舒适、快捷、贴心、品味”十二字方针开展物业管理服务。</div> <div class="info color-66 clips4">4月13日，中正物业正式入驻颐景苑小区，为颐景苑小区提供全面物业服务。中正物业将结合颐景苑小区的需求，以打造“中正物业高品质物业品牌”为目标，紧密围绕“健康、安全、舒适、快捷、贴心、品味”十二字方针开展物业管理服务。</div>
<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span> <span class="article-more-btn color-blue pc-show">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
</div> </div>
<div class="time-bg"> <div class="time-bg pc-show">
<div class="time color-blue"> <div class="time color-blue">
<img src="images/icon/icon-time.png" alt="日期"> <img src="images/icon/icon-time.png" alt="日期">
<strong>22</strong> <strong>22</strong>
<span>2022.09</span> <span>2022.09<em class="wap-show">.22</em></span>
</div> </div>
</div> </div>
</a> </a>
<a href="newsDetail.html" class="news-item bg-col-white flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <a href="newsDetail.html" class="news-item bg-col-white flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="img"><img src="images/news-02.jpg" alt="中正物业入驻颐景苑 再拓物业服务版图"></div> <div class="img"><img src="images/news-02.jpg" alt="中正物业入驻颐景苑 再拓物业服务版图"></div>
<div class="txt wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="txt wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<em class="wap-show">2022.09.22</em>
<h2 class="clips1">中正物业入驻颐景苑 再拓物业服务版图</h2> <h2 class="clips1">中正物业入驻颐景苑 再拓物业服务版图</h2>
<div class="info color-66 clips4">4月13日，中正物业正式入驻颐景苑小区，为颐景苑小区提供全面物业服务。中正物业将结合颐景苑小区的需求，以打造“中正物业高品质物业品牌”为目标，紧密围绕“健康、安全、舒适、快捷、贴心、品味”十二字方针开展物业管理服务。</div> <div class="info color-66 clips4">4月13日，中正物业正式入驻颐景苑小区，为颐景苑小区提供全面物业服务。中正物业将结合颐景苑小区的需求，以打造“中正物业高品质物业品牌”为目标，紧密围绕“健康、安全、舒适、快捷、贴心、品味”十二字方针开展物业管理服务。</div>
<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span> <span class="article-more-btn color-blue pc-show">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
</div> </div>
<div class="time-bg"> <div class="time-bg pc-show">
<div class="time color-blue"> <div class="time color-blue">
<img src="images/icon/icon-time.png" alt="日期"> <img src="images/icon/icon-time.png" alt="日期">
<strong>22</strong> <strong>22</strong>
<span>2022.09</span> <span>2022.09<em class="wap-show">.22</em></span>
</div> </div>
</div> </div>
</a> </a>
<a href="newsDetail.html" class="news-item bg-col-white flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <a href="newsDetail.html" class="news-item bg-col-white flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="img"><img src="images/news-02.jpg" alt="中正物业入驻颐景苑 再拓物业服务版图"></div> <div class="img"><img src="images/news-02.jpg" alt="中正物业入驻颐景苑 再拓物业服务版图"></div>
<div class="txt wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="txt wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<em class="wap-show">2022.09.22</em>
<h2 class="clips1">中正物业入驻颐景苑 再拓物业服务版图</h2> <h2 class="clips1">中正物业入驻颐景苑 再拓物业服务版图</h2>
<div class="info color-66 clips4">4月13日，中正物业正式入驻颐景苑小区，为颐景苑小区提供全面物业服务。中正物业将结合颐景苑小区的需求，以打造“中正物业高品质物业品牌”为目标，紧密围绕“健康、安全、舒适、快捷、贴心、品味”十二字方针开展物业管理服务。</div> <div class="info color-66 clips4">4月13日，中正物业正式入驻颐景苑小区，为颐景苑小区提供全面物业服务。中正物业将结合颐景苑小区的需求，以打造“中正物业高品质物业品牌”为目标，紧密围绕“健康、安全、舒适、快捷、贴心、品味”十二字方针开展物业管理服务。</div>
<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span> <span class="article-more-btn color-blue pc-show">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
</div> </div>
<div class="time-bg"> <div class="time-bg pc-show">
<div class="time color-blue"> <div class="time color-blue">
<img src="images/icon/icon-time.png" alt="日期"> <img src="images/icon/icon-time.png" alt="日期">
<strong>22</strong> <strong>22</strong>
<span>2022.09</span> <span>2022.09<em class="wap-show">.22</em></span>
</div> </div>
</div> </div>
</a> </a>

14
newsDetail.html
View File

@ -50,7 +50,7 @@
</div> </div>
<!-- 当前位置&二级导航 --> <!-- 当前位置&二级导航 -->
<div class="position-nav-bg pull-margin bg-col-f5"> <div class="position-nav-bg pull-margin bg-col-f5 pc-show">
<div class="position-sub-nav w1360 flex"> <div class="position-sub-nav w1360 flex">
<!-- 当前位置 --> <!-- 当前位置 -->
<div class="position flex"> <div class="position flex">
@ -58,9 +58,11 @@
<div class="txt color-blue flex"><a href="index.html">首页</a><a href="activities.html">媒体中心</a><a href="news.html">媒体报道</a>媒体报道标题</div> <div class="txt color-blue flex"><a href="index.html">首页</a><a href="activities.html">媒体中心</a><a href="news.html">媒体报道</a>媒体报道标题</div>
</div> </div>
<!-- 二级导航 --> <!-- 二级导航 -->
<div class="sub-nav-bg">
<div class="sub-nav"> <div class="sub-nav">
<a href="news.html" class="active">总部新闻</a> <a href="news.html">总部新闻</a>
<a href="news.html">区域动态</a> <a href="news.html" class="active">区域动态</a>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -70,8 +72,8 @@
<div class="news-detail-txt"> <div class="news-detail-txt">
<h1 class="color-blue wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">中正物业入驻颐景苑 再拓物业服务版图</h1> <h1 class="color-blue wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">中正物业入驻颐景苑 再拓物业服务版图</h1>
<div class="news-survey color-66 flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"> <div class="news-survey color-66 flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<span class="flex"><img src="images/icon/icon-time-detail.png">发布时间：2022.06.05</span> <span class="flex"><img src="images/icon/icon-time-detail.png"><em class="pc-show">发布</em>时间：2022.06.05</span>
<span class="flex"><img src="images/icon/icon-source.png">文章来源：中正物业</span> <span class="flex"><img src="images/icon/icon-source.png"><em class="pc-show">文章</em>来源：中正物业</span>
<span class="flex"><img src="images/icon/icon-browse.png">浏览：2562</span> <span class="flex"><img src="images/icon/icon-browse.png">浏览：2562</span>
</div> </div>
<div class="rich-txt wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="rich-txt wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
@ -94,7 +96,7 @@
<div class="item flex"><strong class="color-blue">下一篇：</strong><a class="clips1" href="">年会盛典 | 融合梦想 奋进2022</a></div> <div class="item flex"><strong class="color-blue">下一篇：</strong><a class="clips1" href="">年会盛典 | 融合梦想 奋进2022</a></div>
</div> </div>
</div> </div>
<div class="news-side wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="news-side wow fadeInUp pc-show" data-wow-duration="0.8s" data-wow-delay="0">
<a href="javascript:void(0);" class="news-side-services color-white wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0" style="background: url(./images/public/news-side-services.jpg);"> <a href="javascript:void(0);" class="news-side-services color-white wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0" style="background: url(./images/public/news-side-services.jpg);">
<p class="font-helvetica">Residential property services</p> <p class="font-helvetica">Residential property services</p>
<span>住宅物业服务</span> <span>住宅物业服务</span>

9
services.html
View File

@ -49,16 +49,20 @@
</div> </div>
</div> </div>
<!-- 列表页banner -->
<div class="pull-banner w100 wap-show"><img src="images/banner-services.jpg" alt="关于我们"></div>
<!-- 当前位置&二级导航 --> <!-- 当前位置&二级导航 -->
<div class="position-nav-bg pull-margin bg-col-f5"> <div class="position-nav-bg pull-margin bg-col-f5">
<div class="position-sub-nav w1360 flex"> <div class="position-sub-nav w1360 flex">
<!-- 当前位置 --> <!-- 当前位置 -->
<div class="position flex"> <div class="position flex pc-show">
<div class="img"><img src="images/icon/icon-position.png" alt="当前位置"></span></div> <div class="img"><img src="images/icon/icon-position.png" alt="当前位置"></span></div>
<div class="txt color-blue flex"><a href="index.html">首页</a><a href="services.html">物业服务</a>住宅物业服务</div> <div class="txt color-blue flex"><a href="index.html">首页</a><a href="services.html">物业服务</a>住宅物业服务</div>
</div> </div>
<!-- 二级导航 --> <!-- 二级导航 -->
<div class="sub-nav"> <div class="sub-nav-bg">
<div class="sub-nav sub-nav-services">
<a href="services.html" class="active">住宅物业服务</a> <a href="services.html" class="active">住宅物业服务</a>
<a href="services.html">商企物业服务</a> <a href="services.html">商企物业服务</a>
<a href="services.html">园区物业服务</a> <a href="services.html">园区物业服务</a>
@ -67,6 +71,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<!-- 服务列表 --> <!-- 服务列表 -->
<div class="pull-section pull-content-bg content-bg-white wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="pull-section pull-content-bg content-bg-white wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="services-list w1360"> <div class="services-list w1360">