From e6a6f42f38185a00e51698d38443d0e665e9d9f7 Mon Sep 17 00:00:00 2001 From: Lee <342694918@qq.com> Date: Sun, 9 Oct 2022 10:15:51 +0800 Subject: [PATCH] =?UTF-8?q?=E5=93=8D=E5=BA=94=E5=BC=8F=E5=AE=8C=E6=88=90?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/base.css | 2 + css/style.css | 245 +++++++++++++++++++++++++++++++++++++------------- 2 files changed, 185 insertions(+), 62 deletions(-) diff --git a/css/base.css b/css/base.css index 07f5d89..9c0687c 100644 --- a/css/base.css +++ b/css/base.css @@ -17,6 +17,8 @@ -webkit-appearance: none; /* 去掉点击时的默认外观 */ outline-style: none; + /* 去除点击出现背景 */ + -webkit-tap-highlight-color:transparent; } body { diff --git a/css/style.css b/css/style.css index c6fd52f..3f78b69 100644 --- a/css/style.css +++ b/css/style.css @@ -867,7 +867,7 @@ } .history .txt { - width: calc(100% - 590px); + width: calc(60% - 40px); } .history-title { @@ -956,7 +956,7 @@ } .history .img { - width: 550px; + width: 40%; margin-top: 168px; } @@ -1153,7 +1153,7 @@ .activities-list .activities-item>.img>img { width: 100%; - min-height: 222px; + min-height: 100%; transition: all .6s; } @@ -1242,6 +1242,7 @@ .preview-item .img>img { width: 100%; + min-height: 100%; transition: all .6s; } @@ -1577,7 +1578,7 @@ .news-item .img>img { width: 100%; - min-height: 240px; + min-height: 100%; transition: all .6s; } @@ -2456,13 +2457,186 @@ display: none; } } -@media screen and (max-width:1440px) { +@media screen and (max-width:1520px) { .w1360{ width: 90% !important; } } +@media screen and (max-width:1360px){ + .preview-swiper .swiper-slide{ + width: 84%; + margin: 0 15px; + } + .preview-swiper .swiper-button-prev{ + left: 2.5%; + } + .preview-swiper .swiper-button-next{ + right: 2.5%; + } + .services-list .item{ + height: 420px; + } +} + @media screen and (max-width:1280px) { + .nav>a{ + margin-left: 30px; + } + .sub-nav>a{ + margin-left: 35px; + } + .foot-left .item{ + margin-left: 60px; + } + .banner-txt .title{ + font-size: 50px; + } + .banner-txt .sub-title{ + font-size: 28px; + } + .project-case-list>a>.img{ + height: 175px; + } + .culture-info{ + line-height: 1.8; + } + .red-property-case>a>.img{ + height: 235px; + } + .complaint .left{ + width: 280px; + } + .complaint .right{ + width: calc(100% - 320px); + } + + .services-list .item{ + height: 390px; + } + .activities-list .activities-item>.txt{ + padding: 20px; + } + .activities-list .activities-item{ + height: 200px; + } + .news-first .info{ + min-height: 124px; + } + .news-item .img{ + height: 210px; + } + .news-item .time-bg{ + height: 210px; + } +} + +@media screen and (max-width:1220px) { + .foot{ + position: relative; + padding-bottom: 50px; + } + .record-info{ + display: flex; + justify-content: center; + width: 100%; + position: absolute; + left: 0; + bottom: 0; + z-index: 1; + } + .banner-txt .title{ + font-size: 46px; + } + .banner-txt .sub-title{ + font-size: 26px; + } + .index-service .left-service p, .index-service .right-service>a>p{ + font-size: 18px; + } + .index-service .left-service span, .index-service .right-service>a>span{ + font-size: 16px; + } + .project-case-list>a>.img{ + height: 165px; + } + .red-property-case>a>.img{ + height: 220px; + } + .enterprise-list .item .txt{ + padding: 15px; + } + .activities-list .activities-item>.txt{ + padding: 15px; + } + .activities-list .activities-item{ + height: 190px; + } + .news-first .info{ + min-height: 120px; + } + .news-item .img{ + height: 200px; + } + .news-item .time-bg{ + height: 200px; + } +} + +@media screen and (max-width:1100px) { + .banner-txt .title{ + font-size: 42px; + } + .banner-txt .sub-title{ + font-size: 24px; + } + .index-service .left-service p, .index-service .right-service>a>p{ + font-size: 17px; + } + .index-service .left-service span, .index-service .right-service>a>span{ + font-size: 15px; + } +} + + +/* 非手机端隐藏 */ +@media screen and (min-width:960px) { + + /* 仅手机端展示 */ + .wap-show { + display: none !important; + } + + /* 隐藏pc端图片 */ + .wap-img { + display: none !important; + } +} + +/* 手机端样式 */ +@media screen and (max-width:960px) { + body { + padding-top: .9rem; + } + + html { + font-size: 100px; + } + + .w1360 { + width: 94% !important; + } + + /* 仅pc端展示 */ + .pc-show { + display: none !important; + } + + /* 隐藏pc端图片 */ + .pc-img { + display: none !important; + } + /* 头部 */ .header-white { background-color: #f2f5fa; @@ -2604,10 +2778,12 @@ /* 尾部 */ .footer { padding-top: 0; + padding-bottom: 15px; } .foot { flex-wrap: wrap; + padding-bottom: 0; } .foot-left { @@ -2679,68 +2855,13 @@ } .record-info { + display: block; width: 100%; font-size: .24rem; line-height: 1.5; text-align: center; margin-top: .15rem; - } - - /* 内容 */ - .project-case-list>a>.img{ - height: 175px; - } - .culture-info{ - line-height: 1.8; - } - .red-property-case>a>.img{ - height: 235px; - } - .complaint .left{ - width: 280px; - } - .complaint .right{ - width: calc(100% - 320px); - } -} - - -/* 非手机端隐藏 */ -@media screen and (min-width:960px) { - - /* 仅手机端展示 */ - .wap-show { - display: none !important; - } - - /* 隐藏pc端图片 */ - .wap-img { - display: none !important; - } -} - -/* 手机端样式 */ -@media screen and (max-width:960px) { - body { - padding-top: .9rem; - } - - html { - font-size: 100px; - } - - .w1360 { - width: 94% !important; - } - - /* 仅pc端展示 */ - .pc-show { - display: none !important; - } - - /* 隐藏pc端图片 */ - .pc-img { - display: none !important; + position: static; } /* banner */