Commit b75babf172d327e854bc47bc9b908c068d4f52c2

Authored by liuqimichale
1 parent a7cdc401

产品介绍

css/portfollo.css
@@ -204,54 +204,53 @@ @@ -204,54 +204,53 @@
204 .ortfolio-hardware-bottom-1>li:nth-of-type(1){ 204 .ortfolio-hardware-bottom-1>li:nth-of-type(1){
205 /*width: 460px;*/ 205 /*width: 460px;*/
206 height: 200px; 206 height: 200px;
207 - margin: 227px auto 0 ; 207 + margin: 190px auto 0 ;
208 } 208 }
209 .ortfolio-hardware-bottom-1 li:nth-of-type(2){ 209 .ortfolio-hardware-bottom-1 li:nth-of-type(2){
210 /*padding-left: 100px;*/ 210 /*padding-left: 100px;*/
211 background: url("../images/produect_dev1.png") no-repeat center 0; 211 background: url("../images/produect_dev1.png") no-repeat center 0;
212 /*width: 578px;*/ 212 /*width: 578px;*/
213 - height: 522px;  
214 - margin-top: 40px; 213 + height: 500px;
215 background-size: 100% 100%; 214 background-size: 100% 100%;
216 } 215 }
217 .ortfolio-hardware-bottom-2 li:nth-of-type(1){ 216 .ortfolio-hardware-bottom-2 li:nth-of-type(1){
218 - margin-top: 227px; 217 + margin-top: 190px;
  218 + height: 200px;
219 } 219 }
220 .ortfolio-hardware-bottom-2 li:nth-of-type(2){ 220 .ortfolio-hardware-bottom-2 li:nth-of-type(2){
221 background: url("../images/produect_dev4.png") no-repeat center 0; 221 background: url("../images/produect_dev4.png") no-repeat center 0;
222 /*width: 383px;*/ 222 /*width: 383px;*/
223 - height: 480px;  
224 - margin-top: 70px;  
225 - /*margin-left: 147px;*/ 223 + height: 500px;
226 } 224 }
227 .ortfolio-hardware-bottom-3 li:nth-of-type(1){ 225 .ortfolio-hardware-bottom-3 li:nth-of-type(1){
228 margin-top: 227px; 226 margin-top: 227px;
  227 + height: 200px;
229 /*padding-left: 50px;*/ 228 /*padding-left: 50px;*/
230 /*width: 460px;*/ 229 /*width: 460px;*/
231 /*margin-left: 100px;*/ 230 /*margin-left: 100px;*/
232 } 231 }
233 .ortfolio-hardware-bottom-3 li:nth-of-type(2){ 232 .ortfolio-hardware-bottom-3 li:nth-of-type(2){
234 - background: url("../images/produect_dev3.png") no-repeat center 0; 233 + background: url("../images/produect_dev3.png") no-repeat center center;
235 /*width: 298px;*/ 234 /*width: 298px;*/
236 - height: 186px;  
237 - margin-top: 197px; 235 + height: 500px;
238 /*margin-left: 108px;*/ 236 /*margin-left: 108px;*/
239 237
240 } 238 }
241 .ortfolio-hardware-bottom-4 li:nth-of-type(1){ 239 .ortfolio-hardware-bottom-4 li:nth-of-type(1){
242 - margin-top: 185px;  
243 - /*width: 500px;*/  
244 - /*margin-left: 50px;*/ 240 + margin-top: 172px;
  241 + height: 200px;
245 } 242 }
246 .ortfolio-hardware-bottom-4 li:nth-of-type(2){ 243 .ortfolio-hardware-bottom-4 li:nth-of-type(2){
247 - background: url("../images/produect_dev2.png") no-repeat center 0; 244 + background: url("../images/produect_dev2.png") no-repeat center center;
248 /*width: 297px;*/ 245 /*width: 297px;*/
249 - height: 369px;  
250 - margin-top: 138px; 246 + height: 500px;
251 /*margin-left: 180px;*/ 247 /*margin-left: 180px;*/
252 } 248 }
  249 +.ortfolio-hardware-bottom-1{
  250 +
  251 +}
253 .ortfolio-hardware-bottom-title{ 252 .ortfolio-hardware-bottom-title{
254 - font-size:30px; 253 + font-size:26px;
255 font-weight:bold; 254 font-weight:bold;
256 color:rgba(0,0,0,.8); 255 color:rgba(0,0,0,.8);
257 /*margin: 239px 0 27px;*/ 256 /*margin: 239px 0 27px;*/
portfolio.html
@@ -205,8 +205,8 @@ @@ -205,8 +205,8 @@
205 </section> 205 </section>
206 <ul class="portfolio-section-wrap" id="portfolio-section-hardware"> 206 <ul class="portfolio-section-wrap" id="portfolio-section-hardware">
207 <li class=""> 207 <li class="">
208 - <section>  
209 - <div class="container"> 208 + <section class="padding20-0-70">
  209 + <div class="container" >
210 <ul class="row ortfolio-hardware-bottom-1"> 210 <ul class="row ortfolio-hardware-bottom-1">
211 <li class="text-center col-md-6"> 211 <li class="text-center col-md-6">
212 <div class="ortfolio-hardware-bottom-title"> 212 <div class="ortfolio-hardware-bottom-title">