From 61434c0e78294eba9f796a413359937ef8978f90 Mon Sep 17 00:00:00 2001 From: wangxinglong <2371974647@qq.com> Date: Fri, 25 Feb 2022 19:03:32 +0800 Subject: [PATCH] css-edit --- css/style.css | 94 ++++++++++++++++++++++++++------------------------- 1 file changed, 48 insertions(+), 46 deletions(-) diff --git a/css/style.css b/css/style.css index 8549eb2..887f396 100644 --- a/css/style.css +++ b/css/style.css @@ -93,7 +93,7 @@ /* 轮播样式 */ .banner-swiper { overflow-x: hidden; - height: 820px; + height: 820px; position: relative; background-color: #FFFFFF; margin-top: 90px; @@ -137,8 +137,8 @@ text-transform: uppercase; } /* 分页器 */ -.banner-swiper .swiper-container-horizontal>.swiper-pagination-bullets, -.banner-swiper .swiper-pagination-custom, +.banner-swiper .swiper-container-horizontal>.swiper-pagination-bullets, +.banner-swiper .swiper-pagination-custom, .banner-swiper .swiper-pagination-fraction{ font-size: 16px; font-weight: bold; @@ -263,7 +263,7 @@ .index-news-left span>em{ width: 53px; height: 11px; - background-image: url(../imgs/news-more.png); + background-image: url(../images/news-more.png); background-size: 100%; } .index-news-left:hover .left-title{ @@ -308,7 +308,7 @@ } .first-txt{ width: calc(100% - 196px); - + } .first-txt>div{ font-size: 16px; @@ -507,7 +507,7 @@ .index-about{ margin-top: 50px; padding: 50px; - background-image: url(../imgs/about-bg.jpg); + background-image: url(../images/about-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; @@ -611,7 +611,7 @@ /* 尾部 */ .footer{ - background-image: url(../imgs/foot-bg.jpg); + background-image: url(../images/foot-bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; @@ -835,7 +835,7 @@ /* 领导致辞 */ .speech-bg{ padding: 75px 0; - background-image: url(../imgs/speech-bg.jpg); + background-image: url(../images/speech-bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; @@ -950,7 +950,7 @@ /* 组织机构 */ .organization-bg{ - background-image: url(../imgs/organization-bg.jpg); + background-image: url(../images/organization-bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; @@ -967,7 +967,7 @@ /* 大事记 */ .memorabilia-bg{ - background-image: url(../imgs/memorabilia-bg.jpg); + background-image: url(../images/memorabilia-bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; @@ -1021,7 +1021,7 @@ bottom: -23px; left: 0; transition: all .6s; - + } .memorabili-txt .swiper-slide em ins{ display: block; @@ -1060,7 +1060,7 @@ background-color: #de0011; margin-top: -25.5px; left: 0; - background-image: url(../imgs/join-arrow-left.png); + background-image: url(../images/join-arrow-left.png); background-size: 20px 22px; } .memorabili-swiper .swiper-button-next{ @@ -1070,7 +1070,7 @@ background-color: #de0011; margin-top: -25.5px; right: 0; - background-image: url(../imgs/join-arrow-right.png); + background-image: url(../images/join-arrow-right.png); background-size: 20px 22px; } .memorabili-swiper .swiper-button-disabled{ @@ -1079,7 +1079,7 @@ -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); - filter: grayscale(100%); + filter: grayscale(100%); } .memorabili-txt .line{ @@ -1093,7 +1093,7 @@ /* 新闻动态 */ .news-bg{ - background-image: url(../imgs/news-bg.jpg); + background-image: url(../images/news-bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; @@ -1147,7 +1147,7 @@ .news-txt span>em{ width: 53px; height: 11px; - background-image: url(../imgs/news-more.png); + background-image: url(../images/news-more.png); background-size: 100%; } .news-list li:hover img{ @@ -1162,7 +1162,7 @@ transition: all .6s; } .news-list li:hover .news-txt span>em{ - background-image: url(../imgs/news-more2.png); + background-image: url(../images/news-more2.png); transition: all .6s; } @@ -1220,7 +1220,10 @@ } .news-detail-txt img{ max-width: 100%; - margin: 30px auto; + margin: auto; +} +.news-detail-txt p img{ + display: inline-block; } /* 上下篇 */ @@ -1358,7 +1361,7 @@ width: 58px; height: 48px; border: 1px solid #e7626c; - background-image: url(../imgs/arrow-left.png); + background-image: url(../images/arrow-left.png); background-repeat: no-repeat; background-position: center; background-size: 21px 20px; @@ -1371,7 +1374,7 @@ width: 58px; height: 48px; border: 1px solid #e7626c; - background-image: url(../imgs/arrow-right.png); + background-image: url(../images/arrow-right.png); background-repeat: no-repeat; background-position: center; background-size: 21px 20px; @@ -1386,11 +1389,11 @@ } .preview-arrow .preview-arrow-prev:hover{ background-color: #de0011; - background-image: url(../imgs/arrow-left2.png); + background-image: url(../images/arrow-left2.png); } .preview-arrow .preview-arrow-next:hover{ background-color: #de0011; - background-image: url(../imgs/arrow-right2.png); + background-image: url(../images/arrow-right2.png); } .preview-arrow .swiper-button-disabled{ @@ -1399,15 +1402,15 @@ -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); - filter: grayscale(100%); + filter: grayscale(100%); } .preview-arrow .preview-arrow-prev.swiper-button-disabled:hover{ background-color: rgba(0,0,0,0); - background-image: url(../imgs/arrow-left.png); + background-image: url(../images/arrow-left.png); } .preview-arrow .preview-arrow-next.swiper-button-disabled:hover{ background-color: rgba(0,0,0,0); - background-image: url(../imgs/arrow-right.png); + background-image: url(../images/arrow-right.png); } @@ -1420,7 +1423,6 @@ .area-list li{ width: 50%; padding: 30px 35px; - background-image: url(../imgs/area-list-bg.png); background-repeat: no-repeat; background-position: 35px bottom; background-size: 102px 127px; @@ -1450,7 +1452,7 @@ display: flex; justify-content: flex-end; align-items: center; - margin: 70px 0 35px; + margin: 35px 0 0 0 ; font-size: 13px; line-height: 2; color: #868686; @@ -1463,7 +1465,7 @@ display: block; width: 16px; height: 10px; - background-image: url(../imgs/area-more.png); + background-image: url(../images/area-more.png); background-size: 16px 10px; margin-left: 6px; } @@ -1561,7 +1563,7 @@ .inspect-list li:hover .inspect-txt>span>em{ width: 53px; height: 11px; - background-image: url(../imgs/news-more.png); + background-image: url(../images/news-more.png); background-size: 100%; } @@ -1723,21 +1725,21 @@ line-height: 1.5; font-weight: normal; margin-bottom: 15px; - transition: all .6s; + transition: all .6s; } .social-txt p{ font-size: 14px; line-height: 2; text-align: justify; - transition: all .6s; + transition: all .6s; } .social-list-dxtc li:hover .social-txt h4{ color: #de0011; - transition: all .6s; + transition: all .6s; } .social-list-dxtc li:hover .social-txt p{ opacity: .6; - transition: all .6s; + transition: all .6s; } .social-img{ width: 50%; @@ -1747,11 +1749,11 @@ .social-img img{ width: 100%; min-height: 428px; - transition: all .6s; + transition: all .6s; } .social-list-dxtc li:hover .social-img img{ transform: scale(1.12); - transition: all .6s; + transition: all .6s; } /* 信息公开 */ @@ -1999,18 +2001,18 @@ textarea::-webkit-input-placeholder { } */ @keyframes myfirst-02 { - from { top: calc(80% - 60px);} - to { top:calc(50% - 60px);} + from { top: calc(80% - 60px);} + to { top:calc(50% - 60px);} } @keyframes myfirst-03 { - from { background-color: #262626;} - to { background-color: #de0011;} + from { background-color: #262626;} + to { background-color: #de0011;} } @keyframes pullBanner { - from {top: 80%;} - to {top: 47%;} + from {top: 80%;} + to {top: 47%;} } @media screen and (max-width:1690px){ @@ -2327,7 +2329,7 @@ textarea::-webkit-input-placeholder { font-weight: normal; border: 0; color: #FFFFFF; - + } .pull-item li>a{ padding: 0 20px; @@ -2353,7 +2355,7 @@ textarea::-webkit-input-placeholder { .memorabili{ padding: 30px 0 40px; } - + .memorabili-txt .swiper-slide{ width: 100% !important; margin: 0; @@ -2459,8 +2461,8 @@ textarea::-webkit-input-placeholder { } @keyframes pullBanner { - from {top: 80%;} - to {top: 40%;} + from {top: 80%;} + to {top: 40%;} } .banner-title h2{ font-size: 30px; @@ -2939,7 +2941,7 @@ textarea::-webkit-input-placeholder { width: 50px; height: 50px; margin: 0; - + } .contact-top li>img{ margin-bottom: 8px;