Commit 746c82fa6528b2678fb047555ca1996d6af7309c
1 parent
c512143a
服务
Showing
3 changed files
with
17 additions
and
11 deletions
css/services.css
| @@ -6,7 +6,6 @@ | @@ -6,7 +6,6 @@ | ||
| 6 | background-repeat: no-repeat; | 6 | background-repeat: no-repeat; |
| 7 | } | 7 | } |
| 8 | .services-bannertit{ | 8 | .services-bannertit{ |
| 9 | - width:600px; | ||
| 10 | height:50px; | 9 | height:50px; |
| 11 | line-height: 50px; | 10 | line-height: 50px; |
| 12 | font-size:48px; | 11 | font-size:48px; |
| @@ -17,7 +16,6 @@ | @@ -17,7 +16,6 @@ | ||
| 17 | 16 | ||
| 18 | } | 17 | } |
| 19 | .services-bannertext{ | 18 | .services-bannertext{ |
| 20 | - width:450px; | ||
| 21 | height:25px; | 19 | height:25px; |
| 22 | line-height:25px; | 20 | line-height:25px; |
| 23 | font-size:24px; | 21 | font-size:24px; |
| @@ -46,7 +44,7 @@ | @@ -46,7 +44,7 @@ | ||
| 46 | } | 44 | } |
| 47 | /*1 tab*/ | 45 | /*1 tab*/ |
| 48 | .services-wrap-left-1{ | 46 | .services-wrap-left-1{ |
| 49 | - background: url("../images/services_saasIco.png") no-repeat; | 47 | + background: url("../images/services_saasIco.png") no-repeat center center; |
| 50 | background-size:80% 100%; | 48 | background-size:80% 100%; |
| 51 | height: 494px; | 49 | height: 494px; |
| 52 | margin: 102px auto 0; | 50 | margin: 102px auto 0; |
| @@ -61,19 +59,20 @@ | @@ -61,19 +59,20 @@ | ||
| 61 | height: 168px; | 59 | height: 168px; |
| 62 | /*width: 100%;*/ | 60 | /*width: 100%;*/ |
| 63 | /*width: 543px;*/ | 61 | /*width: 543px;*/ |
| 64 | - border-bottom: 2px solid rgba(228,229,229,1);; | 62 | + border-bottom: 2px solid rgba(228,229,229,1); |
| 63 | + display: flex; | ||
| 65 | } | 64 | } |
| 66 | .services-soft-wrap li { | 65 | .services-soft-wrap li { |
| 66 | + flex: 1; | ||
| 67 | color: rgba(6,14,19,.8); | 67 | color: rgba(6,14,19,.8); |
| 68 | font-size:20px; | 68 | font-size:20px; |
| 69 | cursor: pointer; | 69 | cursor: pointer; |
| 70 | height: 168px; | 70 | height: 168px; |
| 71 | - width: 133px; | 71 | + /*width: 133px;*/ |
| 72 | } | 72 | } |
| 73 | .services-soft-wrap li:nth-of-type(1) { | 73 | .services-soft-wrap li:nth-of-type(1) { |
| 74 | padding-top: 114px; | 74 | padding-top: 114px; |
| 75 | background: url(../images/services_titico1.png) no-repeat center 0; | 75 | background: url(../images/services_titico1.png) no-repeat center 0; |
| 76 | - margin-right: 72px; | ||
| 77 | } | 76 | } |
| 78 | .services-soft-wrap li:nth-of-type(1).active { | 77 | .services-soft-wrap li:nth-of-type(1).active { |
| 79 | color: #3F9FFE; | 78 | color: #3F9FFE; |
| @@ -85,6 +84,7 @@ | @@ -85,6 +84,7 @@ | ||
| 85 | padding-top: 114px; | 84 | padding-top: 114px; |
| 86 | background: url(../images/services_titico2.png) no-repeat center 0; | 85 | background: url(../images/services_titico2.png) no-repeat center 0; |
| 87 | margin-right: 72px; | 86 | margin-right: 72px; |
| 87 | + margin-left: 72px; | ||
| 88 | } | 88 | } |
| 89 | .services-soft-wrap li:nth-of-type(2).active { | 89 | .services-soft-wrap li:nth-of-type(2).active { |
| 90 | color: #3F9FFE; | 90 | color: #3F9FFE; |
| @@ -146,22 +146,22 @@ | @@ -146,22 +146,22 @@ | ||
| 146 | } | 146 | } |
| 147 | /*-------2---*/ | 147 | /*-------2---*/ |
| 148 | .services-park-wrap{ | 148 | .services-park-wrap{ |
| 149 | + display: flex; | ||
| 149 | height: 168px; | 150 | height: 168px; |
| 150 | /*width: 543px;*/ | 151 | /*width: 543px;*/ |
| 151 | /*width: 100%;*/ | 152 | /*width: 100%;*/ |
| 152 | border-bottom: 2px solid rgba(228,229,229,1);; | 153 | border-bottom: 2px solid rgba(228,229,229,1);; |
| 153 | } | 154 | } |
| 154 | .services-park-wrap li { | 155 | .services-park-wrap li { |
| 156 | + flex: 1; | ||
| 155 | color: rgba(6,14,19,.8); | 157 | color: rgba(6,14,19,.8); |
| 156 | font-size:20px; | 158 | font-size:20px; |
| 157 | cursor: pointer; | 159 | cursor: pointer; |
| 158 | height: 168px; | 160 | height: 168px; |
| 159 | - width: 133px; | ||
| 160 | } | 161 | } |
| 161 | .services-park-wrap li:nth-of-type(1) { | 162 | .services-park-wrap li:nth-of-type(1) { |
| 162 | padding-top: 114px; | 163 | padding-top: 114px; |
| 163 | background: url(../images/services_titico4.png) no-repeat center 0; | 164 | background: url(../images/services_titico4.png) no-repeat center 0; |
| 164 | - margin-right: 72px; | ||
| 165 | } | 165 | } |
| 166 | .services-park-wrap li:nth-of-type(1).active { | 166 | .services-park-wrap li:nth-of-type(1).active { |
| 167 | color: #3F9FFE; | 167 | color: #3F9FFE; |
| @@ -173,6 +173,7 @@ | @@ -173,6 +173,7 @@ | ||
| 173 | padding-top: 114px; | 173 | padding-top: 114px; |
| 174 | background: url(../images/services_titico5.png) no-repeat center 0; | 174 | background: url(../images/services_titico5.png) no-repeat center 0; |
| 175 | margin-right: 72px; | 175 | margin-right: 72px; |
| 176 | + margin-left: 72px; | ||
| 176 | } | 177 | } |
| 177 | .services-park-wrap li:nth-of-type(2).active { | 178 | .services-park-wrap li:nth-of-type(2).active { |
| 178 | color: #3F9FFE; | 179 | color: #3F9FFE; |
| @@ -202,7 +203,7 @@ | @@ -202,7 +203,7 @@ | ||
| 202 | /*margin-left: 10px;*/ | 203 | /*margin-left: 10px;*/ |
| 203 | } | 204 | } |
| 204 | .services-wrap-right-3{ | 205 | .services-wrap-right-3{ |
| 205 | - width: 543px; | 206 | + /*width: 543px;*/ |
| 206 | /*width: 100%;*/ | 207 | /*width: 100%;*/ |
| 207 | height: 400px; | 208 | height: 400px; |
| 208 | margin: 165px auto 0; | 209 | margin: 165px auto 0; |
| @@ -210,17 +211,18 @@ | @@ -210,17 +211,18 @@ | ||
| 210 | } | 211 | } |
| 211 | /*-------3---*/ | 212 | /*-------3---*/ |
| 212 | .services-user-wrap{ | 213 | .services-user-wrap{ |
| 214 | + display: flex; | ||
| 213 | height: 168px; | 215 | height: 168px; |
| 214 | /*width: 543px;*/ | 216 | /*width: 543px;*/ |
| 215 | /*width: 100%;*/ | 217 | /*width: 100%;*/ |
| 216 | border-bottom: 2px solid rgba(228,229,229,1);; | 218 | border-bottom: 2px solid rgba(228,229,229,1);; |
| 217 | } | 219 | } |
| 218 | .services-user-wrap li { | 220 | .services-user-wrap li { |
| 221 | + flex: 1; | ||
| 219 | color: rgba(6,14,19,.8); | 222 | color: rgba(6,14,19,.8); |
| 220 | font-size:20px; | 223 | font-size:20px; |
| 221 | cursor: pointer; | 224 | cursor: pointer; |
| 222 | height: 168px; | 225 | height: 168px; |
| 223 | - width: 133px; | ||
| 224 | } | 226 | } |
| 225 | .services-user-wrap li:nth-of-type(1) { | 227 | .services-user-wrap li:nth-of-type(1) { |
| 226 | padding-top: 114px; | 228 | padding-top: 114px; |
services.html
| @@ -26,7 +26,7 @@ | @@ -26,7 +26,7 @@ | ||
| 26 | <link type="text/css" rel="stylesheet" href="css/swiper.css"> | 26 | <link type="text/css" rel="stylesheet" href="css/swiper.css"> |
| 27 | <!-- Ruby CSS --> | 27 | <!-- Ruby CSS --> |
| 28 | <link type="text/css" rel="stylesheet" href="css/normalize.css"> | 28 | <link type="text/css" rel="stylesheet" href="css/normalize.css"> |
| 29 | - <link type="text/css" rel="stylesheet" href="style.css?a=1"> | 29 | + <link type="text/css" rel="stylesheet" href="style.css?a=2"> |
| 30 | <link type="text/css" rel="stylesheet" href="css/responsive.css"> | 30 | <link type="text/css" rel="stylesheet" href="css/responsive.css"> |
| 31 | <link type="text/css" rel="stylesheet" href="css/services.css"> | 31 | <link type="text/css" rel="stylesheet" href="css/services.css"> |
| 32 | 32 |
style.css
| @@ -2602,5 +2602,9 @@ a:hover{ | @@ -2602,5 +2602,9 @@ a:hover{ | ||
| 2602 | .contactside-bg p:nth-of-type(1),.contactside-bg p:nth-of-type(2){ | 2602 | .contactside-bg p:nth-of-type(1),.contactside-bg p:nth-of-type(2){ |
| 2603 | text-align: center; | 2603 | text-align: center; |
| 2604 | } | 2604 | } |
| 2605 | + .services-soft-wrap li,.services-park-wrap li,.services-user-wrap li{ | ||
| 2606 | + font-size: 16px!important; | ||
| 2607 | + background-size: 60% 50%!important; | ||
| 2608 | + } | ||
| 2605 | } | 2609 | } |
| 2606 | 2610 |