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

.common-title2 { padding-top: 0; }

.breadcrumbs2 { margin-bottom: 80px; }

.floor1 { height: 550px; padding: 50px 0 100px; background: url(../images/bench01.jpg) no-repeat; background-position: center; background-size: cover; }

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

.floor1 .floor1-content .floor1-right { width: 30%; }

.floor1 .floor1-desc { line-height: 1.8; margin-bottom: 20px; }

.floor2 { padding: 50px 0 80px; }

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

.floor2 .floor2-content .floor2-right { display: flex; flex-wrap: wrap; justify-content: space-between; }

.floor2 .floor2-content .floor2-right .floor2-item { width: 49%; text-align: center; margin-bottom: 2%; }

.floor2 .floor2-content .floor2-right .floor2-item .floor2-item__image { width: 100%; }

.floor2 .floor2-content .floor2-right .floor2-item .floor2-item__title { font-weight: bold; font-size: 16px; margin: 30px 0 10px; }

.floor2 .floor2-content .floor2-right .floor2-item .floor2-item__desc { line-height: 1.6; }

.floor3 { padding: 80px 0; background-color: #fbfbfb; }

.floor3 .u-container { display: flex; }

.floor3 .floor3-right { flex: 1; }

.floor3 .floor3-desc { line-height: 1.8; margin-bottom: 30px; }

.floor3 .floor3-list { display: flex; border-bottom: 1px solid #eee; padding-bottom: 40px; }

.floor3 .floor3-list .floor3-item { text-align: center; width: 32%; margin-right: 2%; position: relative; cursor: pointer; }

.floor3 .floor3-list .floor3-item:last-child { margin-right: 0; }

.floor3 .floor3-list .floor3-item .floor3-item__image { width: 100%; border-radius: 10px; }

.floor3 .floor3-list .floor3-item .floor3-item__title { padding: 16px 0; font-weight: bold; }

.floor3 .floor3-list .floor3-item.floor3-item--active .floor3-item__title { color: #da0c11; }

.floor3 .floor3-list .floor3-item.floor3-item--active::after { content: ""; position: absolute; left: 50%; width: 8px; height: 8px; background-color: #da0c11; border: 4px solid #fff; box-shadow: 0 0 1px 1px #da0c11; bottom: -50px; border-radius: 50%; }

.floor3 .floor3-data { display: none; padding: 40px 0; }

.floor3 .floor3-data .floor3-data__description { line-height: 1.8; }

.floor4 { padding: 80px 0; }

.floor4 .floor4-list { display: flex; flex-wrap: wrap; }

.floor4 .floor4-list .floor4-item { width: 33.33%; border-right: 1px dashed #eee; border-top: 1px dashed #eee; padding: 20px; text-align: center; color: #878787; }

.floor4 .floor4-list .floor4-item:nth-child(3n) { border-right: none; }

.floor4 .floor4-list .floor4-item:nth-child(1), .floor4 .floor4-list .floor4-item:nth-child(2), .floor4 .floor4-list .floor4-item:nth-child(3) { border-top: none; }

.floor4 .floor4-list .floor4-item .floor4-item__image { max-width: 100%; margin-bottom: 10px; object-fit: contain; height: 250px; }

.floor6 { padding: 80px 0; }

.floor6 .floor4-image, .floor6 .floor6-image { width: 100%; }

.floor5 { padding: 80px 0; }

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

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

.floor5 .floor5-content .floor5-right .floor5-options { display: flex; justify-content: space-between; }

.floor5 .floor5-content .floor5-right .floor5-options .floor5-options__image { width: 40%; }

.floor5 .floor5-content .floor5-right .floor5-options .floor5-title { font-size: 20px; font-weight: bold; margin-bottom: 20px; padding-top: 30px; }

.floor5 .floor5-content .floor5-right .floor5-options .floor5-option { line-height: 30px; }

.floor5 .floor5-content .floor5-right .floor5-options .floor5-option::before { content: ""; display: inline-block; vertical-align: middle; width: 8px; height: 8px; background-color: currentColor; border-radius: 50%; margin-right: 10px; }

.floor5 .floor5-content .floor5-right .floor5-list { display: flex; justify-content: space-between; padding: 30px 0; border: 1px solid #eee; border-width: 1px 0; margin: 30px 0; }

.floor5 .floor5-content .floor5-right .floor5-list .floor5-item { width: 32%; }

.floor5 .floor5-content .floor5-right .floor5-list .floor5-item .floor5-item__image { width: 100%; }

.floor5 .floor5-content .floor5-right .floor5-list .floor5-item .floor5-item__title { text-align: center; margin-top: 20px; }

@media (max-width: 768px) { .breadcrumbs2 { margin-bottom: 30px; }
  .breadcrumbs2 .breadcrumbs2-content .breadcrumbs2-menu .breadcrumbs2-menu-item { flex: 1; }
  .floor1 { height: 470px; margin-bottom: 70px; background-image: url(../images/bench17.jpg); }
  .floor1 .floor1-content { display: block; }
  .floor1 .floor1-content .floor1-right { width: 100%; }
  .floor1 .floor1-content .floor1-image { width: 100%; }
  .floor2 .floor2-content .floor2-right { width: 100%; }
  .floor2 .floor2-content .floor2-right .floor2-item { width: 100%; margin-bottom: 20px; }
  .floor3 { padding: 30px 0; }
  .floor3 .floor3-swiper { display: block; }
  .floor3 .floor3-item__image { width: 100%; }
  .floor3 .floor3-item__desc { margin-top: 20px; color: #666; }
  .floor4 { padding: 30px 0; }
  .floor4 .floor4-list .floor4-item { width: 50%; border: none; border-top: 1px dashed #eee; }
  .floor4 .floor4-list .floor4-item:nth-child(2n) { border-left: 1px dashed #eee; }
  .floor4 .floor4-list .floor4-item:nth-child(1), .floor4 .floor4-list .floor4-item:nth-child(2) { border-top: none; }
  .floor4 .floor4-list .floor4-item .floor4-item__image { height: 100px; }
  .floor5 { padding: 30px 0; }
  .floor5 .floor5-content { position: relative; }
  .floor5 .floor5-content .common-title2 { position: absolute; padding-top: 0; left: 10px; top: 0; }
  .floor5 .floor5-content .floor5-right .floor5-options { flex-wrap: wrap; }
  .floor5 .floor5-content .floor5-right .floor5-options .floor5-options__image { width: 100%; height: 160px; object-fit: cover; }
  .floor5 .floor5-content .floor5-right .floor5-options .floor5-options-item { width: 100%; padding-left: 130px; }
  .floor5 .floor5-content .floor5-right .floor5-options .floor5-options-item .floor5-title { padding-top: 0; margin-bottom: 10px; font-size: 16px; }
  .floor5 .floor5-content .floor5-right .floor5-options .floor5-options-item .floor5-option { line-height: 20px; margin-bottom: 10px; }
  .floor5 .floor5-content .floor5-right .floor5-list { flex-wrap: wrap; margin-bottom: 0; border-bottom: 0; }
  .floor5 .floor5-content .floor5-right .floor5-list .floor5-item { width: 48%; margin-bottom: 4%; }
  .floor6 { padding: 30px 0; }
  .floor6 .u-container { padding: 0; } }