From cae166bc6fd84e5ef412a65c1a45261cff2ecbcc Mon Sep 17 00:00:00 2001 From: Lee <342694918@qq.com> Date: Wed, 28 Sep 2022 18:25:41 +0800 Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E6=88=90=E9=83=A8=E5=88=86=E6=89=8B?= =?UTF-8?q?=E6=9C=BA=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- activities.html | 50 +- activitiesDetail.html | 50 +- addedValue.html | 50 +- addedValueDetail.html | 54 +- complaint.html | 50 +- cooperation.html | 50 +- css/style.css | 774 +++++++++++++++++++++++++--- culture.html | 75 ++- history.html | 52 +- honors.html | 50 +- images/banner-02.jpg | Bin 299923 -> 339860 bytes images/banner-about.jpg | Bin 0 -> 129069 bytes images/banner-wap-01.jpg | Bin 0 -> 242078 bytes images/banner-wap-02.jpg | Bin 0 -> 210039 bytes images/banner-wap-03.jpg | Bin 0 -> 520377 bytes images/icon/icon-foot-arrow.png | Bin 0 -> 1153 bytes images/news-wap.jpg | Bin 0 -> 105193 bytes images/public/enterprise-wap-01.jpg | Bin 0 -> 148097 bytes images/public/enterprise-wap-02.jpg | Bin 0 -> 126865 bytes images/public/enterprise-wap-03.jpg | Bin 0 -> 159078 bytes index.html | 159 +++++- introduction.html | 67 ++- join.html | 51 +- joinDetail.html | 52 +- js/base.js | 13 + js/script.js | 120 +++-- market.html | 54 +- marketDetail.html | 50 +- news.html | 52 +- newsDetail.html | 50 +- redPropert.html | 50 +- redPropertDetail.html | 52 +- services.html | 50 +- servicesDetail.html | 50 +- topQuality.html | 52 +- topQualityDetail.html | 52 +- 36 files changed, 1927 insertions(+), 302 deletions(-) create mode 100644 images/banner-about.jpg create mode 100644 images/banner-wap-01.jpg create mode 100644 images/banner-wap-02.jpg create mode 100644 images/banner-wap-03.jpg create mode 100644 images/icon/icon-foot-arrow.png create mode 100644 images/news-wap.jpg create mode 100644 images/public/enterprise-wap-01.jpg create mode 100644 images/public/enterprise-wap-02.jpg create mode 100644 images/public/enterprise-wap-03.jpg create mode 100644 js/base.js diff --git a/activities.html b/activities.html index e2c5229..0765064 100644 --- a/activities.html +++ b/activities.html @@ -10,6 +10,7 @@ + @@ -24,6 +25,7 @@
+ + +
+ + +
- - - 电话 - 400-852-1199 -
@@ -149,7 +158,7 @@
+
物业服务
@@ -167,7 +183,27 @@ 友邻集市服务
-
+ + + +
联系我们 @@ -116,7 +125,7 @@
+
物业服务
@@ -134,7 +150,27 @@ 友邻集市服务
-
+ + + +
联系我们 @@ -96,7 +105,7 @@
+
物业服务
@@ -114,7 +130,27 @@ 友邻集市服务
-
+ + + +
联系我们 @@ -129,7 +138,7 @@
+
物业服务
@@ -147,7 +163,27 @@ 友邻集市服务
-
+ + + +
联系我们 @@ -88,7 +97,7 @@
+
物业服务
@@ -106,7 +122,27 @@ 友邻集市服务
-
+ + + +
联系我们 @@ -114,7 +123,7 @@
+
物业服务
@@ -132,7 +148,27 @@ 友邻集市服务
-
+ + + +
联系我们
diff --git a/css/style.css b/css/style.css index ffedab2..133c58e 100644 --- a/css/style.css +++ b/css/style.css @@ -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; } -} \ No newline at end of file + + /* 尾部 */ + .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; + } +} diff --git a/culture.html b/culture.html index 08176e1..72aa238 100644 --- a/culture.html +++ b/culture.html @@ -10,6 +10,7 @@ + @@ -24,6 +25,7 @@ - - - 电话 - 400-852-1199 -
+ +
关于我们
+
-
+
当前位置
首页关于我们企业文化
@@ -61,12 +73,12 @@
-
+

Corporate Culture

企业文化
-

巴音孟克心 巴音孟克行

+

巴音孟克心 巴音孟克行

巴音孟克以为世人谋幸福为使命,为用户实现梦想为宗旨。

兢兢业业、披荆斩棘 。

经过多年的拼搏历程,在巴音孟克人的共同努力下,如今巴音孟克已成为一个多元化发展的大型企业 。

聚英才、整资源。凝心聚力 ,用户的梦想就是我们的任务。

巴音孟克人以道德为本 ,以道为尊、以德为贵。

@@ -91,7 +103,10 @@ 过多年的拼搏历程,在巴音孟克人的共同努力下,如今巴音孟克已成为一个多元化发展的大型企业 聚英才整资源凝心聚力 ,用户的梦想就是我们的任务。巴音孟克人以道德为本 ,以道为尊、以德为贵。
-
企业定位
+
+ 企业定位 + 企业定位 +
@@ -104,7 +119,10 @@ 过多年的拼搏历程,在巴音孟克人的共同努力下,如今巴音孟克已成为一个多元化发展的大型企业 聚英才整资源凝心聚力 ,用户的梦想就是我们的任务。巴音孟克人以道德为本 ,以道为尊、以德为贵。
-
企业定位
+
+ 企业使命 + 企业使命 +
@@ -117,16 +135,20 @@ 过多年的拼搏历程,在巴音孟克人的共同努力下,如今巴音孟克已成为一个多元化发展的大型企业 聚英才整资源凝心聚力 ,用户的梦想就是我们的任务。巴音孟克人以道德为本 ,以道为尊、以德为贵。
-
企业定位
+
+ 企业理念 + 企业理念 +
+