diff --git a/public/static/web/css/style.css b/public/static/web/css/style.css index d9904fc..963849e 100644 --- a/public/static/web/css/style.css +++ b/public/static/web/css/style.css @@ -847,7 +847,7 @@ } .history .txt { - width: calc(60% - 40px); + width: calc(39% - 30px); } .history-title { @@ -932,8 +932,10 @@ } .history .img { - width: 40%; - margin-top: 168px; + width: 61%; + height: 500px; + margin-top: 116px; + overflow: hidden; } .history .img>span { @@ -952,6 +954,7 @@ .history .img img { width: 100%; + min-height: 500px; } /* 切换按钮 */ @@ -1736,7 +1739,7 @@ .srevices-more-btn{ display: block; - width: 42px; + width: 72px; margin-top: 40px; transition: all .6s; } @@ -3409,6 +3412,11 @@ .position-sub-nav { height: .9rem; } + .position-sub-nav01{ + width: 100% !important; + height: 1.2rem; + padding-left: 3%; + } .sub-nav-bg { display: flex; @@ -3416,7 +3424,6 @@ width: 100%; overflow: hidden; } - .sub-nav { display: flex; justify-content: flex-start; @@ -3446,7 +3453,7 @@ .position-nav-bg01 { background-color: #ffffff !important; - padding-top: .1rem; + padding-top: .27rem; } .pull-section-wap{ @@ -3455,7 +3462,8 @@ .sub-nav-bg-01{ position: relative; - padding-right: .3rem; + padding-right: .38rem; + overflow-x: auto; } .sub-nav-bg-01::after{ @@ -3466,7 +3474,7 @@ background: url(../images/icon/icon-arrow-nav.png); background-size: cover; position: absolute; - top: .22rem; + top: .38rem; z-index: 1; animation: to_right_name 1.3s ease-out infinite; } @@ -3477,32 +3485,37 @@ @keyframes to_right_name { from { - right: .1rem; + right: .12rem; opacity: 0; } to { - right: 0; + right: 0.05rem; opacity: 1; } } @keyframes to_left_name { from { - right: 0; + right: 0.05rem; opacity: 0; } to { - right: .1rem; + right: .12rem; opacity: 1; } } + .sub-nav-01{ + display: block; + font-size: 0; + } .sub-nav-01>a { - margin-left: 0; - margin-right: .09rem; + display: inline-block; + margin: 0; font-size: .26rem; - line-height: .88rem; - padding: 0 .3rem; - color: #897b55; + line-height: 1.16rem; + border-right: 0.06rem solid #ffffff; + width: 33.333%; + color: #77704d; background-color: #e7dab7; text-align: center; font-weight: normal; @@ -3510,7 +3523,7 @@ } .sub-nav-01>a.active { - background-color: #dab277; + background-color: #deb176; color: #ffffff; border-bottom: 0; } @@ -3734,9 +3747,14 @@ .history .img { width: 100%; margin-top: 0; + height: auto; padding: 0 3% .36rem; border-bottom: .26rem solid #eef3f6; } + + .history .img img{ + min-height: auto; + } .history .txt { width: 100%; @@ -3940,15 +3958,16 @@ } .preview-swiper .swiper-slide { + align-items: center; width: 100%; - padding: .18rem; + padding: .45rem .22rem; background-color: #ffffff; margin: 0 .12rem; } .preview-item .txt { - width: 50%; - padding: .15rem .2rem; + width: 43.2%; + padding: 0 0 0 .24rem; } .preview-item .txt h2 { @@ -3966,8 +3985,8 @@ } .preview-item .img { - height: 2.3rem; - width: 50%; + height: 2.44rem; + width: 56.8%; } .preview-item .img>img { @@ -4108,7 +4127,8 @@ z-index: 1; } .srevices-more-btn{ - width: .6rem; + width: .72rem; + margin-top: .38rem; } .news-nav{ flex-wrap: wrap; diff --git a/public/static/web/images/icon/icon-srevices-more.png b/public/static/web/images/icon/icon-srevices-more.png index 0ce8437..455cf53 100644 Binary files a/public/static/web/images/icon/icon-srevices-more.png and b/public/static/web/images/icon/icon-srevices-more.png differ diff --git a/view/public/about_second.html b/view/public/about_second.html index e94a565..1ef889d 100644 --- a/view/public/about_second.html +++ b/view/public/about_second.html @@ -2,7 +2,7 @@