:root {
--bg: #050b13;
--bg2: #091321;
--panel: rgba(13,22,34,.84);
--panel2: rgba(17,28,43,.92);
--line: rgba(255,255,255,.10);
--line2: rgba(255,255,255,.16);
--text: #f4f8fc;
--muted: rgba(244,248,252,.75);
--muted2: rgba(244,248,252,.56);
--brand: #2b78b8;
--brand2: #3a93dc;
--maxw: 1440px;
--radius: 22px;
--shadow: 0 18px 48px rgba(0,0,0,.26);
}
* {
box-sizing: border-box
}
html, body {
margin: 0;
padding: 0;
background: radial-gradient(1000px 580px at 78% -8%, rgba(43,120,184,.18), transparent 60%), radial-gradient(900px 520px at 8% 24%, rgba(58,147,220,.10), transparent 56%), linear-gradient(180deg,#060d16 0%, #02070d 100%);
color: var(--text);
font-family: "Microsoft YaHei","PingFang SC",Arial,sans-serif;
scroll-behavior: smooth;
}
a {
text-decoration: none;
color: inherit
}
img, video {
display: block;
max-width: 100%
}
.container {
width: min(var(--maxw),calc(100% - clamp(20px,4vw,48px)));
margin: 0 auto
}
.topbar {
display: none;
}
.site-head {
position: sticky;
top: 0;
z-index: 50;
background: linear-gradient(180deg, rgba(7,13,20,.96), rgba(7,13,20,.88));
backdrop-filter: blur(14px);
border-bottom: 1px solid rgba(255,255,255,.07);
}
.head-shell {
position: relative;
padding-top: 10px;
}
.lang-top {
display: inline-flex;
align-items: center;
gap: 18px;
margin-left: 0;
flex-wrap: nowrap;
}
.contact-line {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 22px;
flex-wrap: nowrap;
align-self: center;
min-height: 52px;
}
.contact-item,
.lang-item {
display: inline-flex;
align-items: center;
gap: 8px;
white-space: nowrap;
color: rgba(255,255,255,.95);
text-decoration: none;
line-height: 1;
}
.contact-icon,
.lang-item-icon {
width: 16px;
height: 16px;
object-fit: contain;
display: block;
flex: 0 0 auto;
}
.lang-top a,
.lang-item {
font-size: 14px;
color: rgba(255,255,255,.78);
text-decoration: none;
}
.lang-top a:hover,
.lang-item:hover {
color: #fff;
}
.brand-row {
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
margin-bottom: 4px;
padding: 10px 0;
min-height: 72px;
}
.brand-block {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 6px;
}
.logo-box {
width: 340px;
max-width: 100%;
min-height: 52px;
border: none !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
outline: none !important;
display: flex;
align-items: center;
justify-content: flex-start;
padding: 0 !important;
overflow: visible !important;
}
.logo-box img {
display: block !important;
width: 100% !important;
height: auto !important;
object-fit: contain !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
outline: none !important;
filter: none !important;
border-radius: 0 !important;
}
.nav-row {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 8px;
padding: 0 0 10px;
width: 100%;
}
.nav-left {
display: flex;
align-items: center;
gap: 12px;
flex: 1 1 auto;
min-width: 0;
width: 100%;
justify-content: space-between;
margin-left: 0;
order: 2;
}
.menu-toggle {
display: none;
min-height: 42px;
padding: 0 14px;
border-radius: 999px;
border: 1px solid var(--line2);
background: rgba(255,255,255,.05);
color: #fff;
font-size: 14px;
cursor: pointer;
}
.nav-menu {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
min-width: 0;
flex: 1 1 auto;
width: 100%;
flex-wrap: nowrap;
}
.nav-item {
position: relative;
flex: 1 1 0;
min-width: 0;
}
.nav-item.cta-item {
flex: 0 0 auto;
}
.nav-link {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
width: 100%;
padding: 12px 10px;
border-radius: 12px;
color: rgba(255,255,255,.95);
font-size: 14px;
font-weight: 700;
white-space: nowrap;
transition: .18s;
text-align: center;
}
.nav-link:hover,
.nav-item.open > .nav-link {
background: rgba(255,255,255,.06);
}
/* 只改右侧这两个按钮,其它导航不动 */
.nav-item.nav-action {
flex: 0 0 auto;
}
.nav-item.nav-action > .nav-link {
width: auto;
min-width: 150px;
height: 58px;
padding: 0 28px;
border-radius: 999px;
border: 1px solid rgba(255,255,255,.18);
background: linear-gradient(180deg, rgba(18,28,43,.92), rgba(8,16,28,.92));
box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 8px 24px rgba(0,0,0,.24);
color: #ffffff;
font-size: 16px;
font-weight: 700;
}
.nav-item.nav-action > .nav-link:hover {
background: linear-gradient(180deg, rgba(24,36,54,.96), rgba(10,18,30,.96));
border-color: rgba(255,255,255,.28);
}
/* 蓝色主按钮:发现我们的产品 */
.nav-item.nav-action.primary-action > .nav-link {
border: none;
background: linear-gradient(180deg, #4a9ae2 0%, #2f7fc7 100%);
box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 10px 26px rgba(25,95,165,.35);
}
.nav-item.nav-action.primary-action > .nav-link:hover {
background: linear-gradient(180deg, #57a6ec 0%, #3688d0 100%);
}
/* 深色描边按钮:联系我们 */
.nav-item.nav-action:not(.primary-action) > .nav-link {
border: 1px solid rgba(255,255,255,.22);
background: linear-gradient(180deg, rgba(19,29,44,.96), rgba(9,16,28,.96));
box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 8px 22px rgba(0,0,0,.22);
}
.caret {
font-size: 12px;
opacity: .7
}
.nav-right {
display: none;
}
.btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 40px;
padding: 0 18px;
border-radius: 999px;
font-size: 14px;
font-weight: 700;
border: 1px solid rgba(255,255,255,.16);
background: rgba(255,255,255,.05);
color: #fff;
transition: .18s;
text-decoration: none;
white-space: nowrap;
}
.btn:hover {
transform: translateY(-1px);
border-color: rgba(255,255,255,.3);
}
.btn.primary {
background: linear-gradient(135deg,#236192,#2f7db8);
border-color: transparent;
}
.dropdown {
display: none;
position: absolute;
top: 100%;
left: 0;
width: max-content;
min-width: 0;
max-width: none;
padding: 10px;
border-radius: 18px;
border: 1px solid var(--line);
background: rgba(10,18,29,.97);
box-shadow: var(--shadow);
z-index: 30;
}
@media (min-width: 861px) {
.nav-item:hover > .dropdown {
display: block;
}
}
.nav-item.open > .dropdown {
display: block
}
.dropdown a, .dropdown .subhead {
display: block;
padding: 8px 12px;
border-radius: 12px;
font-size: 12px;
line-height: 1.55;
}
.dropdown a:hover {
background: rgba(255,255,255,.06);
}
.dropdown::before {
content: "";
position: absolute;
top: -12px;
left: 0;
width: 100%;
height: 12px;
}
.subhead {
font-size: 11px;
color: var(--muted2);
text-transform: uppercase;
letter-spacing: .4px;
}
.about-text p {
text-indent: 2em;
margin: 0 0 0.8em 0;
}
.dropdown-group {
position: relative;
display: flex;
align-items: stretch;
gap: 0;
min-height: 48px;
border-radius: 14px;
white-space: nowrap;
}
.dropdown-main-link {
flex: 1 1 auto;
display: flex !important;
align-items: center;
min-height: 48px;
padding: 0 44px 0 12px !important;
border-radius: 14px;
position: relative;
}
.dropdown-main-link:hover + .third-level,
.dropdown-group:hover .third-level,
.third-level:hover {
display: block;
}
.third-toggle {
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
border-radius: 10px;
color: rgba(255,255,255,.66);
font-size: 14px;
cursor: pointer;
z-index: 2;
pointer-events: none;
}
.dropdown-group:hover .third-toggle {
background: rgba(255,255,255,.06);
color: #fff;
}
.third-level {
display: none;
position: absolute;
top: 0;
left: calc(100% - 2px);
width: max-content;
min-width: 180px;
max-width: none;
padding: 10px;
border-radius: 18px;
border: 1px solid var(--line);
background: rgba(10,18,29,.97);
box-shadow: var(--shadow);
z-index: 31;
}
.third-level::before {
content: "";
position: absolute;
top: 0;
left: -18px;
width: 18px;
height: 100%;
}
.third-level a {
display: flex;
align-items: center;
min-height: 48px;
padding: 0 12px;
border-radius: 12px;
font-size: 12px;
line-height: 1.55;
white-space: nowrap;
}
.third-level a:hover {
background: rgba(255,255,255,.06);
}
.footer-phone-icon {
width: 18px;
height: 18px;
object-fit: contain;
vertical-align: middle;
margin-right: 8px;
}
.dropdown.faro-dropdown {
min-width: 860px;
max-width: 960px;
max-height: 72vh;
overflow: hidden;
padding: 16px 18px;
}
.faro-columns {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 18px;
align-items: start;
}
.faro-col {
min-width: 0;
max-height: calc(72vh - 32px);
overflow: auto;
padding-right: 6px;
}
.faro-col + .faro-col {
border-left: 1px solid rgba(255,255,255,.08);
padding-left: 18px;
}
.faro-col .subhead {
position: sticky;
top: 0;
z-index: 1;
background: rgba(10,18,29,.98);
margin: -2px 0 8px;
padding: 10px 12px;
}
.hero-video {
position: relative;
min-height: calc(100vh - 128px);
overflow: hidden;
}
.hero-video video,
.hero-video .hero-ph {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.hero-video .hero-ph {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 24px;
background: linear-gradient(0deg, rgba(4,8,14,.45), rgba(4,8,14,.45)), radial-gradient(480px 260px at 50% 24%, rgba(43,120,184,.28), transparent 64%), linear-gradient(135deg, #071120, #03070c);
color: rgba(255,255,255,.84);
font-size: 24px;
font-weight: 700;
border-bottom: 1px solid rgba(255,255,255,.06);
}
.hero-overlay {
position: relative;
z-index: 1;
min-height: calc(100vh - 128px);
display: flex;
align-items: center;
}
.hero-content {
width: min(680px,100%);
padding: 70px 0 90px;
}
.hero-title {
font-size: 68px;
line-height: 1.04;
margin: 0 0 18px;
font-weight: 500;
letter-spacing: .5px;
}
.hero-sub {
font-size: 20px;
line-height: 1.7;
color: var(--muted);
margin: 0 0 34px;
}
main {
padding: 28px 0 34px
}
.section {
padding: 14px 0 18px
}
.section-kicker {
display: block;
margin-bottom: 8px;
font-size: 12px;
letter-spacing: .48px;
color: var(--muted2);
text-transform: uppercase;
}
.section-title {
margin: 0 0 16px;
font-size: 34px;
line-height: 1.12;
}
.panel, .card {
border: 1px solid var(--line);
border-radius: 22px;
background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
box-shadow: var(--shadow);
overflow: hidden;
}
.card-body {
padding: 22px
}
.muted {
color: var(--muted)
}
.about-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 18px;
}
.carousel-panel {
position: relative;
min-height: 520px;
background: #0a1320;
}
.carousel-bg {
position: absolute;
inset: 0;
background-size: cover;
background-position: center;
opacity: 0;
transition: opacity .65s ease;
}
.carousel-bg.active {
opacity: 1
}
.carousel-mask {
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(5,10,17,.44), rgba(5,10,17,.66));
}
.panel-content {
position: relative;
z-index: 1;
padding: 30px;
display: flex;
flex-direction: column;
justify-content: flex-end;
min-height: 520px;
}
.about-text {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 8;
overflow: hidden;
font-size: 15px;
line-height: 1.9;
color: var(--muted);
max-width: 62ch;
}
.about-text.expanded {
display: block;
-webkit-line-clamp: unset;
}
.toggle-more {
margin-top: 14px;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 40px;
padding: 0 14px;
border-radius: 999px;
border: 1px solid rgba(255,255,255,.14);
background: rgba(255,255,255,.05);
color: #fff;
cursor: pointer;
}
.panel-title {
margin: 0 0 14px;
font-size: 30px;
}
.panel-badge {
display: inline-flex;
align-self: flex-start;
padding: 7px 12px;
border-radius: 999px;
background: rgba(255,255,255,.08);
border: 1px solid rgba(255,255,255,.10);
font-size: 12px;
color: #fff;
margin-bottom: 14px;
}
.image-note {
margin-top: 10px;
font-size: 12px;
color: var(--muted2);
}
.about-right-images .carousel-mask {
background: linear-gradient(180deg, rgba(5,10,17,.10), rgba(5,10,17,.16));
}
.about-right-images::after {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
border-radius: 22px;
box-shadow: inset 0 0 0 1px rgba(255,255,255,.04);
}
.tiles-grid {
display: grid;
grid-template-columns: repeat(3,1fr);
gap: 16px;
}
.tile-card {
position: relative;
min-height: 245px;
cursor: pointer;
transition: .18s;
}
.tile-card:hover {
transform: translateY(-2px)
}
.tile-thumb {
height: 168px;
position: relative;
background: #0b1421;
}
.tile-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
.tile-placeholder {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 16px;
background: radial-gradient(280px 140px at 50% 22%, rgba(58,147,220,.22), transparent 66%), rgba(255,255,255,.03);
color: rgba(255,255,255,.76);
font-weight: 700;
font-size: 18px;
border-bottom: 1px solid rgba(255,255,255,.08);
}
.tile-title {
margin: 0 0 8px;
font-size: 20px;
}
.tile-desc {
margin: 0;
color: var(--muted);
font-size: 14px;
line-height: 1.8;
}
.solution-showcase {
padding: 26px 0 8px;
}
.solution-stack {
display: grid;
gap: 18px;
}
.solution-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 18px;
align-items: stretch;
border: 1px solid var(--line);
border-radius: 22px;
background: rgba(255,255,255,.04);
overflow: hidden;
box-shadow: var(--shadow);
min-height: 420px;
transition: .18s;
}
.solution-row:hover {
transform: translateY(-2px);
border-color: rgba(255,255,255,.18);
}
.solution-copy {
position: relative;
padding: 34px 34px 30px;
display: flex;
flex-direction: column;
justify-content: space-between;
overflow: hidden;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.solution-copy::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(90deg, rgba(7,12,20,.82), rgba(7,12,20,.62));
z-index: 0;
}
.solution-copy > * {
position: relative;
z-index: 1;
}
.solution-copy h3 {
margin: 0 0 18px;
font-size: 28px;
line-height: 1.25;
}
.solution-copy p {
margin: 0 0 20px;
color: var(--muted);
font-size: 16px;
line-height: 1.8;
max-width: 28ch;
}
.solution-media {
min-height: 420px;
background: rgba(255,255,255,.03);
overflow: hidden;
}
.solution-media img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.solution-placeholder {
width: 100%;
height: 100%;
min-height: 420px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 20px;
color: rgba(255,255,255,.75);
font-size: 20px;
font-weight: 700;
background: radial-gradient(360px 180px at 35% 25%, rgba(35,97,146,.28), transparent 62%), linear-gradient(135deg, rgba(255,255,255,.07), rgba(255,255,255,.02));
}
.news-grid {
display: grid;
grid-template-columns: repeat(3,1fr);
gap: 16px;
}
.news-card {
overflow: hidden
}
.news-cover {
height: 180px;
position: relative;
background: #0c1521;
}
.news-cover img {
width: 100%;
height: 100%;
object-fit: cover;
}
.news-placeholder {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 18px;
background: radial-gradient(280px 140px at 50% 20%, rgba(43,120,184,.24), transparent 64%), rgba(255,255,255,.03);
color: rgba(255,255,255,.76);
font-weight: 700;
font-size: 17px;
border-bottom: 1px solid rgba(255,255,255,.08);
}
.news-card h3 {
margin: 0 0 12px;
font-size: 22px;
}
.news-links {
display: grid;
gap: 10px;
}
.news-link {
display: block;
padding: 12px 14px;
border: 1px solid rgba(255,255,255,.08);
border-radius: 14px;
background: rgba(255,255,255,.03);
color: var(--muted);
line-height: 1.65;
transition: .18s;
}
.news-link:hover {
background: rgba(255,255,255,.06);
color: #fff;
}
.news-meta {
display: block;
margin-top: 6px;
font-size: 12px;
color: var(--muted2);
}
footer {
margin-top: 24px;
background: #000;
border-top: none;
padding: 18px 0 0;
}
.footer-top {
display: none;
}
.footer-contact-phone-icon {
width: 16px;
height: 16px;
object-fit: contain;
display: block;
flex: 0 0 16px;
margin: 0;
}
.footer-contact-box {
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
}
.footer-qrcode {
width: 120px;
height: auto;
object-fit: contain;
display: block;
}
.footer-contact-phone {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
color: rgba(255,255,255,.95);
font-size: 16px;
line-height: 1;
white-space: nowrap;
flex-wrap: nowrap;
}
.footer-contact-phone-icon {
width: 16px;
height: 16px;
object-fit: contain;
display: block;
flex: 0 0 16px;
}
.footer-brand img {
width: 220px;
max-width: 100%;
height: auto;
display: block;
}
.footer-contact-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 36px;
padding: 0 16px;
border: 1px solid rgba(255,255,255,.75);
color: #fff;
font-size: 7px;
font-weight: 700;
text-decoration: none;
transition: .18s;
}
.footer-contact-btn:hover {
background: rgba(255,255,255,.08);
}
.footer-links-grid {
display: grid;
grid-template-columns: minmax(760px,900px) minmax(180px,210px) minmax(180px,210px);
justify-content: center;
column-gap: 64px;
row-gap: 24px;
padding: 26px 0 24px;
text-align: center;
margin-top: 0;
align-items: start;
}
.footer-col h3 {
margin: 0 0 12px;
font-size: 16px;
line-height: 1.45;
color: #fff;
font-weight: 700;
}
.footer-col ul {
list-style: none;
margin: 0;
padding: 0;
}
.footer-col {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
}
.footer-col li {
margin: 0 0 18px;
}
.footer-products-wrap {
width: 100%;
display: grid;
grid-template-columns: minmax(360px,2fr) minmax(170px,1fr) minmax(170px,1fr);
gap: 36px;
justify-content: center;
align-items: start;
padding-top: 2px;
}
.footer-product-group {
display: flex;
flex-direction: column;
align-items: center;
}
.footer-product-group ul {
display: flex;
flex-direction: column;
align-items: center;
gap: 0;
width: 100%;
}
.footer-product-group h3 {
margin: 0 0 10px;
font-size: 16px;
line-height: 1.45;
font-weight: 700;
color: #fff;
}
.footer-product-group.creaform-group ul {
display: grid;
grid-template-columns: repeat(2,minmax(120px,1fr));
column-gap: 22px;
row-gap: 0;
justify-items: center;
align-items: start;
}
.footer-product-group.creaform-group li,
.footer-product-group.faro-group li,
.footer-product-group.aqc-group li {
margin: 0 0 18px;
width: 100%;
}
.footer-product-group h3 a,
.footer-col h3 a {
font-size: inherit;
line-height: inherit;
font-weight: inherit;
}
.footer-product-group li a,
.footer-col ul li a,
.footer-contact-phone {
font-size: 11px;
line-height: 1.45;
}
.footer-col a {
color: rgba(255,255,255,.9);
text-decoration: none;
white-space: nowrap;
word-break: keep-all;
display: inline-block;
transition: color .18s ease, transform .18s ease;
}
.footer-col a:hover {
color: #fff;
text-decoration: none;
transform: translateY(-1px);
}
.footer-divider {
height: 1px;
width: 100%;
max-width: 120px;
background: rgba(255,255,255,.16);
margin: 6px auto 12px;
}
.copyright {
padding: 14px 0 18px;
color: rgba(255,255,255,.72);
font-size: 10px;
line-height: 1.8;
letter-spacing: .2px;
border-top: 1px solid rgba(255,255,255,.12);
text-align: center;
white-space: normal;
}
/* 移动端菜单优化 */
@media (max-width: 860px) {
.container {
width: min(var(--maxw),calc(100% - 20px))
}
.head-shell {
padding-top: 8px;
}
.brand-row {
flex-direction: column;
align-items: stretch;
gap: 12px;
padding-top: 4px;
}
.brand-block,
.logo-box {
width: 100%;
}
.logo-box {
max-width: min(340px, 72vw);
min-height: auto;
}
.contact-line {
justify-content: space-between;
gap: 10px 14px;
flex-wrap: wrap;
overflow: visible;
}
.contact-item,
.lang-item {
font-size: 13px;
}
.lang-top {
margin-left: 0;
gap: 12px;
flex-wrap: wrap;
}
.nav-row {
gap: 10px;
}
.nav-left {
width: 100%;
}
.menu-toggle {
display: inline-flex
}
.nav-menu {
display: none;
width: 100%;
flex-direction: column;
align-items: stretch;
padding: 12px;
border: 1px solid var(--line);
border-radius: 24px;
background: rgba(10,18,29,.98);
gap: 6px;
max-height: 70vh;
overflow-y: auto;
backdrop-filter: blur(8px);
}
.nav-menu.open {
display: flex
}
.nav-item {
width: 100%;
flex: none
}
.nav-link {
justify-content: space-between;
font-size: 14px;
padding: 12px 14px;
white-space: normal;
text-align: left;
}
.dropdown {
position: static;
max-width: none;
min-width: 0;
margin-top: 6px;
width: 100%;
box-shadow: none;
background: rgba(255,255,255,.04);
border: 1px solid rgba(255,255,255,.08);
}
.dropdown-group {
display: block;
}
.third-toggle {
display: none;
}
.third-level {
display: block;
position: static;
margin: 4px 0 8px 14px;
width: auto;
box-shadow: none;
border: 1px solid rgba(255,255,255,.06);
background: rgba(255,255,255,.02);
padding: 6px;
}
.dropdown.faro-dropdown,
.faro-columns,
.faro-col {
min-width: 0;
max-width: none;
max-height: none;
overflow: visible;
display: block;
border: none;
padding: 0;
}
.faro-col + .faro-col {
border-left: none;
padding-left: 0;
margin-top: 8px;
}
.nav-right {
width: 100%;
justify-content: stretch;
gap: 10px;
flex-wrap: wrap;
}
.nav-right .btn {
flex: 1 1 180px;
}
.hero-video, .hero-overlay {
min-height: 72vh
}
.hero-content {
padding: 44px 0 58px
}
.hero-title {
font-size: clamp(30px,8vw,40px)
}
.hero-sub {
font-size: clamp(15px,4vw,17px)
}
.about-grid, .tiles-grid, .news-grid {
grid-template-columns: 1fr;
}
.panel-content, .carousel-panel {
min-height: 420px;
}
.footer-top {
grid-template-columns: 1fr;
gap: 20px;
}
.footer-links-grid {
grid-template-columns: 1fr 1fr;
gap: 20px;
padding: 20px 0;
}
}
@media (max-width: 640px) {
.container {
width: min(var(--maxw),calc(100% - 16px))
}
.contact-line {
justify-content: flex-start;
}
.logo-box {
max-width: min(300px, 78vw);
}
.nav-right .btn {
flex: 1 1 100%;
}
.dropdown a, .dropdown .subhead {
font-size: 11px;
padding: 7px 10px;
}
.footer-links-grid {
grid-template-columns: 1fr;
gap: 16px;
padding: 18px 0;
}
.footer-industry-list {
grid-template-columns: 1fr;
row-gap: 8px;
}
.footer-col a {
white-space: normal;
}
.footer-col {
align-items: center;
}
.footer-col:last-child {
display: flex;
}
.footer-col:not(:last-child),
.copyright {
display: none;
}
}
ABOUT US
公司简介
Thaiform 泰形总部在新加坡,坐落于上海市闵行区高新科技技术产业园区,是全球性科技型公司,公司致力于国内外数字化三维高端精密仪器和检测设备等,着力于数字化三维平台相关仪器设备和技术服务。
总部在新加坡、泰国、美国、加拿大、英国、德国等国家及地区都有办事处,在中国上海、浙江嘉兴、安徽合肥、中国天津、山东济南、辽宁沈阳等地都有办事处。客户行业应用遍布汽车、航空、高端装备制造、工业制造、消费品、文娱艺术、考古、电影等各个行业。
我们品牌FARO、CREAFORM、AMETEK是三维测量技术和服务领域的技术先锋和行业典范,专门从事三维便携式及自动化测量技术产品的解决方案及工程服务,同时提供创新应用的解决方案,如 3D 扫描、逆向工程、质量控制、无损检测、产品开发和数值模拟 (FEA/CFD)。广泛应用于汽车、航空航天、制造业、消费品、研究与教育、NDT、重工业和发电在内的众多行业。
Thaiform泰形借助于总部公司的成熟经验,在中国及三维扫描行业中迅速成长,与国内等多知名公司合作。如上海迪士尼,上海商飞,南车,捷豹路虎,吉利汽车,蔚来汽车,横店影视城,浙江大学,上海交通大学,香港理工大学,航天院等几千个客户。Thaiform泰形以专技术、高品质、优服务为公司的行动理念,致力于三维数字化的行业解决方案和提供相关三维扫描产品、软件平台及相关第三方技术服务。
相信您的选择----泰形!太行了,非常行!
展开