.pc-ecology[data-v-0717488b]{position:relative}.pc-ecology .bannner[data-v-0717488b]{background-image:url(https://hd-oss.cosmoplat.com/hdCosmo25%3Acosmoplat/202304/9550625a-b47c-421d-a626-b9f3f6ddafc1.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;height:calc(480px - var(--layout-header-height));justify-content:center;padding-bottom:var(--layout-sub-nav-height);width:100%}.pc-ecology .bannner .banner-title[data-v-0717488b]{color:#333;font-size:40px;font-weight:600;line-height:40px;margin-bottom:32px}.pc-ecology .bannner .banner-subtitle[data-v-0717488b]{color:#333;font-size:18px;font-weight:400;line-height:24px;width:656px}.pc-ecology .middle-tab[data-v-0717488b]{display:flex;flex-direction:row;justify-content:center;margin-top:calc(0px - var(--layout-sub-nav-height));position:sticky;top:0;width:100%;z-index:3}.pc-ecology .middle-tab .tab-background[data-v-0717488b]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:hsla(0,0%,100%,.36);border:1px solid #fff;box-shadow:0 8px 16px 2px rgba(0,0,0,.1);display:flex;flex-direction:row;height:var(--layout-sub-nav-height);justify-content:center}.pc-ecology .middle-tab .tab-background .tab[data-v-0717488b]{align-items:center;cursor:pointer;display:flex;flex-direction:column;padding-top:20px;width:70px}.pc-ecology .middle-tab .tab-background .tab .tab-title[data-v-0717488b]{color:#333;font-size:16px;font-weight:600;line-height:22px}.pc-ecology .middle-tab .tab-background .tab .tab-title-active[data-v-0717488b]{color:#004baa;font-size:16px;font-weight:600;line-height:22px;margin-bottom:13px}.pc-ecology .middle-tab .tab-background .tab .tab-line[data-v-0717488b]{background-color:var(--color-theme);height:3px;transition:width .2s ease-out;width:36px}.pc-ecology .middle-tab .tab-background .tab .tab-line-unactive[data-v-0717488b]{transition:width .2s ease-out;width:0}.pc-ecology .middle[data-v-0717488b]{background-color:#fff;height:540px;position:relative;width:100%;z-index:1}.pc-ecology .bottom-case[data-v-0717488b]{background-image:url(https://hd-oss.cosmoplat.com/hdCosmo25%3Acosmoplat/202304/b136bd36-be2b-4434-9bb2-d8309acfa0fc.jpg);padding-bottom:100px;width:100%}.pc-ecology .bottom-case .middle-card[data-v-0717488b]{background:#fff;box-shadow:0 8px 16px 2px rgba(0,0,0,.1);display:flex;flex-direction:row;margin-top:-428px;position:relative;width:100%;z-index:2}.pc-ecology .bottom-case .middle-card .left-top2 .left-title[data-v-0717488b]{color:#004baa;font-size:30px;font-weight:600;line-height:38px;margin-right:12px}.pc-ecology .bottom-case .middle-card .left-top2 .title-icon[data-v-0717488b]{background-color:#004baa;border-radius:100%;height:20px;line-height:19px;text-align:center;width:20px}.pc-ecology .bottom-case .middle-card .left-top2 .title-icon .icon[data-v-0717488b]{color:#fff;font-size:14px}.pc-ecology .bottom-case .middle-card .left-top:hover .left-title[data-v-0717488b]{color:#005ddd;cursor:pointer}.pc-ecology .bottom-case .middle-card .left-top:hover .title-icon[data-v-0717488b]{background-color:#005ddd;cursor:pointer}.pc-ecology .bottom-case .middle-card .card-left[data-v-0717488b]{padding:40px;width:33.59%}.pc-ecology .bottom-case .middle-card .card-left .left-title[data-v-0717488b]{color:#004baa;font-size:30px;font-weight:600;line-height:38px;margin-right:12px}.pc-ecology .bottom-case .middle-card .card-left .title-icon[data-v-0717488b]{background-color:#004baa;border-radius:100%;height:20px;line-height:19px;text-align:center;width:20px}.pc-ecology .bottom-case .middle-card .card-left .title-icon .icon[data-v-0717488b]{color:#fff;font-size:14px}.pc-ecology .bottom-case .middle-card .card-left .left-subtitle[data-v-0717488b]{color:#004baa;font-size:14px;font-weight:600;line-height:22px;margin-bottom:24px;margin-top:12px}.pc-ecology .bottom-case .middle-card .card-left .left-content[data-v-0717488b]{color:#333;font-size:14px;font-weight:400;line-height:22px;margin-bottom:16px}.pc-ecology .bottom-case .middle-card .card-left .port-title[data-v-0717488b]{color:#333;font-size:14px;font-weight:600;line-height:22px}.pc-ecology .bottom-case .middle-card .card-left .port-content[data-v-0717488b]{color:#333;font-size:14px;font-weight:400;line-height:22px}.pc-ecology .bottom-case .middle-card .card-left .left-bottom .bottom-button[data-v-0717488b]{background-color:#fff;border:1px solid #999;color:#333;cursor:pointer;font-size:14px;font-weight:400;height:30px;line-height:14px;margin-top:24px;overflow:hidden;padding:8px 29px;text-overflow:ellipsis;white-space:nowrap;width:74.14%}.pc-ecology .bottom-case .middle-card .card-left .left-bottom .bottom-button[data-v-0717488b]:hover{border:1px solid #004baa;color:#004baa}.pc-ecology .bottom-case .middle-card .card-right[data-v-0717488b]{background-repeat:no-repeat;background-size:100% 100%;padding:40px;transition:all .5s ease;width:66.41%}.pc-ecology .bottom-case .middle-card .card-right .right-background[data-v-0717488b]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:hsla(0,0%,100%,.36);height:100%;width:100%}.pc-ecology .bottom-case .middle-card .card-right .right-background .background-img[data-v-0717488b]{height:100%;transition:all .5s ease;width:100%}.pc-ecology .bottom-case .bottom-title[data-v-0717488b]{color:#333;font-size:24px;font-weight:600;line-height:32px;margin-bottom:24px;margin-top:40px;text-align:center}.pc-ecology .bottom-case .list[data-v-0717488b]{height:294px;margin-bottom:34px;padding-right:34px;width:33.33%}.pc-ecology .bottom-case .list-item[data-v-0717488b]{background:#fff;box-shadow:0 8px 16px 2px rgba(0,0,0,.11);cursor:pointer;height:100%}.pc-ecology .bottom-case .list-item .img[data-v-0717488b]{height:210px;width:100%}.pc-ecology .bottom-case .list-item .item-content[data-v-0717488b]{padding:16px 24px;width:100%}.pc-ecology .bottom-case .list-item .item-content .item-title[data-v-0717488b]{-webkit-line-clamp:1;color:#333;font-size:16px;font-weight:600;line-height:24px;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-ecology .bottom-case .list-item .item-content .item-subtitle[data-v-0717488b]{-webkit-line-clamp:1;color:#595959;font-size:14px;font-weight:400;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-ecology .bottom-case .list[data-v-0717488b]:nth-child(3n){padding-right:0}.pc-ecology .bottom-case .list-item[data-v-0717488b]:hover{box-shadow:0 0 24px 10px rgba(0,0,0,.11);margin-top:-4px}.pc-ecology .bottom-case .list-item:hover .item-content .item-subtitle[data-v-0717488b],.pc-ecology .bottom-case .list-item:hover .item-content .item-title[data-v-0717488b]{color:#004baa}.pc-ecology .bottom-case .jumper-btn[data-v-0717488b]{background-color:#004baa;color:#fff;font-size:14px;line-height:14px;margin-left:8px;padding:6px 8px}.pc-ecology .bottom-case .jumper-btn[data-v-0717488b]:hover{background-color:#005ddd}.pc-ecology[data-v-0717488b] .el-pagination .el-pagination__total{color:#333;font-size:14px}.pc-ecology[data-v-0717488b] .el-pagination .btn-next:not(:disabled):hover,.pc-ecology[data-v-0717488b] .el-pagination .btn-prev:not(:disabled):hover{color:#004baa}.pc-ecology[data-v-0717488b] .el-pagination .btn-next,.pc-ecology[data-v-0717488b] .el-pagination .btn-prev{background-color:transparent!important}.pc-ecology[data-v-0717488b] .el-pagination .number{background-color:transparent}.pc-ecology[data-v-0717488b] .el-pagination .el-pager li.active,.pc-ecology[data-v-0717488b] .el-pagination .el-pager li:hover{color:#004baa}.pc-ecology[data-v-0717488b] .el-pagination .el-pagination__jump{color:#333;font-size:14px}.pc-ecology[data-v-0717488b] .el-pagination .el-pagination__editor{margin-left:6px;margin-right:6px}.pc-ecology[data-v-0717488b] .el-pagination .el-pagination__editor .el-input__inner{border-color:#666;border-radius:0}.pc-ecology[data-v-0717488b] .el-pagination .el-pagination__editor .el-input__inner:focus{border-color:#004baa}@media screen and (max-width:1511px){.bottom-button[data-v-0717488b]{font-size:12px!important;padding:8px 9px!important}}@media screen and (max-width:1599px){.pc-ecology .bannner[data-v-0717488b]{height:calc(420px - var(--layout-header-height))}.pc-ecology .bannner .banner-title[data-v-0717488b]{font-size:36px;line-height:40px;margin-bottom:16px}.pc-ecology .bannner .banner-subtitle[data-v-0717488b]{font-size:16px;line-height:1.5}}@media screen and (max-width:1365px){.pc-ecology .bannner[data-v-0717488b]{height:calc(372px - var(--layout-header-height))}.pc-ecology .bannner .banner-title[data-v-0717488b]{font-size:32px;line-height:32px;margin-bottom:16px}.pc-ecology .bannner .banner-subtitle[data-v-0717488b]{font-size:14px;line-height:1.5}}@media screen and (max-width:1199px){.pc-ecology .bannner[data-v-0717488b]{height:calc(236px - var(--layout-header-height))}.pc-ecology .bannner .banner-title[data-v-0717488b]{font-size:28px;line-height:28px;margin-bottom:12px}.pc-ecology .bannner .banner-subtitle[data-v-0717488b]{font-size:12px;line-height:1.5}.pc-ecology .middle-tab .tab-background .tab[data-v-0717488b]{padding-top:10px}.pc-ecology .middle-tab .tab-background .tab .tab-title[data-v-0717488b]{font-size:12px;line-height:17px}.pc-ecology .middle-tab .tab-background .tab .tab-title-active[data-v-0717488b]{font-size:12px;line-height:17px;margin-bottom:5px}.pc-ecology .middle-tab .tab-background .tab .tab-line[data-v-0717488b]{height:2px;width:36px}}@media screen and (max-width:767px){.pc-ecology[data-v-0717488b]{display:none!important}}.phone-ecology[data-v-7be682eb]{position:relative}.phone-ecology .banner[data-v-7be682eb]{background-image:url(https://hd-oss.cosmoplat.com/hdCosmo25%3Acosmoplat/202304/6adbc4c9-dc8c-4c3f-978d-60f92321020a.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#333;display:flex;flex-direction:column;height:200px;justify-content:center;padding:0 16px;width:100%}.phone-ecology .banner .banner-title[data-v-7be682eb]{font-size:24px;font-weight:700;line-height:32px;margin-bottom:12px}.phone-ecology .banner .banner-subtitle[data-v-7be682eb]{font-size:12px;line-height:16px}.phone-ecology .tab[data-v-7be682eb]{background:#fff;box-shadow:0 2px 4px 0 rgba(0,0,0,.09);display:flex;flex-direction:row;height:48px;justify-content:space-between;padding:14px 16px 0;position:sticky;top:0;z-index:3}.phone-ecology .tab .tab-item[data-v-7be682eb]{align-items:center;display:flex;flex-direction:column;width:24px}.phone-ecology .tab .tab-item .tab-title[data-v-7be682eb]{color:#333;font-size:12px;font-weight:600;line-height:20px}.phone-ecology .tab .tab-item .tab-title-active[data-v-7be682eb]{color:#004baa;font-size:12px;font-weight:600;line-height:20px;margin-bottom:12px}.phone-ecology .tab .tab-item .tab-line[data-v-7be682eb]{background-color:#004baa;height:2px;transition:width .2s ease-out;width:100%}.phone-ecology .tab .tab-item .tab-line-unactive[data-v-7be682eb]{transition:width .2s ease-out;width:0}.phone-ecology .tab .tab-icon[data-v-7be682eb]{font-size:12px;line-height:20px}.phone-ecology .middle[data-v-7be682eb]{height:153px;padding:24px 16px 0;position:relative;width:100%}.phone-ecology .middle-card[data-v-7be682eb]{background:#fff;box-shadow:0 0 16px 0 rgba(0,0,0,.1);margin-top:-129px;width:100%;z-index:2}.phone-ecology .middle-card .card-img[data-v-7be682eb]{background-repeat:no-repeat;background-size:100% 100%;padding:10px;transition:all .5s ease;width:100%}.phone-ecology .middle-card .card-img .img-background[data-v-7be682eb]{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:hsla(0,0%,100%,.36);height:100%;width:100%}.phone-ecology .middle-card .middle-content[data-v-7be682eb]{background-color:#fff;padding:20px 16px 24px;z-index:2}.phone-ecology .middle-card .middle-content .content-title[data-v-7be682eb]{color:#004baa;font-size:18px;font-weight:600;line-height:26px;margin-right:10px}.phone-ecology .middle-card .middle-content .title-icon[data-v-7be682eb]{background-color:#004baa;border-radius:100%;height:16px;line-height:14px;position:relative;text-align:center;width:16px}.phone-ecology .middle-card .middle-content .title-icon .icon[data-v-7be682eb]{color:#fff;font-size:9px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.phone-ecology .middle-card .middle-content .content-subtitle[data-v-7be682eb]{color:#004baa;font-size:12px;font-weight:600;line-height:20px;margin:4px 0 12px}.phone-ecology .middle-card .middle-content .content[data-v-7be682eb]{color:#333;font-size:12px;font-weight:400;line-height:20px;margin-bottom:8px}.phone-ecology .middle-card .middle-content .port-title[data-v-7be682eb]{color:#333;font-size:12px;font-weight:600;line-height:20px}.phone-ecology .middle-card .middle-content .port-content[data-v-7be682eb]{color:#333;font-size:12px;font-weight:400;line-height:20px}.phone-ecology .middle-card .middle-content .bottom-button[data-v-7be682eb]{background-color:#fff;border:1px solid #999;color:#333;font-size:12px;font-weight:400;height:32px;line-height:14px;margin-top:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:250px}.phone-ecology .bottom-case[data-v-7be682eb]{background-color:#f5f8fe;padding:0 16px 24px;width:100%;z-index:2}.phone-ecology .bottom-case .bottom-title[data-v-7be682eb]{color:#333;font-size:16px;font-weight:600;line-height:24px;margin-bottom:16px;margin-top:24px;text-align:center}.phone-ecology .bottom-case .list[data-v-7be682eb]{height:174px;margin-bottom:12px;padding-right:7px;width:50%}.phone-ecology .bottom-case .list .list-item[data-v-7be682eb]{background:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.11);height:100%}.phone-ecology .bottom-case .list .img[data-v-7be682eb]{height:88px;width:100%}.phone-ecology .bottom-case .list .item-content[data-v-7be682eb]{padding:12px 8px;width:100%}.phone-ecology .bottom-case .list .item-content .item-title[data-v-7be682eb]{-webkit-line-clamp:1;color:#333;font-size:12px;font-weight:600;line-height:20px;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phone-ecology .bottom-case .list .item-content .item-subtitle[data-v-7be682eb]{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#333;display:-webkit-box;font-size:12px;font-weight:400;line-height:20px;overflow:hidden;text-overflow:ellipsis}.phone-ecology .bottom-case .jumper-btn[data-v-7be682eb]{background-color:#004baa;color:#fff;font-size:14px;line-height:14px;margin-left:8px;padding:6px 8px}.phone-ecology .bottom-case .list[data-v-7be682eb]:nth-child(2n){padding-right:0}.phone-ecology[data-v-7be682eb] .el-pagination .el-pagination__total{color:#333;font-size:14px}.phone-ecology[data-v-7be682eb] .el-pagination .btn-next:not(:disabled):hover,.phone-ecology[data-v-7be682eb] .el-pagination .btn-prev:not(:disabled):hover{color:#004baa}.phone-ecology[data-v-7be682eb] .el-pagination .btn-next,.phone-ecology[data-v-7be682eb] .el-pagination .btn-prev{background-color:transparent!important}.phone-ecology[data-v-7be682eb] .el-pagination .number{background-color:transparent}.phone-ecology[data-v-7be682eb] .el-pagination .el-pager li.active,.phone-ecology[data-v-7be682eb] .el-pagination .el-pager li:hover{color:#004baa}.phone-ecology[data-v-7be682eb] .el-pagination .el-pagination__jump{color:#333;font-size:14px}.phone-ecology[data-v-7be682eb] .el-pagination .el-pagination__editor{margin-left:6px;margin-right:6px}.phone-ecology[data-v-7be682eb] .el-pagination .el-pagination__editor .el-input__inner{border-color:#666;border-radius:0}.phone-ecology[data-v-7be682eb] .el-pagination .el-pagination__editor .el-input__inner:focus{border-color:#004baa}@media screen and (min-width:768px){.phone-ecology[data-v-7be682eb]{display:none!important}}