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;