diff --git a/business.html b/business.html index 917a01e..3dab916 100644 --- a/business.html +++ b/business.html @@ -111,13 +111,13 @@
- +
- +
- +
diff --git a/css/style.css b/css/style.css index e4f500c..fa9f968 100644 --- a/css/style.css +++ b/css/style.css @@ -19,10 +19,6 @@ font-family:"AlibabaSans-Light"; src: url(../fonts/AlibabaSans-Light.otf); } -.swiper-button-prev, -.swiper-button-next:focus { - outline: none; -} /* 头部 */ .header{ height: 90px; @@ -1256,6 +1252,13 @@ margin-bottom: 20px; background-color: #FFFFFF; } +.preview .swiper-slide-thumb-active>span{ + display: block; + width: calc(100% - 8px); + height: calc(100% - 8px); + overflow: hidden; + margin: 4px auto; +} .preview .swiper-slide img{ width: 100%; min-height: 178px; @@ -1264,7 +1267,6 @@ .preview .swiper-slide-thumb-active{ border: 1px solid #eda4a9; - padding: 4px; } .preview .swiper-slide-thumb-active img{ @@ -1272,6 +1274,7 @@ min-height: 168px; cursor: pointer; } + .preview-arrow{ display: flex; width: 116px; @@ -1314,6 +1317,10 @@ border-left: 0; cursor: pointer; } +.preview-arrow-prev, +.preview-arrow-next:focus { + outline: none; +} .preview-arrow .preview-arrow-prev:hover{ background-color: #de0011; background-image: url(../imgs/arrow-left2.png); @@ -1929,8 +1936,29 @@ textarea::-webkit-input-placeholder { .pull-banner-title p{ font-size: 28px; } + .preview .swiper-slide{ + height: 150px; + overflow: hidden; + } + .preview .swiper-slide img{ + min-height: 150px; + } + .preview .swiper-slide-thumb-active img{ + min-height: 140px; + } +} +@media screen and (max-width:1340px){ + .preview .swiper-slide{ + height: 146px; + overflow: hidden; + } + .preview .swiper-slide img{ + min-height: 146px; + } + .preview .swiper-slide-thumb-active img{ + min-height: 136px; + } } - @media screen and (max-width:1280px){ .logo h1{ font-size: 20px; @@ -1963,18 +1991,28 @@ textarea::-webkit-input-placeholder { .pull-banner-title p{ font-size: 28px; } -} -@media screen and (max-width:1180px){ .preview .swiper-slide{ - height: 134px; - margin-bottom: 10px; + height: 130px; + overflow: hidden; } .preview .swiper-slide img{ - min-height: 134px; + min-height: 130px; } .preview .swiper-slide-thumb-active img{ min-height: 120px; } +} +@media screen and (max-width:1180px){ + .preview .swiper-slide{ + height: 124px; + margin-bottom: 10px; + } + .preview .swiper-slide img{ + min-height: 124px; + } + .preview .swiper-slide-thumb-active img{ + min-height: 114px; + } .enterprise-txt{ height: 280px; padding-top: 45px; @@ -2014,6 +2052,16 @@ textarea::-webkit-input-placeholder { } } @media screen and (max-width:1080px){ + .preview .swiper-slide{ + height: 115px; + margin-bottom: 10px; + } + .preview .swiper-slide img{ + min-height: 115px; + } + .preview .swiper-slide-thumb-active img{ + min-height: 105px; + } .nav li>a, .nav li.active>a{ padding: 0 12px; font-size: 15px;