2 lines
12 KiB
CSS
2 lines
12 KiB
CSS
.hero-section[data-v-e9ce78a9] .el-carousel__container{height:100vh!important}.hero-slide[data-v-e9ce78a9]{height:100vh;background-size:cover;background-position:center;background-color:#1f2937;position:relative;display:flex;align-items:center}.hero-overlay[data-v-e9ce78a9]{position:absolute;inset:0;background:linear-gradient(135deg,#001e3cd9,#0369)}.hero-content[data-v-e9ce78a9]{position:relative;z-index:1;color:#fff}.hero-content h1[data-v-e9ce78a9]{font-size:48px;font-weight:700;margin-bottom:16px}@media(max-width:768px){.hero-content h1[data-v-e9ce78a9]{font-size:28px}}.hero-content p[data-v-e9ce78a9]{font-size:20px;opacity:.9;max-width:600px}@media(max-width:768px){.hero-content p[data-v-e9ce78a9]{font-size:16px}}.stats-section[data-v-e9ce78a9]{position:relative;color:#fff;overflow:hidden;margin-top:48px;min-height:clamp(520px,58vh,760px);padding:96px 0 104px;display:flex;align-items:center}@media(max-width:768px){.stats-section[data-v-e9ce78a9]{margin-top:28px;min-height:clamp(420px,50vh,600px);padding:56px 0 64px}}.stats-section-bg[data-v-e9ce78a9]{position:absolute;inset:0;background-size:cover;background-position:center 42%;background-color:#1f2937}.stats-overlay[data-v-e9ce78a9]{position:absolute;inset:0;background:linear-gradient(180deg,#00000061,#00000085)}.stats-inner[data-v-e9ce78a9]{position:relative;z-index:1;text-align:left}.stats-grid[data-v-e9ce78a9]{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}@media(max-width:768px){.stats-grid[data-v-e9ce78a9]{grid-template-columns:repeat(2,1fr)}}.stat-item[data-v-e9ce78a9]{text-align:left}.stat-number[data-v-e9ce78a9]{font-size:48px;font-weight:800;margin-bottom:8px;text-shadow:0 2px 14px rgba(0,0,0,.45)}@media(max-width:768px){.stat-number[data-v-e9ce78a9]{font-size:36px}}.stat-label[data-v-e9ce78a9]{font-size:16px;opacity:.95;text-shadow:0 1px 10px rgba(0,0,0,.4)}.about-content[data-v-e9ce78a9]{text-align:left;max-width:800px;margin:0}.about-desc[data-v-e9ce78a9]{font-size:18px;line-height:1.8;color:#4b5563;margin-bottom:32px}.products-grid[data-v-e9ce78a9]{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:768px){.products-grid[data-v-e9ce78a9]{grid-template-columns:repeat(2,1fr)}}.product-card[data-v-e9ce78a9]{padding:40px 24px;text-align:center;text-decoration:none}.product-card-icon[data-v-e9ce78a9]{color:#036;margin-bottom:16px}.product-card h3[data-v-e9ce78a9]{font-size:18px;color:#1f2937}.home-section-head[data-v-e9ce78a9]{margin-bottom:40px;text-align:left}.home-section-head__en[data-v-e9ce78a9]{font-size:13px;color:#9ca3af;text-transform:uppercase;letter-spacing:.12em;margin:0 0 8px;font-family:Roboto,Montserrat,Helvetica Neue,Arial,sans-serif}.home-section-head__title[data-v-e9ce78a9]{font-size:32px;font-weight:700;color:#036;margin:0;padding-bottom:14px;border-bottom:3px solid #003366;display:inline-block;line-height:1.2}@media(max-width:768px){.home-section-head__title[data-v-e9ce78a9]{font-size:24px;padding-bottom:10px}}.home-section-head--on-dark[data-v-e9ce78a9]{margin-bottom:36px}.home-section-head--on-dark .home-section-head__en[data-v-e9ce78a9]{color:#ffffffc7}.home-section-head--on-dark .home-section-head__title[data-v-e9ce78a9]{color:#fff;border-bottom-color:#036;max-width:960px;text-shadow:0 2px 14px rgba(0,0,0,.45)}.home-triple-carousel[data-v-e9ce78a9]{width:100%;max-width:1280px;margin:0 auto 4px}.home-triple-carousel[data-v-e9ce78a9] .el-carousel__arrow{width:40px;height:48px;border-radius:4px;background:#37415173;color:#fff}.home-triple-carousel[data-v-e9ce78a9] .el-carousel__arrow:hover{background:#003366a6}.home-triple-carousel[data-v-e9ce78a9] .el-carousel__indicators--outside{margin-top:16px}.home-triple-carousel[data-v-e9ce78a9] .el-carousel__indicator .el-carousel__button{width:28px;height:3px;border-radius:2px;background:#d1d5db;opacity:1}.home-triple-carousel[data-v-e9ce78a9] .el-carousel__indicator.is-active .el-carousel__button{width:36px;background:#036}.home-triple-row[data-v-e9ce78a9]{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;height:100%;align-content:stretch;padding:4px 8px 0;box-sizing:border-box}@media(max-width:768px){.home-triple-row[data-v-e9ce78a9]{grid-template-columns:1fr;gap:0;padding:0 4px}}.home-tile-card[data-v-e9ce78a9]{display:flex;flex-direction:column;height:100%;min-height:0;text-decoration:none;color:inherit;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px #0000001a;border:1px solid #F3F4F6;transition:all .3s ease}.home-tile-card[data-v-e9ce78a9]:hover{box-shadow:0 10px 25px #00000026;border-color:#e5e7eb}.home-tile-card:hover .home-tile-card__title[data-v-e9ce78a9]{color:#036}.home-tile-card:hover .home-tile-card__meta--link[data-v-e9ce78a9]{color:#024}.home-tile-card__media[data-v-e9ce78a9]{position:relative;aspect-ratio:4 / 3;background:#e5e7eb;flex-shrink:0}.home-tile-card__media img[data-v-e9ce78a9]{width:100%;height:100%;object-fit:cover;display:block}.home-tile-card__placeholder[data-v-e9ce78a9]{width:100%;height:100%;min-height:120px;background:linear-gradient(135deg,#e5e7eb,#f3f4f6)}.home-tile-card__body[data-v-e9ce78a9]{flex:1;display:flex;flex-direction:column;padding:18px 18px 16px;background:#f9fafb;min-height:0}.home-tile-card__title[data-v-e9ce78a9]{font-size:17px;font-weight:700;color:#111827;margin:0 0 10px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease}.home-tile-card__excerpt[data-v-e9ce78a9]{font-size:14px;color:#4b5563;line-height:1.65;margin:0 0 12px;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.home-tile-card__meta[data-v-e9ce78a9]{font-size:13px;color:#9ca3af;margin-top:auto;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.home-tile-card__meta time[data-v-e9ce78a9]{color:#6b7280}.home-tile-card__cat[data-v-e9ce78a9]{color:#036;font-weight:600;font-size:12px}.home-tile-card__meta--link[data-v-e9ce78a9]{color:#f59e0b;font-weight:600;font-size:14px;margin-top:auto;padding-top:4px}.home-case-carousel[data-v-e9ce78a9]{max-width:min(100%,1180px);margin:0 auto 4px}.home-case-row[data-v-e9ce78a9]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;height:100%;min-height:0;align-content:stretch;align-items:stretch;padding:4px 8px 0;box-sizing:border-box}@media(max-width:768px){.home-case-row[data-v-e9ce78a9]{grid-template-columns:minmax(0,1fr);max-width:520px;margin:0 auto;gap:0;padding:0 4px}}.home-case-mini-card[data-v-e9ce78a9]{position:relative;display:flex;flex-direction:column;min-height:0;height:100%;overflow:hidden;text-decoration:none;color:inherit;background:#fff;border-radius:10px;border:1px solid rgba(0,51,102,.12);box-shadow:0 3px 18px #00336612,0 1px 2px #0000000d;transition:all .3s ease;box-sizing:border-box;isolation:isolate}.home-case-mini-card[data-v-e9ce78a9]:hover{border-color:#00336638;box-shadow:0 8px 28px #0033661f,0 1px 3px #0000000f}.home-case-mini-card:hover .home-case-mini-card__client[data-v-e9ce78a9],.home-case-mini-card:hover .home-case-mini-card__link[data-v-e9ce78a9]{color:#024}.home-case-mini-card:hover .home-case-mini-card__watermark-icon[data-v-e9ce78a9]{color:#036;opacity:.12}.home-case-mini-card__watermark[data-v-e9ce78a9]{position:absolute;right:-8%;bottom:-12%;z-index:0;pointer-events:none;line-height:0}.home-case-mini-card__watermark-icon[data-v-e9ce78a9]{color:#036;opacity:.085;transition:opacity .2s ease,color .2s ease}.home-case-mini-card__shine[data-v-e9ce78a9]{position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(125deg,rgba(0,51,102,.04) 0%,transparent 42%,transparent 58%,rgba(0,51,102,.03) 100%)}.home-case-mini-card__inner[data-v-e9ce78a9]{position:relative;z-index:1;display:flex;flex-direction:column;min-height:0;flex:1;padding:16px 16px 14px;box-sizing:border-box}@media(max-width:768px){.home-case-mini-card__inner[data-v-e9ce78a9]{padding:18px 18px 16px}}.home-case-mini-card__cat[data-v-e9ce78a9]{display:inline-block;align-self:flex-start;margin-bottom:8px;padding:3px 8px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#036;background:#00336614;border-radius:4px;line-height:1.3}.home-case-mini-card__client[data-v-e9ce78a9]{font-size:16px;font-weight:700;color:#111827;margin:0 0 6px;line-height:1.35;letter-spacing:-.02em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease}@media(max-width:768px){.home-case-mini-card__client[data-v-e9ce78a9]{font-size:17px}}.home-case-mini-card__project[data-v-e9ce78a9]{font-size:13px;font-weight:600;color:#036;margin:0 0 8px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.home-case-mini-card__commissioning[data-v-e9ce78a9]{display:flex;align-items:flex-start;gap:6px;margin-bottom:8px;padding:6px 8px;background:#0033660f;border-radius:4px;border-left:2px solid #003366}.home-case-mini-card__clock[data-v-e9ce78a9]{flex-shrink:0;margin-top:2px;color:#036}.home-case-mini-card__commissioning-text[data-v-e9ce78a9]{font-size:12px;line-height:1.45;color:#374151}.home-case-mini-card__commissioning-label[data-v-e9ce78a9]{font-weight:600;color:#1f2937}.home-case-mini-card__commissioning-sep[data-v-e9ce78a9]{margin:0 4px;color:#9ca3af}.home-case-mini-card__commissioning-val[data-v-e9ce78a9]{font-weight:600;color:#024;font-variant-numeric:tabular-nums}.home-case-mini-card__meta[data-v-e9ce78a9]{margin:0 0 10px;font-size:12px;color:#6b7280;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1;min-height:0}.home-case-mini-card__link[data-v-e9ce78a9]{margin-top:auto;padding-top:4px;font-size:13px;font-weight:600;color:#f59e0b;transition:color .2s ease}.section--cases-industrial[data-v-e9ce78a9]{background:linear-gradient(180deg,#f9fafb,#fff 45%,#f9fafb);padding-top:56px;padding-bottom:64px}@media(max-width:768px){.section--cases-industrial[data-v-e9ce78a9]{padding-top:40px;padding-bottom:48px}}.home-section-footer[data-v-e9ce78a9]{margin-top:28px;text-align:center}.home-slide-card[data-v-e9ce78a9]{display:flex;align-items:stretch;min-height:100%;text-decoration:none;color:inherit;overflow:hidden}@media(max-width:768px){.home-slide-card[data-v-e9ce78a9]{flex-direction:column}}.home-slide-card__media[data-v-e9ce78a9]{flex:0 0 42%;min-height:200px}@media(max-width:768px){.home-slide-card__media[data-v-e9ce78a9]{flex:none;width:100%;min-height:160px}}.home-slide-card__body[data-v-e9ce78a9]{flex:1;padding:28px 32px;display:flex;flex-direction:column;justify-content:center}@media(max-width:768px){.home-slide-card__body[data-v-e9ce78a9]{padding:20px}}.home-slide-card__body h3[data-v-e9ce78a9]{font-size:20px;color:#1f2937;margin:0 0 12px;line-height:1.35}.home-slide-card__body p[data-v-e9ce78a9]{margin:0;color:#4b5563;line-height:1.65;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;flex:1}.home-slide-card--case .home-slide-card__body[data-v-e9ce78a9]{width:100%}.case-link[data-v-e9ce78a9]{margin-top:14px;color:#f59e0b;font-weight:600;font-size:14px}.case-link[data-v-e9ce78a9]:hover{color:#036}.tech-grid[data-v-e9ce78a9]{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media(max-width:768px){.tech-grid[data-v-e9ce78a9]{grid-template-columns:1fr}}.tech-card[data-v-e9ce78a9]{padding:32px}.tech-card h3[data-v-e9ce78a9]{font-size:20px;color:#036;margin-bottom:12px}.tech-card p[data-v-e9ce78a9]{color:#4b5563;line-height:1.8}.cases-grid[data-v-e9ce78a9]{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media(max-width:768px){.cases-grid[data-v-e9ce78a9]{grid-template-columns:1fr}}.case-card[data-v-e9ce78a9]{padding:32px}.case-content h3[data-v-e9ce78a9]{font-size:20px;color:#036;margin-bottom:12px}.case-content p[data-v-e9ce78a9]{color:#4b5563;line-height:1.8;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.news-grid[data-v-e9ce78a9]{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:768px){.news-grid[data-v-e9ce78a9]{grid-template-columns:1fr}}.news-card[data-v-e9ce78a9]{padding:24px}.news-content .news-date[data-v-e9ce78a9]{font-size:13px;color:#9ca3af}.news-content h3[data-v-e9ce78a9]{font-size:18px;color:#1f2937;margin:8px 0 12px}.news-content p[data-v-e9ce78a9]{color:#4b5563;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-link[data-v-e9ce78a9]{color:#f59e0b;font-weight:600;display:inline-block;margin-top:12px}.news-link[data-v-e9ce78a9]:hover{color:#036}
|