Lee
/
snkcgw
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

css-edit

master
wangxinglong 2022-02-25 19:03:32 +08:00
parent cdb66c8ab1
commit 61434c0e78
1 changed files with 48 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

94
css/style.css
View File

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