.garbage-title { padding-top: 30px; margin-right: 80px; }

.garbage-title .garbage-title__title { font-size: 32px; color: #5a5a5a; font-weight: bold; font-family: "Arial"; }

.garbage-title .garbage-title__title::after { content: ""; display: block; width: 20px; height: 2px; background-color: #666; margin-top: 30px; }

.garbage-title .garbage-title__sub { font-size: 18px; margin-top: 50px; font-weight: bold; }

.garbage-title2 { text-align: center; }

.garbage-title2 .garbage-title2--zh { font-size: 24px; font-weight: bold; }

.garbage-title2 .garbage-title2--en { color: #878787; font-family: "Arial"; margin: 10px 0 60px; }

.garbage-title2 .garbage-title2--en::after { content: ""; display: block; width: 30px; height: 2px; background-color: #008f5a; margin: 20px auto 0; }

.garbage-title2 .garbage-title2--light { color: #008f5a; }

.garbage-title2 .garbage-title2--image { height: 40px; }

.floor1 { background-color: #e7f4ef; padding: 80px 0; }

.floor1 .u-container { display: flex; justify-content: space-between; }

.floor1 .floor1-left { flex: 1; padding-right: 40px; }

.floor1 .floor1-left .floor1-left__image { width: 70%; }

.floor1 .floor1-left .floor1-left__title { color: #008f5a; font-size: 30px; font-weight: bold; margin: 20px 0 10px; }

.floor1 .floor1-left .floor1-left__description { color: #595959; line-height: 1.8; }

.floor1 .floor1-left .floor1-left__title--small { font-size: 16px; margin: 20px 0 10px; font-weight: bold; }

.floor1 .floor1-right { width: 50%; }

.floor2 { padding: 80px 0; }

.floor2 .floor2-list { display: flex; justify-content: space-around; padding: 20px 0; flex-wrap: wrap; }

.floor2 .floor2-list .floor2-item { text-align: center; border-right: 1px solid #eee; width: 25%; }

.floor2 .floor2-list .floor2-item:last-child { border-right: none; }

.floor2 .floor2-list .floor2-item .floor2-item__icon { height: 150px; }

.floor2 .floor2-list .floor2-item .floor2-item__title { font-size: 20px; font-weight: bold; margin: 25px 0 4px; }

.floor2 .floor2-list .floor2-item .floor2-item__title--en { font-size: 12px; font-family: "Arial"; }

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

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

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

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

.floor3 .floor3-list .floor3-item { background-color: #fff; 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%; }

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

.floor3 .floor3-list .floor3-item.floor3-item--active { box-shadow: 2px 0 20px 0 #ccc; transform: translateY(-5px); }

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

.floor3 .floor3-data { display: none; padding: 30px 0; min-height: 223px; }

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

.floor3 .floor3-data .floor3-data__process { display: flex; margin-top: 30px; justify-content: space-between; flex-wrap: wrap; }

.floor3 .floor3-data .floor3-data__process .floor3-process { display: flex; width: 33.33%; }

.floor3 .floor3-data .floor3-data__process .floor3-process .floor3-process__icon { margin-right: 15px; width: auto; height: 50px; }

.floor3 .floor3-data .floor3-data__process .floor3-process .floor3-process__title { font-size: 18px; font-weight: bold; margin-bottom: 10px; }

.floor3 .floor3-data .floor3-data__process .floor3-process .floor3-process__desc { line-height: 1.8; }

.floor4 { padding-top: 80px; background: url(../images/garbage20.jpg) no-repeat; background-size: cover; height: 700px; }

.floor4 .floor4-list { position: relative; display: flex; margin-top: 200px; }

.floor4 .floor4-list .floor4-image { position: absolute; top: 50%; transform: translateY(-50%); left: -10px; width: 100%; }

.floor4 .floor4-list .floor4-item { width: 16.66%; text-align: center; display: flex; justify-content: center; flex-direction: column; cursor: pointer; }

.floor4 .floor4-list .floor4-item .floor4-item__title { font-size: 16px; font-weight: bold; line-height: 3; order: 2; }

.floor4 .floor4-list .floor4-item .floor4-item__description { order: 1; white-space: nowrap; display: flex; justify-content: center; line-height: 1.8; font-size: 13px; }

.floor4 .floor4-list .floor4-item:nth-child(2n - 1) .floor4-item__title { order: 1; }

.floor4 .floor4-list .floor4-item:nth-child(1) { transform: translate(10px, 90px); }

.floor4 .floor4-list .floor4-item:nth-child(2) { transform: translate(20px, -40px); }

.floor4 .floor4-list .floor4-item:nth-child(3) { transform: translate(15px, 70px); }

.floor4 .floor4-list .floor4-item:nth-child(4) { transform: translateY(-90px); }

.floor4 .floor4-list .floor4-item:nth-child(5) { transform: translateY(40px); }

.floor4 .floor4-list .floor4-item:nth-child(6) { transform: translateY(-90px); }

.floor5 { padding: 80px 0; background: url(../images/garbage28.jpg) no-repeat; background-size: cover; }

.floor5 .floor5-item__image { position: absolute; width: 100%; height: 100%; border-radius: 10px; }

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

.floor5 .floor5-list .floor5-left { width: 70%; margin-right: 4%; }

.floor5 .floor5-list .floor5-left .floor5-left__image { width: 100%; }

.floor5 .floor5-list .floor5-left .floor5-left__title { text-align: center; margin-top: 20px; font-size: 16px; }

.floor5 .floor5-list .floor5-left .floor5-left__title .floor5-left__title--light { color: #008f5a; margin-left: 10px; }

.floor5 .floor5-list .floor5-right { width: 26%; display: flex; flex-direction: column; justify-content: space-between; }

.floor5 .floor5-list .floor5-right .v-flex::after { padding-bottom: 57.14286%; }

.floor5 .floor5-list .floor5-right .floor5-item__title { text-align: center; margin-top: 20px; font-size: 16px; }

.floor8, .floor10, .floor6 { padding: 80px 0; }

.floor8 .floor8-list, .floor8 .floor10-list, .floor8 .floor6-list, .floor10 .floor8-list, .floor10 .floor10-list, .floor10 .floor6-list, .floor6 .floor8-list, .floor6 .floor10-list, .floor6 .floor6-list { display: flex; flex-wrap: wrap; }

.floor8 .floor8-list .floor8-item, .floor8 .floor8-list .floor10-item, .floor8 .floor8-list .floor6-item, .floor8 .floor10-list .floor8-item, .floor8 .floor10-list .floor10-item, .floor8 .floor10-list .floor6-item, .floor8 .floor6-list .floor8-item, .floor8 .floor6-list .floor10-item, .floor8 .floor6-list .floor6-item, .floor10 .floor8-list .floor8-item, .floor10 .floor8-list .floor10-item, .floor10 .floor8-list .floor6-item, .floor10 .floor10-list .floor8-item, .floor10 .floor10-list .floor10-item, .floor10 .floor10-list .floor6-item, .floor10 .floor6-list .floor8-item, .floor10 .floor6-list .floor10-item, .floor10 .floor6-list .floor6-item, .floor6 .floor8-list .floor8-item, .floor6 .floor8-list .floor10-item, .floor6 .floor8-list .floor6-item, .floor6 .floor10-list .floor8-item, .floor6 .floor10-list .floor10-item, .floor6 .floor10-list .floor6-item, .floor6 .floor6-list .floor8-item, .floor6 .floor6-list .floor10-item, .floor6 .floor6-list .floor6-item { width: 32%; margin-right: 2%; margin-bottom: 2%; }

.floor8 .floor8-list .floor8-item:hover .floor6-item__cover, .floor8 .floor8-list .floor8-item:hover .floor10-item__cover, .floor8 .floor8-list .floor8-item:hover .floor8-item__cover, .floor8 .floor8-list .floor10-item:hover .floor6-item__cover, .floor8 .floor8-list .floor10-item:hover .floor10-item__cover, .floor8 .floor8-list .floor10-item:hover .floor8-item__cover, .floor8 .floor8-list .floor6-item:hover .floor6-item__cover, .floor8 .floor8-list .floor6-item:hover .floor10-item__cover, .floor8 .floor8-list .floor6-item:hover .floor8-item__cover, .floor8 .floor10-list .floor8-item:hover .floor6-item__cover, .floor8 .floor10-list .floor8-item:hover .floor10-item__cover, .floor8 .floor10-list .floor8-item:hover .floor8-item__cover, .floor8 .floor10-list .floor10-item:hover .floor6-item__cover, .floor8 .floor10-list .floor10-item:hover .floor10-item__cover, .floor8 .floor10-list .floor10-item:hover .floor8-item__cover, .floor8 .floor10-list .floor6-item:hover .floor6-item__cover, .floor8 .floor10-list .floor6-item:hover .floor10-item__cover, .floor8 .floor10-list .floor6-item:hover .floor8-item__cover, .floor8 .floor6-list .floor8-item:hover .floor6-item__cover, .floor8 .floor6-list .floor8-item:hover .floor10-item__cover, .floor8 .floor6-list .floor8-item:hover .floor8-item__cover, .floor8 .floor6-list .floor10-item:hover .floor6-item__cover, .floor8 .floor6-list .floor10-item:hover .floor10-item__cover, .floor8 .floor6-list .floor10-item:hover .floor8-item__cover, .floor8 .floor6-list .floor6-item:hover .floor6-item__cover, .floor8 .floor6-list .floor6-item:hover .floor10-item__cover, .floor8 .floor6-list .floor6-item:hover .floor8-item__cover, .floor10 .floor8-list .floor8-item:hover .floor6-item__cover, .floor10 .floor8-list .floor8-item:hover .floor10-item__cover, .floor10 .floor8-list .floor8-item:hover .floor8-item__cover, .floor10 .floor8-list .floor10-item:hover .floor6-item__cover, .floor10 .floor8-list .floor10-item:hover .floor10-item__cover, .floor10 .floor8-list .floor10-item:hover .floor8-item__cover, .floor10 .floor8-list .floor6-item:hover .floor6-item__cover, .floor10 .floor8-list .floor6-item:hover .floor10-item__cover, .floor10 .floor8-list .floor6-item:hover .floor8-item__cover, .floor10 .floor10-list .floor8-item:hover .floor6-item__cover, .floor10 .floor10-list .floor8-item:hover .floor10-item__cover, .floor10 .floor10-list .floor8-item:hover .floor8-item__cover, .floor10 .floor10-list .floor10-item:hover .floor6-item__cover, .floor10 .floor10-list .floor10-item:hover .floor10-item__cover, .floor10 .floor10-list .floor10-item:hover .floor8-item__cover, .floor10 .floor10-list .floor6-item:hover .floor6-item__cover, .floor10 .floor10-list .floor6-item:hover .floor10-item__cover, .floor10 .floor10-list .floor6-item:hover .floor8-item__cover, .floor10 .floor6-list .floor8-item:hover .floor6-item__cover, .floor10 .floor6-list .floor8-item:hover .floor10-item__cover, .floor10 .floor6-list .floor8-item:hover .floor8-item__cover, .floor10 .floor6-list .floor10-item:hover .floor6-item__cover, .floor10 .floor6-list .floor10-item:hover .floor10-item__cover, .floor10 .floor6-list .floor10-item:hover .floor8-item__cover, .floor10 .floor6-list .floor6-item:hover .floor6-item__cover, .floor10 .floor6-list .floor6-item:hover .floor10-item__cover, .floor10 .floor6-list .floor6-item:hover .floor8-item__cover, .floor6 .floor8-list .floor8-item:hover .floor6-item__cover, .floor6 .floor8-list .floor8-item:hover .floor10-item__cover, .floor6 .floor8-list .floor8-item:hover .floor8-item__cover, .floor6 .floor8-list .floor10-item:hover .floor6-item__cover, .floor6 .floor8-list .floor10-item:hover .floor10-item__cover, .floor6 .floor8-list .floor10-item:hover .floor8-item__cover, .floor6 .floor8-list .floor6-item:hover .floor6-item__cover, .floor6 .floor8-list .floor6-item:hover .floor10-item__cover, .floor6 .floor8-list .floor6-item:hover .floor8-item__cover, .floor6 .floor10-list .floor8-item:hover .floor6-item__cover, .floor6 .floor10-list .floor8-item:hover .floor10-item__cover, .floor6 .floor10-list .floor8-item:hover .floor8-item__cover, .floor6 .floor10-list .floor10-item:hover .floor6-item__cover, .floor6 .floor10-list .floor10-item:hover .floor10-item__cover, .floor6 .floor10-list .floor10-item:hover .floor8-item__cover, .floor6 .floor10-list .floor6-item:hover .floor6-item__cover, .floor6 .floor10-list .floor6-item:hover .floor10-item__cover, .floor6 .floor10-list .floor6-item:hover .floor8-item__cover, .floor6 .floor6-list .floor8-item:hover .floor6-item__cover, .floor6 .floor6-list .floor8-item:hover .floor10-item__cover, .floor6 .floor6-list .floor8-item:hover .floor8-item__cover, .floor6 .floor6-list .floor10-item:hover .floor6-item__cover, .floor6 .floor6-list .floor10-item:hover .floor10-item__cover, .floor6 .floor6-list .floor10-item:hover .floor8-item__cover, .floor6 .floor6-list .floor6-item:hover .floor6-item__cover, .floor6 .floor6-list .floor6-item:hover .floor10-item__cover, .floor6 .floor6-list .floor6-item:hover .floor8-item__cover { transform: scale(1.2); transition: 0.3s; }

.floor8 .floor8-list .floor8-item:nth-child(3n), .floor8 .floor8-list .floor10-item:nth-child(3n), .floor8 .floor8-list .floor6-item:nth-child(3n), .floor8 .floor10-list .floor8-item:nth-child(3n), .floor8 .floor10-list .floor10-item:nth-child(3n), .floor8 .floor10-list .floor6-item:nth-child(3n), .floor8 .floor6-list .floor8-item:nth-child(3n), .floor8 .floor6-list .floor10-item:nth-child(3n), .floor8 .floor6-list .floor6-item:nth-child(3n), .floor10 .floor8-list .floor8-item:nth-child(3n), .floor10 .floor8-list .floor10-item:nth-child(3n), .floor10 .floor8-list .floor6-item:nth-child(3n), .floor10 .floor10-list .floor8-item:nth-child(3n), .floor10 .floor10-list .floor10-item:nth-child(3n), .floor10 .floor10-list .floor6-item:nth-child(3n), .floor10 .floor6-list .floor8-item:nth-child(3n), .floor10 .floor6-list .floor10-item:nth-child(3n), .floor10 .floor6-list .floor6-item:nth-child(3n), .floor6 .floor8-list .floor8-item:nth-child(3n), .floor6 .floor8-list .floor10-item:nth-child(3n), .floor6 .floor8-list .floor6-item:nth-child(3n), .floor6 .floor10-list .floor8-item:nth-child(3n), .floor6 .floor10-list .floor10-item:nth-child(3n), .floor6 .floor10-list .floor6-item:nth-child(3n), .floor6 .floor6-list .floor8-item:nth-child(3n), .floor6 .floor6-list .floor10-item:nth-child(3n), .floor6 .floor6-list .floor6-item:nth-child(3n) { margin-right: 0; }

.floor8 .floor8-list .floor8-item .v-flex, .floor8 .floor8-list .floor10-item .v-flex, .floor8 .floor8-list .floor6-item .v-flex, .floor8 .floor10-list .floor8-item .v-flex, .floor8 .floor10-list .floor10-item .v-flex, .floor8 .floor10-list .floor6-item .v-flex, .floor8 .floor6-list .floor8-item .v-flex, .floor8 .floor6-list .floor10-item .v-flex, .floor8 .floor6-list .floor6-item .v-flex, .floor10 .floor8-list .floor8-item .v-flex, .floor10 .floor8-list .floor10-item .v-flex, .floor10 .floor8-list .floor6-item .v-flex, .floor10 .floor10-list .floor8-item .v-flex, .floor10 .floor10-list .floor10-item .v-flex, .floor10 .floor10-list .floor6-item .v-flex, .floor10 .floor6-list .floor8-item .v-flex, .floor10 .floor6-list .floor10-item .v-flex, .floor10 .floor6-list .floor6-item .v-flex, .floor6 .floor8-list .floor8-item .v-flex, .floor6 .floor8-list .floor10-item .v-flex, .floor6 .floor8-list .floor6-item .v-flex, .floor6 .floor10-list .floor8-item .v-flex, .floor6 .floor10-list .floor10-item .v-flex, .floor6 .floor10-list .floor6-item .v-flex, .floor6 .floor6-list .floor8-item .v-flex, .floor6 .floor6-list .floor10-item .v-flex, .floor6 .floor6-list .floor6-item .v-flex { overflow: hidden; border-radius: 10px; }

.floor8 .floor8-list .floor8-item .v-flex::after, .floor8 .floor8-list .floor10-item .v-flex::after, .floor8 .floor8-list .floor6-item .v-flex::after, .floor8 .floor10-list .floor8-item .v-flex::after, .floor8 .floor10-list .floor10-item .v-flex::after, .floor8 .floor10-list .floor6-item .v-flex::after, .floor8 .floor6-list .floor8-item .v-flex::after, .floor8 .floor6-list .floor10-item .v-flex::after, .floor8 .floor6-list .floor6-item .v-flex::after, .floor10 .floor8-list .floor8-item .v-flex::after, .floor10 .floor8-list .floor10-item .v-flex::after, .floor10 .floor8-list .floor6-item .v-flex::after, .floor10 .floor10-list .floor8-item .v-flex::after, .floor10 .floor10-list .floor10-item .v-flex::after, .floor10 .floor10-list .floor6-item .v-flex::after, .floor10 .floor6-list .floor8-item .v-flex::after, .floor10 .floor6-list .floor10-item .v-flex::after, .floor10 .floor6-list .floor6-item .v-flex::after, .floor6 .floor8-list .floor8-item .v-flex::after, .floor6 .floor8-list .floor10-item .v-flex::after, .floor6 .floor8-list .floor6-item .v-flex::after, .floor6 .floor10-list .floor8-item .v-flex::after, .floor6 .floor10-list .floor10-item .v-flex::after, .floor6 .floor10-list .floor6-item .v-flex::after, .floor6 .floor6-list .floor8-item .v-flex::after, .floor6 .floor6-list .floor10-item .v-flex::after, .floor6 .floor6-list .floor6-item .v-flex::after { padding-bottom: 58.82353%; }

.floor8 .floor8-list .floor8-item .floor6-item__cover, .floor8 .floor8-list .floor8-item .floor10-item__cover, .floor8 .floor8-list .floor8-item .floor8-item__cover, .floor8 .floor8-list .floor10-item .floor6-item__cover, .floor8 .floor8-list .floor10-item .floor10-item__cover, .floor8 .floor8-list .floor10-item .floor8-item__cover, .floor8 .floor8-list .floor6-item .floor6-item__cover, .floor8 .floor8-list .floor6-item .floor10-item__cover, .floor8 .floor8-list .floor6-item .floor8-item__cover, .floor8 .floor10-list .floor8-item .floor6-item__cover, .floor8 .floor10-list .floor8-item .floor10-item__cover, .floor8 .floor10-list .floor8-item .floor8-item__cover, .floor8 .floor10-list .floor10-item .floor6-item__cover, .floor8 .floor10-list .floor10-item .floor10-item__cover, .floor8 .floor10-list .floor10-item .floor8-item__cover, .floor8 .floor10-list .floor6-item .floor6-item__cover, .floor8 .floor10-list .floor6-item .floor10-item__cover, .floor8 .floor10-list .floor6-item .floor8-item__cover, .floor8 .floor6-list .floor8-item .floor6-item__cover, .floor8 .floor6-list .floor8-item .floor10-item__cover, .floor8 .floor6-list .floor8-item .floor8-item__cover, .floor8 .floor6-list .floor10-item .floor6-item__cover, .floor8 .floor6-list .floor10-item .floor10-item__cover, .floor8 .floor6-list .floor10-item .floor8-item__cover, .floor8 .floor6-list .floor6-item .floor6-item__cover, .floor8 .floor6-list .floor6-item .floor10-item__cover, .floor8 .floor6-list .floor6-item .floor8-item__cover, .floor10 .floor8-list .floor8-item .floor6-item__cover, .floor10 .floor8-list .floor8-item .floor10-item__cover, .floor10 .floor8-list .floor8-item .floor8-item__cover, .floor10 .floor8-list .floor10-item .floor6-item__cover, .floor10 .floor8-list .floor10-item .floor10-item__cover, .floor10 .floor8-list .floor10-item .floor8-item__cover, .floor10 .floor8-list .floor6-item .floor6-item__cover, .floor10 .floor8-list .floor6-item .floor10-item__cover, .floor10 .floor8-list .floor6-item .floor8-item__cover, .floor10 .floor10-list .floor8-item .floor6-item__cover, .floor10 .floor10-list .floor8-item .floor10-item__cover, .floor10 .floor10-list .floor8-item .floor8-item__cover, .floor10 .floor10-list .floor10-item .floor6-item__cover, .floor10 .floor10-list .floor10-item .floor10-item__cover, .floor10 .floor10-list .floor10-item .floor8-item__cover, .floor10 .floor10-list .floor6-item .floor6-item__cover, .floor10 .floor10-list .floor6-item .floor10-item__cover, .floor10 .floor10-list .floor6-item .floor8-item__cover, .floor10 .floor6-list .floor8-item .floor6-item__cover, .floor10 .floor6-list .floor8-item .floor10-item__cover, .floor10 .floor6-list .floor8-item .floor8-item__cover, .floor10 .floor6-list .floor10-item .floor6-item__cover, .floor10 .floor6-list .floor10-item .floor10-item__cover, .floor10 .floor6-list .floor10-item .floor8-item__cover, .floor10 .floor6-list .floor6-item .floor6-item__cover, .floor10 .floor6-list .floor6-item .floor10-item__cover, .floor10 .floor6-list .floor6-item .floor8-item__cover, .floor6 .floor8-list .floor8-item .floor6-item__cover, .floor6 .floor8-list .floor8-item .floor10-item__cover, .floor6 .floor8-list .floor8-item .floor8-item__cover, .floor6 .floor8-list .floor10-item .floor6-item__cover, .floor6 .floor8-list .floor10-item .floor10-item__cover, .floor6 .floor8-list .floor10-item .floor8-item__cover, .floor6 .floor8-list .floor6-item .floor6-item__cover, .floor6 .floor8-list .floor6-item .floor10-item__cover, .floor6 .floor8-list .floor6-item .floor8-item__cover, .floor6 .floor10-list .floor8-item .floor6-item__cover, .floor6 .floor10-list .floor8-item .floor10-item__cover, .floor6 .floor10-list .floor8-item .floor8-item__cover, .floor6 .floor10-list .floor10-item .floor6-item__cover, .floor6 .floor10-list .floor10-item .floor10-item__cover, .floor6 .floor10-list .floor10-item .floor8-item__cover, .floor6 .floor10-list .floor6-item .floor6-item__cover, .floor6 .floor10-list .floor6-item .floor10-item__cover, .floor6 .floor10-list .floor6-item .floor8-item__cover, .floor6 .floor6-list .floor8-item .floor6-item__cover, .floor6 .floor6-list .floor8-item .floor10-item__cover, .floor6 .floor6-list .floor8-item .floor8-item__cover, .floor6 .floor6-list .floor10-item .floor6-item__cover, .floor6 .floor6-list .floor10-item .floor10-item__cover, .floor6 .floor6-list .floor10-item .floor8-item__cover, .floor6 .floor6-list .floor6-item .floor6-item__cover, .floor6 .floor6-list .floor6-item .floor10-item__cover, .floor6 .floor6-list .floor6-item .floor8-item__cover { position: absolute; width: 100%; height: 100%; object-fit: cover; border-radius: 10px; }

.floor8 .floor8-list .floor8-item .floor8-item__title, .floor8 .floor8-list .floor8-item .floor10-item__title, .floor8 .floor8-list .floor8-item .floor6-item__title, .floor8 .floor8-list .floor10-item .floor8-item__title, .floor8 .floor8-list .floor10-item .floor10-item__title, .floor8 .floor8-list .floor10-item .floor6-item__title, .floor8 .floor8-list .floor6-item .floor8-item__title, .floor8 .floor8-list .floor6-item .floor10-item__title, .floor8 .floor8-list .floor6-item .floor6-item__title, .floor8 .floor10-list .floor8-item .floor8-item__title, .floor8 .floor10-list .floor8-item .floor10-item__title, .floor8 .floor10-list .floor8-item .floor6-item__title, .floor8 .floor10-list .floor10-item .floor8-item__title, .floor8 .floor10-list .floor10-item .floor10-item__title, .floor8 .floor10-list .floor10-item .floor6-item__title, .floor8 .floor10-list .floor6-item .floor8-item__title, .floor8 .floor10-list .floor6-item .floor10-item__title, .floor8 .floor10-list .floor6-item .floor6-item__title, .floor8 .floor6-list .floor8-item .floor8-item__title, .floor8 .floor6-list .floor8-item .floor10-item__title, .floor8 .floor6-list .floor8-item .floor6-item__title, .floor8 .floor6-list .floor10-item .floor8-item__title, .floor8 .floor6-list .floor10-item .floor10-item__title, .floor8 .floor6-list .floor10-item .floor6-item__title, .floor8 .floor6-list .floor6-item .floor8-item__title, .floor8 .floor6-list .floor6-item .floor10-item__title, .floor8 .floor6-list .floor6-item .floor6-item__title, .floor10 .floor8-list .floor8-item .floor8-item__title, .floor10 .floor8-list .floor8-item .floor10-item__title, .floor10 .floor8-list .floor8-item .floor6-item__title, .floor10 .floor8-list .floor10-item .floor8-item__title, .floor10 .floor8-list .floor10-item .floor10-item__title, .floor10 .floor8-list .floor10-item .floor6-item__title, .floor10 .floor8-list .floor6-item .floor8-item__title, .floor10 .floor8-list .floor6-item .floor10-item__title, .floor10 .floor8-list .floor6-item .floor6-item__title, .floor10 .floor10-list .floor8-item .floor8-item__title, .floor10 .floor10-list .floor8-item .floor10-item__title, .floor10 .floor10-list .floor8-item .floor6-item__title, .floor10 .floor10-list .floor10-item .floor8-item__title, .floor10 .floor10-list .floor10-item .floor10-item__title, .floor10 .floor10-list .floor10-item .floor6-item__title, .floor10 .floor10-list .floor6-item .floor8-item__title, .floor10 .floor10-list .floor6-item .floor10-item__title, .floor10 .floor10-list .floor6-item .floor6-item__title, .floor10 .floor6-list .floor8-item .floor8-item__title, .floor10 .floor6-list .floor8-item .floor10-item__title, .floor10 .floor6-list .floor8-item .floor6-item__title, .floor10 .floor6-list .floor10-item .floor8-item__title, .floor10 .floor6-list .floor10-item .floor10-item__title, .floor10 .floor6-list .floor10-item .floor6-item__title, .floor10 .floor6-list .floor6-item .floor8-item__title, .floor10 .floor6-list .floor6-item .floor10-item__title, .floor10 .floor6-list .floor6-item .floor6-item__title, .floor6 .floor8-list .floor8-item .floor8-item__title, .floor6 .floor8-list .floor8-item .floor10-item__title, .floor6 .floor8-list .floor8-item .floor6-item__title, .floor6 .floor8-list .floor10-item .floor8-item__title, .floor6 .floor8-list .floor10-item .floor10-item__title, .floor6 .floor8-list .floor10-item .floor6-item__title, .floor6 .floor8-list .floor6-item .floor8-item__title, .floor6 .floor8-list .floor6-item .floor10-item__title, .floor6 .floor8-list .floor6-item .floor6-item__title, .floor6 .floor10-list .floor8-item .floor8-item__title, .floor6 .floor10-list .floor8-item .floor10-item__title, .floor6 .floor10-list .floor8-item .floor6-item__title, .floor6 .floor10-list .floor10-item .floor8-item__title, .floor6 .floor10-list .floor10-item .floor10-item__title, .floor6 .floor10-list .floor10-item .floor6-item__title, .floor6 .floor10-list .floor6-item .floor8-item__title, .floor6 .floor10-list .floor6-item .floor10-item__title, .floor6 .floor10-list .floor6-item .floor6-item__title, .floor6 .floor6-list .floor8-item .floor8-item__title, .floor6 .floor6-list .floor8-item .floor10-item__title, .floor6 .floor6-list .floor8-item .floor6-item__title, .floor6 .floor6-list .floor10-item .floor8-item__title, .floor6 .floor6-list .floor10-item .floor10-item__title, .floor6 .floor6-list .floor10-item .floor6-item__title, .floor6 .floor6-list .floor6-item .floor8-item__title, .floor6 .floor6-list .floor6-item .floor10-item__title, .floor6 .floor6-list .floor6-item .floor6-item__title { text-align: center; font-weight: bold; font-size: 16px; margin: 10px 0; line-height: 1.8; }

.floor8 .floor8-list .floor8-item .floor10-item__title, .floor8 .floor8-list .floor10-item .floor10-item__title, .floor8 .floor8-list .floor6-item .floor10-item__title, .floor8 .floor10-list .floor8-item .floor10-item__title, .floor8 .floor10-list .floor10-item .floor10-item__title, .floor8 .floor10-list .floor6-item .floor10-item__title, .floor8 .floor6-list .floor8-item .floor10-item__title, .floor8 .floor6-list .floor10-item .floor10-item__title, .floor8 .floor6-list .floor6-item .floor10-item__title, .floor10 .floor8-list .floor8-item .floor10-item__title, .floor10 .floor8-list .floor10-item .floor10-item__title, .floor10 .floor8-list .floor6-item .floor10-item__title, .floor10 .floor10-list .floor8-item .floor10-item__title, .floor10 .floor10-list .floor10-item .floor10-item__title, .floor10 .floor10-list .floor6-item .floor10-item__title, .floor10 .floor6-list .floor8-item .floor10-item__title, .floor10 .floor6-list .floor10-item .floor10-item__title, .floor10 .floor6-list .floor6-item .floor10-item__title, .floor6 .floor8-list .floor8-item .floor10-item__title, .floor6 .floor8-list .floor10-item .floor10-item__title, .floor6 .floor8-list .floor6-item .floor10-item__title, .floor6 .floor10-list .floor8-item .floor10-item__title, .floor6 .floor10-list .floor10-item .floor10-item__title, .floor6 .floor10-list .floor6-item .floor10-item__title, .floor6 .floor6-list .floor8-item .floor10-item__title, .floor6 .floor6-list .floor10-item .floor10-item__title, .floor6 .floor6-list .floor6-item .floor10-item__title { text-align: left; font-weight: normal; font-size: 14px; }

.floor8 .floor8-list .floor8-item .floor10-item__title--light, .floor8 .floor8-list .floor10-item .floor10-item__title--light, .floor8 .floor8-list .floor6-item .floor10-item__title--light, .floor8 .floor10-list .floor8-item .floor10-item__title--light, .floor8 .floor10-list .floor10-item .floor10-item__title--light, .floor8 .floor10-list .floor6-item .floor10-item__title--light, .floor8 .floor6-list .floor8-item .floor10-item__title--light, .floor8 .floor6-list .floor10-item .floor10-item__title--light, .floor8 .floor6-list .floor6-item .floor10-item__title--light, .floor10 .floor8-list .floor8-item .floor10-item__title--light, .floor10 .floor8-list .floor10-item .floor10-item__title--light, .floor10 .floor8-list .floor6-item .floor10-item__title--light, .floor10 .floor10-list .floor8-item .floor10-item__title--light, .floor10 .floor10-list .floor10-item .floor10-item__title--light, .floor10 .floor10-list .floor6-item .floor10-item__title--light, .floor10 .floor6-list .floor8-item .floor10-item__title--light, .floor10 .floor6-list .floor10-item .floor10-item__title--light, .floor10 .floor6-list .floor6-item .floor10-item__title--light, .floor6 .floor8-list .floor8-item .floor10-item__title--light, .floor6 .floor8-list .floor10-item .floor10-item__title--light, .floor6 .floor8-list .floor6-item .floor10-item__title--light, .floor6 .floor10-list .floor8-item .floor10-item__title--light, .floor6 .floor10-list .floor10-item .floor10-item__title--light, .floor6 .floor10-list .floor6-item .floor10-item__title--light, .floor6 .floor6-list .floor8-item .floor10-item__title--light, .floor6 .floor6-list .floor10-item .floor10-item__title--light, .floor6 .floor6-list .floor6-item .floor10-item__title--light { color: #008f5a; }

.floor7 { padding-top: 50px; background: url(../images/garbage27.jpg); background-size: cover; }

.floor7 .floor7-banner .swiper-slide { height: 100%; background-size: contain; background-repeat: no-repeat; background-position: center; }

.floor7 .floor7-banner .swiper-slide::after { padding-bottom: 43.60902%; }

.floor7 .floor7-banner .swiper-button-prev, .floor7 .floor7-banner .swiper-button-next { background: #fff; border-radius: 50%; width: 50px; height: 50px; box-shadow: 2px 0 10px 0 #ddd; display: flex; align-items: center; justify-content: center; margin-top: 30px; }

.floor7 .floor7-banner .swiper-button-prev::after, .floor7 .floor7-banner .swiper-button-next::after { display: flex; content: ""; width: 6px; height: 6px; border-style: solid; border-color: #ccc; border-width: 2px 2px 0 0; }

.floor7 .floor7-banner .swiper-button-prev:hover, .floor7 .floor7-banner .swiper-button-next:hover { background-color: #008f5a; }

.floor7 .floor7-banner .swiper-button-prev:hover::after, .floor7 .floor7-banner .swiper-button-next:hover::after { border-color: #fff; }

.floor7 .floor7-banner .swiper-button-prev::after { transform: rotate(-135deg); margin-left: 3px; }

.floor7 .floor7-banner .swiper-button-next::after { transform: rotate(45deg); margin-right: 3px; }

.floor9 { padding: 0 0 80px; background: url(../images/garbage40.jpg) no-repeat; background-size: cover; }

.floor9 .floor9-content { display: flex; flex-wrap: wrap; }

.floor9 .floor9-content .floor9-left { flex: 1; }

.floor9 .floor9-content .floor9-left .floor9-title { font-size: 18px; font-weight: bold; color: #008f5a; }

.floor9 .floor9-content .floor9-left .floor9-desc { margin-top: 2%; line-height: 1.6; }

.floor9 .floor9-content .floor9-right { width: 34%; margin-left: 30px; }

.floor9 .floor9-content .floor9-right .floor9-image { width: 48%; height: auto; float: left; margin-right: 4%; margin-bottom: 4%; }

.floor9 .floor9-content .floor9-right .floor9-image:nth-child(2n) { margin-right: 0; }

.floor9 .floor9-content .floor9-right .floor9-right__title { width: 100%; text-align: center; color: #008f5a; font-size: 18px; font-weight: bold; }

.floor9 .floor9-content .floor9-list { display: flex; width: 100%; margin-top: 30px; justify-content: space-around; }

.floor9 .floor9-content .floor9-list .floor9-item { text-align: center; }

.floor9 .floor9-content .floor9-list .floor9-item .floor9-item__title { font-size: 16px; font-weight: bold; margin: 15px 0 5px; }

.floor10-bottom { padding: 40px 0; border-top: 1px solid #eee; font-size: 30px; font-weight: bold; color: #008f5a; text-align: center; width: 100%; line-height: 1.6; }

@media (max-width: 768px) { .floor1 { padding: 30px 0; }
  .floor1 .u-container { display: block; }
  .floor1 .floor1-right { width: 100%; margin-top: 20px; }
  .floor1 .floor1-left { padding-right: 0; width: 100%; }
  .floor1 .floor1-left .floor1-left__image { width: 100%; }
  .floor1 .floor1-left .floor1-left__title { font-size: 16px; }
  .garbage-title2 .garbage-title2--image { height: 26px; }
  .garbage-title2 .garbage-title2--en { font-size: 8px; margin-bottom: 20px; }
  .garbage-title2 .garbage-title2--zh { font-size: 18px; }
  .floor2 { padding: 30px 0; }
  .floor2 .floor2-list .floor2-item { padding-bottom: 10px; width: 50%; border: none; }
  .floor2 .floor2-list .floor2-item:nth-child(2n) { border-left: 1px solid #eee; }
  .floor2 .floor2-list .floor2-item:nth-child(1), .floor2 .floor2-list .floor2-item:nth-child(2) { border-bottom: 1px solid #eee; }
  .floor2 .floor2-list .floor2-item .floor2-item__title { font-size: 14px; margin-top: 0; }
  .floor2 .floor2-list .floor2-item .floor2-item__title--en { font-size: 8px; color: #878787; }
  .floor2 .floor2-list .floor2-item .floor2-item__icon { width: 140px; height: 140px; object-fit: contain; }
  .floor3 { padding: 30px 0; background-color: #fff; }
  .floor3 .floor3-swiper { display: block; }
  .floor3 .floor3-swiper .floor3-slide { }
  .floor3 .floor3-swiper .floor3-slide .floor3-slide__image { width: 100%; object-fit: cover; }
  .floor3 .floor3-data { display: block; }
  .floor3 .floor3-data .floor3-data__description { padding: 0 10px; }
  .floor3 .floor3-data .floor3-data__process .floor3-process { width: 50%; padding: 10px; }
  .floor3 .floor3-data .floor3-data__process .floor3-process:nth-child(2n - 1) { border-right: 1px solid #eee; }
  .floor3 .floor3-data .floor3-data__process .floor3-process:nth-child(1), .floor3 .floor3-data .floor3-data__process .floor3-process:nth-child(2) { border-bottom: 1px solid #eee; }
  .floor3 .floor3-data .floor3-data__process .floor3-process .floor3-process__icon { height: 26px; margin-right: 5px; }
  .floor3 .floor3-data .floor3-data__process .floor3-process .floor3-process__title { font-size: 14px; }
  .floor4 { padding: 30px 0; background-image: none; height: auto; }
  .floor4 .floor4-content { width: 100%; margin-top: 20px; }
  .floor5 { padding: 30px 0; }
  .floor5 .floor5-list { display: block; }
  .floor5 .floor5-list .floor5-left { width: 100%; }
  .floor5 .floor5-list .floor5-right { width: 100%; flex-direction: row; margin-top: 20px; }
  .floor5 .floor5-list .floor5-right .floor5-item { width: 48%; }
  .floor6 { padding: 30px 0; }
  .floor6 .floor6-list .floor6-item { width: 48%; margin-right: 0; }
  .floor6 .floor6-list .floor6-item:nth-child(2n) { margin-left: 2%; }
  .floor6 .floor6-list .floor6-item .floor6-item__title { font-size: 12px; font-weight: normal; }
  .floor7 { padding: 0; }
  .floor7 .floor7-banner .swiper-button-prev, .floor7 .floor7-banner .swiper-button-next { display: none; }
  .floor7 .floor7-banner { padding: 0; display: block; }
  .floor7 .floor7-banner .swiper-slide[data-swiper-slide-index="0"] { background-image: url(../images/garbage23-1.jpg) !important; }
  .floor7 .floor7-banner .swiper-slide[data-swiper-slide-index="1"] { background-image: url(../images/garbage24-1.jpg) !important; }
  .floor7 .floor7-banner .swiper-slide[data-swiper-slide-index="2"] { background-image: url(../images/garbage25-1.jpg) !important; }
  .floor7 .floor7-banner .swiper-slide[data-swiper-slide-index="3"] { background-image: url(../images/garbage26-1.jpg) !important; }
  .floor7 .floor7-banner .swiper-slide::after { padding-bottom: 180%; }
  .floor8 { padding: 30px 0; }
  .floor8 .floor8-list .floor8-item { width: 48%; margin-right: 0; }
  .floor8 .floor8-list .floor8-item:nth-child(2n) { margin-left: 2%; }
  .floor8 .floor8-list .floor8-item .floor8-item__title { font-size: 12px; font-weight: normal; }
  .floor9 { padding: 0 0 30px 0; }
  .floor9 .floor9-content .floor9-left { flex: auto; }
  .floor9 .floor9-content .floor9-left .floor9-title { font-size: 14px; }
  .floor9 .floor9-content .floor9-right { width: 100%; margin-left: 0; margin-top: 20px; }
  .floor9 .floor9-content .floor9-right .floor9-right__title { font-size: 14px; }
  .floor9 .floor9-content .floor9-list { flex-wrap: wrap; justify-content: flex-start; }
  .floor9 .floor9-content .floor9-list .floor9-item { width: 48%; margin-bottom: 10px; }
  .floor9 .floor9-content .floor9-list .floor9-item:nth-child(2n) { margin-left: 4%; }
  .floor9 .floor9-content .floor9-list .floor9-item .floor9-item__title { font-size: 14px; }
  .floor10 { padding: 30px 0 0; }
  .floor10 .floor10-list .floor10-item { width: 100%; margin-right: 0; }
  .floor10 .floor10-list .floor10-item .floor10-item__title { font-size: 12px; font-weight: normal; }
  .floor10 .floor10-bottom { padding: 20px 0; font-size: 16px; } }
