.design { padding: 80px 0 0; }

.design .design-content { background: url(../images/idea01.jpg) no-repeat center; background-size: cover; height: 570px; }

.design .common-title-desc { line-height: 1.8; text-align: center; }

.floor { padding: 70px 0 80px; background-color: #f9f9f9; }

.floor:nth-child(2n) { background-color: #fff; }

.floor .floor-content { display: flex; }

.floor .floor-content .floor-right { flex: 1; }

.floor .floor-content .floor-right .floor-desc { line-height: 1.8; }

.floor .floor-content .floor-right .floor-list { display: flex; flex-wrap: wrap; padding-bottom: 20px; margin-bottom: 40px; border-bottom: 1px solid #eee; }

.floor .floor-content .floor-right .floor-list .floor-item { width: 32%; margin-bottom: 2%; margin-right: 2%; border-radius: 10px; }

.floor .floor-content .floor-right .floor-list .floor-item:nth-child(3n) { margin-right: 0; }

.floor .floor-content .floor-right .floor-list .floor-item::after { padding-bottom: 60%; }

.floor .floor-content .floor-right .floor-list .floor-item .floor-item__cover { position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; }

.floor .floor-content .floor-right .floor-list .floor-item .floor-item__title { position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; line-height: 50px; text-align: center; background-color: rgba(255, 255, 255, 0.5); font-weight: bold; font-size: 18px; }

@media (max-width: 768px) { .design .design-content { height: 180px; }
  .floor .floor-content { position: relative; padding: 0; }
  .floor .floor-content .floor-right .floor-list { border-bottom: none; padding-bottom: 0; margin-bottom: 20px; }
  .floor .floor-content .floor-right .floor-list .floor-item { width: 48%; }
  .floor .floor-content .floor-right .floor-list .floor-item .floor-item__title { font-size: 12px; height: 28px; line-height: 28px; }
  .floor .floor-content .common-title2 { position: absolute; top: 0; padding-top: 0; left: 10px; }
  .floor .floor-content .common-title2 .common-title2__sub { margin-top: 30px; }
  .floor--odd { padding: 20px 10px 30px; }
  .floor--odd .floor-content .floor-right .floor-list .floor-item { margin: 0 0 4% 0; }
  .floor--odd .floor-content .floor-right .floor-list .floor-item:nth-child(3n) { margin-left: 4%; }
  .floor--odd .floor-content .floor-right .floor-list .floor-item:first-child { margin-left: 52%; }
  .floor--even { padding: 30px 10px 10px; }
  .floor--even .floor-content .floor-right { display: flex; flex-direction: column; }
  .floor--even .floor-content .floor-right .floor-list { order: 2; }
  .floor--even .floor-content .floor-right .floor-list .floor-item { margin: 0; margin-bottom: 4%; }
  .floor--even .floor-content .floor-right .floor-list .floor-item:nth-child(2n) { margin-left: 4%; }
  .floor--even .floor-content .floor-right .floor-desc { padding-left: 154px; margin-bottom: 20px; } }