.floor { padding: 80px 0 100px; }

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

.tag-title { height: 60px; position: relative; z-index: 2; line-height: 60px; background: url(../images/fume02.png) no-repeat; background-size: 100% 100%; color: #fff; padding-left: 30px; font-size: 16px; font-weight: bold; }

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

.floor1 .floor1-top { height: 480px; background: url(../images/fume01.jpg) no-repeat; background-size: cover; padding-top: 60px; }

.floor1 .floor1-top .u-container { display: flex; }

.floor1 .floor1-top .u-container .floor1-top-right { flex: 1; }

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

.floor1 .floor1-bottom { display: flex; margin-top: -160px; justify-content: space-between; }

.floor1 .floor1-bottom .floor1-item { display: flex; }

.floor1 .floor1-bottom .floor1-item .floor1-item__image { width: auto; height: 440px; }

.floor1 .floor1-bottom .floor1-item .floor1-item__right { padding-top: 100px; flex: 1; }

.floor1 .floor1-bottom .floor1-item .floor1-item__right .floor1-item__content { padding: 30px; }

.floor1 .floor1-bottom .floor1-item .floor1-item__right .floor1-item__title { margin-left: -8px; width: 300px; }

.floor1 .floor1-bottom .floor1-item:first-child { margin-right: 50px; }

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

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

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

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

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

.floor2 .floor2-list .floor2-item { background-color: #fff; text-align: center; width: 32%; margin-right: 2%; position: relative; cursor: pointer; }

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

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

.floor2 .floor2-list .floor2-item .floor2-item__title { position: absolute; padding: 16px 0; background-color: rgba(255, 255, 255, 0.8); font-weight: bold; bottom: 0; width: 100%; left: 0; }

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

.floor2 .floor2-list .floor2-item.floor2-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%; }

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

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

.floor3 { padding: 30px 0; }

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

.floor3 .floor3-content .tag-title { width: 300px; }

.floor3 .floor3-content .floor3-left { width: 40%; }

.floor3 .floor3-content .floor3-left .floor3-left-top { position: relative; margin-bottom: 40px; }

.floor3 .floor3-content .floor3-left .floor3-left-top .floor3-left-top__image { position: absolute; right: 10px; top: 0; width: 110px; z-index: 1; }

.floor3 .floor3-content .floor3-left .floor3-left-top .floor3-desc { margin-top: 40px; line-height: 1.8; padding-right: 30%; }

.floor3 .floor3-content .floor3-left .floor3-left-bottom-desc { display: flex; margin-top: 30px; }

.floor3 .floor3-content .floor3-left .floor3-left-bottom-desc .floor3-left-bottom-desc__image { margin-right: 30px; height: 150px; }

.floor3 .floor3-content .floor3-left .floor3-left-bottom-desc .floor3-left-bottom-desc__text { margin-bottom: 20px; line-height: 1.6; }

.floor3 .floor3-content .floor3-right { width: 60%; text-align: center; }

.floor3 .floor3-content .floor3-right .floor3-right__image { width: 100%; }

.floor3 .floor3-content .floor3-right .floor3-right__title { font-size: 24px; font-weight: bold; margin-top: 10px; }

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

@media (max-width: 768px) { .breadcrumbs2 .breadcrumbs2-content .breadcrumbs2-menu .breadcrumbs2-menu-item { flex: 1; }
  .tag-title { height: 32px; line-height: 32px; font-size: 14px; padding-left: 10px; }
  .floor1 { padding: 30px 0; }
  .floor1 .floor1-top { padding-top: 30px; }
  .floor1 .floor1-bottom { display: block; margin-top: -90px; }
  .floor1 .floor1-bottom .floor1-item:first-child { margin-right: 0; }
  .floor1 .floor1-bottom .floor1-item .floor1-item__image { height: 250px; }
  .floor1 .floor1-bottom .floor1-item .floor1-item__right { padding-top: 57px; }
  .floor1 .floor1-bottom .floor1-item .floor1-item__right .floor1-item__title { max-width: 200px; min-width: 160px; margin-left: -5px; }
  .floor1 .floor1-bottom .floor1-item .floor1-item__right .floor1-item__content { padding: 10px; }
  .floor1 .floor1-bottom .floor1-item .floor1-item__right .floor1-desc { line-height: 1.46; }
  .floor2 { padding: 30px 0; }
  .floor2 .common-title2 { position: absolute; left: 10px; top: 0; padding-top: 0; }
  .floor2 .u-container { display: block; position: relative; }
  .floor2 .u-container .floor2-right .floor2-desc { padding-left: 140px; }
  .floor2 .floor2-swiper { display: block; }
  .floor2 .floor2-item__image { width: 100%; }
  .floor2 .floor2-item__desc { margin-top: 20px; color: #666; }
  .floor3 .floor3-content { display: block; padding: 0; }
  .floor3 .floor3-content .floor3-right { background-color: #f5f5f5; width: 100%; margin-top: 20px; }
  .floor3 .floor3-content .floor3-right .floor3-right__title { font-size: 14px; }
  .floor3 .floor3-content .floor3-left { padding: 0 10px; width: 100%; }
  .floor3 .floor3-content .floor3-left .tag-title { width: 180px; }
  .floor3 .floor3-content .floor3-left .floor3-left-top { margin-bottom: 30px; }
  .floor3 .floor3-content .floor3-left .floor3-left-top .floor3-left-top__image { width: 80px; }
  .floor3 .floor3-content .floor3-left .floor3-left-top .floor3-desc { margin-top: 20px; }
  .floor3 .floor3-content .floor3-left .floor3-left-bottom-desc .floor3-left-bottom-desc__image { height: 80px; }
  .floor4 { background-color: #fff !important; padding: 30px 0; }
  .floor4 .u-container { padding: 0; } }