Talk to Our
Agricultural Drone
Parts Team

Have questions or need a quote? Our team is ready to help
you find the right parts, fast.

Send Us an Inquiry

Please fill out the form below and we’ll get back to you shortly.

Loading secure inquiry form…

⬡

Shipping & Delivery

Global express delivery via DHL / FedEx / UPS
Air freight, sea freight & door-to-door service
Fast dispatch within 1–3 working days
Tracking number provided for every order

♢

Payment Terms

T/T (Bank Transfer)
PayPal for small orders
Western Union / MoneyGram / XT
L/C at sight for large orders

Hnvuxs worldwide agricultural drone parts customer network

Serving Customers
Worldwide

We export agricultural drone parts to 80+ countries across
Asia, Europe, Africa, North & South America. Your trusted
partner in precision agriculture.

⌖ Europe
⌖ Asia
⌖ North America
⌖ Africa
⌖ South America
⌖ Oceania

◉

Our Response Time Promise

We value your time. All inquiries will be replied to within
12 hours during business days.

Still have questions?
Chat with our team on WhatsApp for instant support.

◉ CHAT ON WHATSAPP

/* ==================================================
基础设置
================================================== */
#hnv-contact-page,
#hnv-contact-page * {
box-sizing: border-box;
}
#hnv-contact-page {
–hnv-navy: #082c45;
–hnv-deep-navy: #052740;
–hnv-green: #00ae65;
–hnv-green-dark: #009354;
–hnv-gray: #60717c;
–hnv-border: #dce5e7;
–hnv-light: #f4faf7;
position: relative;
left: 50%;
width: 100vw;
max-width: none;
margin-left: -50vw;
overflow: hidden;
background: #ffffff;
color: var(–hnv-navy);
font-family: Arial, Helvetica, sans-serif;
}
#hnv-contact-page a {
text-decoration: none;
}
#hnv-contact-page button,
#hnv-contact-page input,
#hnv-contact-page textarea,
#hnv-contact-page select {
font: inherit;
}
/* ==================================================
顶部横幅
================================================== */
.hnv-contact-hero {
position: relative;
height: clamp(500px,39.0625vw,800px);
min-height: 500px;
overflow: hidden;
background: #eaf1ee;
}
.hnv-contact-hero-image {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.hnv-contact-hero-overlay {
position: absolute;
inset: 0;
background:
linear-gradient(
90deg,
#ffffff 0%,
rgba(255,255,255,.97) 34%,
rgba(255,255,255,.72) 51%,
rgba(255,255,255,.08) 77%
);
}
.hnv-contact-hero-content {
position: relative;
z-index: 2;
width: 52%;
padding: 62px 5%;
background: transparent;
box-shadow: none;
}
.hnv-contact-label {
display: flex;
margin-bottom: 22px;
align-items: center;
gap: 12px;
color: var(–hnv-green);
font-size: 12px;
font-weight: 700;
letter-spacing: .6px;
}
.hnv-contact-label span {
width: 42px;
height: 2px;
background: var(–hnv-green);
}
.hnv-contact-hero h1 {
margin: 0 0 23px;
color: var(–hnv-navy);
font-size: clamp(45px,4.2vw,72px);
max-width: 650px;
line-height: 1.06;
font-weight: 750;
letter-spacing: -1.25px;
}
.hnv-contact-hero p {
max-width: 500px;
margin: 0;
color: var(–hnv-gray);
font-size: 15px;
line-height: 1.7;
}
/* ==================================================
表单和联系信息
================================================== */
.hnv-contact-main {
position: relative;
z-index: 4;
display: grid;
width: min(92%,1420px);
margin: -135px auto 0;
grid-template-columns: minmax(0,1.38fr) minmax(360px,.92fr);
gap: 18px;
}
.hnv-inquiry-card,
.hnv-contact-info {
border-radius: 7px;
box-shadow: 0 12px 35px rgba(5,39,64,.10);
}
.hnv-inquiry-card {
padding: 38px 42px 28px;
background: #ffffff;
}
.hnv-card-heading h2 {
margin: 0 0 9px;
color: var(–hnv-navy);
font-size: 30px;
font-weight: 800;
}
.hnv-card-heading p {
margin: 0 0 25px;
color: var(–hnv-gray);
font-size: 13px;
line-height: 1.6;
}
/* 表单 */
.hnv-form-row {
display: grid;
margin-bottom: 13px;
grid-template-columns: 230px minmax(0,1fr);
align-items: center;
gap: 16px;
}
.hnv-form-row label {
display: flex;
align-items: center;
gap: 11px;
color: var(–hnv-navy);
font-size: 13px;
font-weight: 700;
font-weight: 700;
}
.hnv-form-row label b {
color: #ef5350;
}
.hnv-form-icon {
width: 20px;
color: var(–hnv-green);
font-size: 15px;
text-align: center;
}
.hnv-form-row input,
.hnv-form-row select,
.hnv-form-row textarea {
width: 100%;
border: 1px solid var(–hnv-border);
border-radius: 4px;
outline: none;
background: #ffffff;
color: var(–hnv-navy);
font-size: 13px;
transition:
border-color .2s ease,
box-shadow .2s ease;
}
.hnv-form-row input,
.hnv-form-row select {
height: 47px;
padding: 0 14px;
}
.hnv-form-row textarea {
min-height: 105px;
padding: 13px 14px;
resize: vertical;
}
.hnv-form-row input:focus,
.hnv-form-row select:focus,
.hnv-form-row textarea:focus {
border-color: var(–hnv-green);
box-shadow: 0 0 0 3px rgba(0,174,101,.10);
}
.hnv-form-row .is-invalid {
border-color: #ef5350;
background: #fff8f8;
}
.hnv-message-row {
align-items: start;
}
.hnv-message-row label {
padding-top: 13px;
}
.hnv-quantity-control {
display: flex;
}
.hnv-quantity-control input {
border-radius: 4px 0 0 4px;
}
.hnv-quantity-control span {
display: flex;
width: 65px;
align-items: center;
justify-content: center;
border: 1px solid var(–hnv-border);
border-left: 0;
border-radius: 0 4px 4px 0;
background: #f5f7f7;
color: var(–hnv-gray);
font-size: 11px;
}
/* 上传图片 */
.hnv-upload-area {
margin-top: 22px;
}
.hnv-upload-heading strong,
.hnv-upload-heading span {
display: block;
}
.hnv-upload-heading strong {
color: var(–hnv-navy);
font-size: 13px;
font-weight: 800;
}
.hnv-upload-heading span {
margin-top: 5px;
color: var(–hnv-gray);
font-size: 11px;
}
.hnv-upload-box {
display: flex;
min-height: 125px;
margin-top: 15px;
align-items: center;
justify-content: center;
flex-direction: column;
border: 1px dashed #aebcc1;
border-radius: 5px;
background: #fbfdfc;
color: var(–hnv-gray);
cursor: pointer;
transition:
border-color .2s ease,
background-color .2s ease;
}
.hnv-upload-box:hover,
.hnv-upload-box.is-dragging {
border-color: var(–hnv-green);
background: #f0faf5;
}
.hnv-upload-box input {
display: none;
}
.hnv-upload-icon {
margin-bottom: 8px;
color: var(–hnv-green);
font-size: 38px;
}
.hnv-upload-box strong {
color: var(–hnv-gray);
font-size: 11px;
font-weight: 500;
}
.hnv-upload-box small {
margin-top: 6px;
font-size: 9px;
}
.hnv-file-list {
display: flex;
margin-top: 8px;
flex-wrap: wrap;
gap: 7px;
}
.hnv-file-list span {
padding: 5px 9px;
border-radius: 3px;
background: #edf8f3;
color: var(–hnv-green-dark);
font-size: 9px;
}
/* 提交按钮 */
.hnv-submit-button {
display: flex;
width: 100%;
min-height: 50px;
margin-top: 20px;
align-items: center;
justify-content: center;
gap: 10px;
border: 0;
border-radius: 4px;
background: linear-gradient(90deg,#009c58,#00b96d);
color: #ffffff;
font-size: 13px;
font-weight: 800;
font-weight: 700;
cursor: pointer;
transition:
transform .2s ease,
box-shadow .2s ease;
}
.hnv-submit-button:hover {
transform: translateY(-1px);
box-shadow: 0 8px 18px rgba(0,174,101,.22);
}
.hnv-form-privacy {
margin-top: 15px;
color: var(–hnv-gray);
font-size: 10px;
text-align: center;
}
.hnv-form-status {
display: none;
margin-top: 14px;
padding: 11px;
border-radius: 4px;
font-size: 11px;
text-align: center;
}
.hnv-form-status.is-success {
display: block;
background: #edf9f3;
color: var(–hnv-green-dark);
}
.hnv-form-status.is-error {
display: block;
background: #fff1f1;
color: #c43f3f;
}
/* 联系信息 */
.hnv-contact-info {
padding: 45px 40px 35px;
background:
linear-gradient(
145deg,
#07304d,
#05243b
);
color: #ffffff;
}
.hnv-contact-info h2 {
margin: 0 0 16px;
color: #ffffff;
font-size: 27px;
font-weight: 800;
}
.hnv-info-title-line {
width: 45px;
height: 2px;
margin-bottom: 16px;
background: var(–hnv-green);
}
.hnv-info-item {
display: grid;
padding: 27px 0;
grid-template-columns: 58px minmax(0,1fr);
align-items: start;
gap: 17px;
border-bottom: 1px solid rgba(255,255,255,.16);
color: #ffffff;
}
.hnv-info-icon {
display: flex;
width: 53px;
height: 53px;
align-items: center;
justify-content: center;
border-radius: 50%;
background: var(–hnv-green);
color: #ffffff;
font-size: 24px;
}
.hnv-info-item strong,
.hnv-info-item span,
.hnv-info-item small {
display: block;
}
.hnv-info-item strong {
margin-bottom: 8px;
font-size: 14px;
font-weight: 800;
}
.hnv-info-item span {
margin-bottom: 5px;
color: rgba(255,255,255,.95);
font-size: 13px;
line-height: 1.55;
}
.hnv-info-item small {
margin-bottom: 4px;
color: rgba(255,255,255,.72);
font-size: 11px;
line-height: 1.5;
}
.hnv-info-item .hnv-secondary-time {
margin-top: 12px;
}
.hnv-map-button {
display: flex;
min-height: 48px;
margin-top: 28px;
align-items: center;
justify-content: center;
gap: 10px;
border: 1px solid rgba(255,255,255,.65);
border-radius: 4px;
color: #ffffff;
font-size: 11px;
font-weight: 700;
transition:
background-color .2s ease,
color .2s ease;
}
.hnv-map-button:hover {
background: #ffffff;
color: var(–hnv-deep-navy);
}
/* ==================================================
物流与支付
================================================== */
.hnv-service-grid {
display: grid;
width: min(92%,1420px);
margin: 24px auto 0;
grid-template-columns: repeat(2,minmax(0,1fr));
gap: 18px;
}
.hnv-service-card {
display: grid;
min-height: 190px;
padding: 35px;
grid-template-columns: 70px minmax(0,1fr);
gap: 20px;
background: linear-gradient(120deg,#f3faf7,#ffffff);
border: 1px solid #e4ece9;
border-radius: 6px;
}
.hnv-service-icon {
color: var(–hnv-green);
font-size: 51px;
}
.hnv-service-card h2 {
margin: 0 0 15px;
color: var(–hnv-navy);
font-size: 20px;
font-weight: 800;
}
.hnv-service-card ul {
margin: 0;
padding: 0;
list-style: none;
}
.hnv-service-card li {
position: relative;
margin-bottom: 9px;
padding-left: 18px;
color: var(–hnv-gray);
font-size: 12px;
line-height: 1.55;
}
.hnv-service-card li::before {
position: absolute;
left: 0;
color: var(–hnv-green);
content: “✓”;
}
/* ==================================================
全球服务
================================================== */
.hnv-global-section {
display: grid;
width: min(92%,1420px);
min-height: 370px;
margin: 25px auto 0;
padding: 35px 40px;
grid-template-columns: minmax(0,1.35fr) minmax(320px,.75fr);
align-items: center;
gap: 55px;
border-top: 1px solid #eef2f1;
}
/* CSS世界地图 */
.hnv-world-map {
min-width: 0;
}
.hnv-map-surface {
position: relative;
width: 100%;
height: 275px;
overflow: hidden;
position: relative;
width: 100%;
height: auto;
min-height: 0;
overflow: visible;
background: none;
opacity: .9;
}
.hnv-world-map-image {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
max-height: none !important;
object-fit: contain !important;
object-position: center;
}
.hnv-world-svg {
display: block;
width: 100%;
height: 100%;
}
.hnv-land {
fill: #e1ebe7;
stroke: #d2e0da;
stroke-width: 1.5;
}
.hnv-continent {
position: absolute;
color: #b8cbc4;
font-size: 9px;
font-weight: 700;
letter-spacing: 1px;
}
.north-america { left: 13%; top: 26%; }
.south-america { left: 25%; top: 69%; }
.europe { left: 47%; top: 25%; }
.africa { left: 49%; top: 57%; }
.asia { left: 69%; top: 35%; }
.oceania { left: 81%; top: 73%; }
.hnv-pin {
position: absolute;
width: 12px;
height: 12px;
border: 3px solid #ffffff;
border-radius: 50% 50% 50% 0;
background: var(–hnv-green);
box-shadow: 0 3px 8px rgba(0,174,101,.3);
transform: rotate(-45deg);
}
.pin-1 { left: 18%; top: 38%; }
.pin-2 { left: 36%; top: 60%; }
.pin-3 { left: 56%; top: 34%; }
.pin-4 { left: 67%; top: 45%; }
.pin-5 { left: 76%; top: 31%; }
.hnv-global-content h2 {
margin: 0 0 15px;
color: var(–hnv-navy);
font-size: 33px;
font-weight: 800;
line-height: 1.1;
}
.hnv-global-content p {
margin: 0 0 22px;
color: var(–hnv-gray);
font-size: 13px;
line-height: 1.65;
line-height: 1.65;
}
.hnv-region-grid {
display: grid;
grid-template-columns: repeat(2,minmax(0,1fr));
gap: 12px 25px;
}
.hnv-region-grid span {
color: var(–hnv-gray);
font-size: 12px;
font-weight: 600;
}
.hnv-region-grid span::first-letter {
color: var(–hnv-green);
}
/* ==================================================
底部支持
================================================== */
.hnv-response-section {
display: grid;
width: min(92%,1420px);
min-height: 135px;
margin: 0 auto 45px;
padding: 25px 40px;
grid-template-columns: 70px minmax(0,1fr) 1px minmax(330px,.8fr);
align-items: center;
gap: 28px;
border-radius: 12px;
background: linear-gradient(110deg,#f1faf6,#ffffff);
}
.hnv-response-icon {
color: var(–hnv-green);
font-size: 52px;
}
.hnv-response-content h2 {
margin: 0 0 8px;
color: var(–hnv-navy);
font-size: 21px;
font-weight: 800;
}
.hnv-response-content p {
margin: 0;
color: var(–hnv-gray);
font-size: 12px;
line-height: 1.55;
}
.hnv-response-content strong {
color: var(–hnv-green-dark);
}
.hnv-response-divider {
width: 1px;
height: 75px;
background: #cbd9d4;
}
.hnv-whatsapp-cta strong,
.hnv-whatsapp-cta span {
display: block;
}
.hnv-whatsapp-cta strong {
color: var(–hnv-navy);
font-size: 13px;
font-weight: 800;
}
.hnv-whatsapp-cta span {
margin: 5px 0 12px;
color: var(–hnv-gray);
font-size: 9px;
}
#hnv-contact-page .hnv-whatsapp-cta a {
display: flex;
min-height: 42px;
align-items: center;
justify-content: center;
border-radius: 4px;
background: var(–hnv-green);
color: #ffffff !important;
font-size: 11px;
font-weight: 800;
letter-spacing: .02em;
box-shadow: 0 5px 14px rgba(0, 143, 83, .12);
transform: translateY(0);
transition:
transform .22s ease,
box-shadow .22s ease,
background-color .22s ease;
}
#hnv-contact-page .hnv-whatsapp-cta a:hover,
#hnv-contact-page .hnv-whatsapp-cta a:focus-visible {
background: var(–hnv-green-dark);
color: #ffffff !important;
box-shadow: 0 11px 24px rgba(0, 143, 83, .25);
transform: translateY(-4px);
}
#hnv-contact-page .hnv-whatsapp-cta a:active {
transform: translateY(-1px);
}
@media (prefers-reduced-motion: reduce) {
#hnv-contact-page .hnv-whatsapp-cta a {
transition: none;
}
}
/* ==================================================
参考图比例优化（桌面端）
================================================== */
@media (min-width: 768px) {
.hnv-contact-hero {
height: clamp(500px,39.0625vw,800px);
min-height: 500px;
}
.hnv-contact-hero-content {
width: 48%;
padding: clamp(55px,5vw,90px) 0 38px 4%;
background: transparent;
box-shadow: none;
}
.hnv-contact-label {
margin-bottom: 14px;
font-size: 12px;
font-weight: 800;
letter-spacing: .9px;
}
.hnv-contact-hero h1 {
max-width: 660px;
margin-bottom: 18px;
font-size: clamp(42px,3vw,58px);
line-height: 1.07;
font-weight: 800;
letter-spacing: -1.1px;
}
.hnv-contact-hero p {
max-width: 470px;
font-size: 15px;
line-height: 1.65;
}
.hnv-contact-main,
.hnv-service-grid,
.hnv-global-section,
.hnv-response-section {
width: 92%;
max-width: none;
}
.hnv-contact-main {
margin-top: clamp(-190px,-9vw,-105px);
grid-template-columns: minmax(0,1.42fr) minmax(360px,.92fr);
gap: 18px;
}
.hnv-inquiry-card {
padding: 27px 30px 22px;
}
.hnv-card-heading h2 {
font-size: 26px;
}
.hnv-card-heading p {
margin-bottom: 18px;
font-size: 12px;
}
.hnv-form-row {
margin-bottom: 9px;
grid-template-columns: 195px minmax(0,1fr);
gap: 16px;
}
.hnv-form-row label {
gap: 8px;
font-size: 11.5px;
}
.hnv-form-row input,
.hnv-form-row select {
height: 42px;
font-size: 12px;
}
.hnv-form-row textarea {
min-height: 105px;
font-size: 12px;
}
.hnv-upload-area {
margin-top: 15px;
}
.hnv-upload-box {
min-height: 100px;
margin-top: 10px;
}
.hnv-upload-icon {
font-size: 29px;
}
.hnv-submit-button {
min-height: 42px;
margin-top: 14px;
}
.hnv-contact-info {
padding: 31px 30px 25px;
}
.hnv-contact-info h2 {
font-size: 24px;
}
.hnv-info-item {
padding: 21px 0;
grid-template-columns: 46px minmax(0,1fr);
gap: 13px;
}
.hnv-info-icon {
width: 42px;
height: 42px;
font-size: 18px;
}
.hnv-info-item strong { font-size: 13px; }
.hnv-info-item span { font-size: 11.5px; }
.hnv-info-item small { font-size: 10px; }
.hnv-map-button {
min-height: 40px;
margin-top: 20px;
font-size: 10px;
font-weight: 800;
}
.hnv-service-grid {
margin-top: 16px;
gap: 12px;
}
.hnv-service-card {
min-height: 135px;
padding: 23px 27px;
grid-template-columns: 52px minmax(0,1fr);
gap: 14px;
}
.hnv-service-icon { font-size: 39px; }
.hnv-service-card h2 { font-size: 18px; }
.hnv-service-card li { margin-bottom: 7px; font-size: 11px; }
.hnv-global-section {
min-height: 280px;
margin-top: 18px;
padding: 24px 30px;
grid-template-columns: minmax(0,1.4fr) minmax(300px,.68fr);
gap: 40px;
}
.hnv-map-surface { height: 225px; background: none; }
.hnv-map-surface {
height: auto;
min-height: 0;
overflow: visible;
background: none;
}
.hnv-world-svg { width: 100%; height: 100%; }
.hnv-land { fill: #e1ebe7; stroke: #d2e0da; stroke-width: 1.5; }
.hnv-global-content h2 { font-size: 29px; }
.hnv-global-content p { font-size: 12px; }
.hnv-region-grid span { font-size: 11px; }
.hnv-response-section {
min-height: 100px;
margin-bottom: 30px;
padding: 18px 28px;
grid-template-columns: 52px minmax(0,1fr) 1px minmax(300px,.75fr);
gap: 20px;
}
.hnv-response-icon { font-size: 40px; }
.hnv-response-content h2 { font-size: 19px; }
.hnv-response-content p { font-size: 11px; }
.hnv-response-divider { height: 56px; }
}
/* ==================================================
平板
================================================== */
@media (max-width: 1100px) {
.hnv-contact-main {
grid-template-columns: minmax(0,1.15fr) minmax(310px,.85fr);
}
.hnv-form-row {
grid-template-columns: 175px minmax(0,1fr);
}
.hnv-global-section {
gap: 30px;
}
}
/* ==================================================
手机
================================================== */
@media (max-width: 767px) {
.hnv-contact-hero {
min-height: 560px;
}
.hnv-contact-hero-image {
width: 100%;
}
.hnv-contact-hero-overlay {
background: rgba(255,255,255,.86);
}
.hnv-contact-hero-content {
width: 100%;
padding: 55px 22px;
}
.hnv-contact-hero h1 {
font-size: 41px;
}
.hnv-contact-main {
width: calc(100% – 30px);
margin-top: -70px;
grid-template-columns: 1fr;
}
.hnv-inquiry-card,
.hnv-contact-info {
padding: 30px 20px;
}
.hnv-form-row {
grid-template-columns: 1fr;
gap: 8px;
}
.hnv-message-row label {
padding-top: 0;
}
.hnv-service-grid {
width: calc(100% – 30px);
grid-template-columns: 1fr;
}
.hnv-service-card {
padding: 27px 20px;
grid-template-columns: 52px minmax(0,1fr);
}
.hnv-service-icon {
font-size: 40px;
}
.hnv-global-section {
width: calc(100% – 30px);
padding: 30px 0;
grid-template-columns: 1fr;
}
.hnv-global-content {
padding: 0 15px;
}
.hnv-response-section {
width: calc(100% – 30px);
padding: 28px 20px;
grid-template-columns: 50px minmax(0,1fr);
}
.hnv-response-divider {
display: none;
}
.hnv-whatsapp-cta {
grid-column: 1 / -1;
}
}
/* ==================================================
超小屏幕
================================================== */
@media (max-width: 430px) {
.hnv-contact-hero h1 {
font-size: 36px;
}
.hnv-service-card {
grid-template-columns: 1fr;
}
.hnv-region-grid {
grid-template-columns: 1fr;
}
}
/* ==================================================
全球服务与底部响应区：字体和排版优化
================================================== */
#hnv-contact-page .hnv-global-content {
max-width: 520px;
}
#hnv-contact-page .hnv-global-content h2 {
margin: 0 0 18px;
color: var(–hnv-navy);
font-size: clamp(30px, 2.15vw, 38px);
line-height: 1.06;
font-weight: 800;
letter-spacing: -.6px;
}
#hnv-contact-page .hnv-global-content p {
max-width: 500px;
margin: 0 0 25px;
color: #526571;
font-size: 14px;
line-height: 1.75;
font-weight: 400;
}
#hnv-contact-page .hnv-region-grid {
row-gap: 18px;
column-gap: 28px;
}
#hnv-contact-page .hnv-region-grid span {
color: #294b60;
font-size: 13px;
line-height: 1.4;
font-weight: 650;
}
#hnv-contact-page .hnv-response-section {
min-height: 130px;
padding: 24px 34px;
grid-template-columns: 58px minmax(360px, 1.15fr) 1px minmax(380px, .95fr);
gap: 24px;
}
#hnv-contact-page .hnv-response-content h2 {
margin: 0 0 8px;
color: var(–hnv-navy);
font-size: 22px;
line-height: 1.2;
font-weight: 800;
}
#hnv-contact-page .hnv-response-content p {
margin: 0;
color: #526571;
font-size: 13px;
line-height: 1.6;
}
#hnv-contact-page .hnv-response-content p strong {
color: var(–hnv-green-dark);
font-weight: 800;
}
#hnv-contact-page .hnv-whatsapp-cta strong {
margin-bottom: 5px;
color: var(–hnv-navy);
font-size: 15px;
line-height: 1.35;
font-weight: 800;
}
#hnv-contact-page .hnv-whatsapp-cta span {
margin: 0 0 12px;
color: #526571;
font-size: 12px;
line-height: 1.5;
}
#hnv-contact-page .hnv-whatsapp-cta a {
color: #fff !important;
font-size: 11px;
font-weight: 800;
letter-spacing: .02em;
}
@media (max-width: 1100px) {
#hnv-contact-page .hnv-response-section {
grid-template-columns: 52px minmax(0, 1fr) 1px minmax(320px, .9fr);
}
}
@media (max-width: 767px) {
#hnv-contact-page .hnv-global-content h2 { font-size: 29px; }
#hnv-contact-page .hnv-global-content p { font-size: 13px; }
#hnv-contact-page .hnv-region-grid span { font-size: 12px; }
#hnv-contact-page .hnv-response-section {
padding: 28px 22px;
grid-template-columns: 1fr;
gap: 16px;
}
#hnv-contact-page .hnv-response-content h2 { font-size: 20px; }
#hnv-contact-page .hnv-response-divider { width: 100%; height: 1px; }
}
/* ==================================================
表单、联系信息与服务卡片：字体/排版优化
================================================== */
#hnv-contact-page .hnv-contact-main {
gap: 20px;
}
#hnv-contact-page .hnv-inquiry-card {
padding: 34px 38px 30px;
}
#hnv-contact-page .hnv-card-heading h2 {
margin-bottom: 8px;
color: var(–hnv-navy);
font-size: 28px;
line-height: 1.2;
font-weight: 800;
letter-spacing: -.35px;
}
#hnv-contact-page .hnv-card-heading p {
margin-bottom: 24px;
color: #526571;
font-size: 13px;
line-height: 1.6;
}
#hnv-contact-page .hnv-form-row {
margin-bottom: 12px;
grid-template-columns: 195px minmax(0, 1fr);
gap: 16px;
}
#hnv-contact-page .hnv-form-row label {
color: #092d45;
font-size: 12.5px;
line-height: 1.35;
font-weight: 750;
}
#hnv-contact-page .hnv-form-row input,
#hnv-contact-page .hnv-form-row select {
height: 44px;
color: #183d52;
font-size: 13px;
}
#hnv-contact-page .hnv-form-row textarea {
min-height: 125px;
color: #183d52;
font-size: 13px;
line-height: 1.6;
}
#hnv-contact-page .hnv-form-row input::placeholder,
#hnv-contact-page .hnv-form-row textarea::placeholder {
color: #788b96;
opacity: 1;
}
#hnv-contact-page .hnv-upload-heading strong {
color: var(–hnv-navy);
font-size: 14px;
font-weight: 800;
}
#hnv-contact-page .hnv-upload-heading span {
margin-top: 7px;
color: #60747f;
font-size: 11.5px;
line-height: 1.5;
}
#hnv-contact-page .hnv-upload-box strong {
font-size: 12px;
font-weight: 600;
}
#hnv-contact-page .hnv-upload-box small {
font-size: 10px;
}
#hnv-contact-page .hnv-submit-button {
min-height: 48px;
color: #fff !important;
font-size: 13px;
font-weight: 800;
letter-spacing: .02em;
}
#hnv-contact-page .hnv-form-privacy {
color: #60747f;
font-size: 10.5px;
line-height: 1.5;
}
#hnv-contact-page .hnv-contact-info {
padding: 38px 36px 32px;
}
#hnv-contact-page .hnv-contact-info h2 {
margin-bottom: 10px;
color: #fff;
font-size: 28px;
line-height: 1.2;
font-weight: 800;
letter-spacing: -.35px;
}
#hnv-contact-page .hnv-info-item {
padding: 24px 0;
grid-template-columns: 48px minmax(0, 1fr);
gap: 16px;
}
#hnv-contact-page .hnv-info-item strong {
margin-bottom: 7px;
color: #fff;
font-size: 14px;
line-height: 1.35;
font-weight: 800;
}
#hnv-contact-page .hnv-info-item span {
color: #fff;
font-size: 12px;
line-height: 1.55;
font-weight: 550;
}
#hnv-contact-page .hnv-info-item small {
margin-top: 4px;
color: rgba(255,255,255,.78);
font-size: 10.5px;
line-height: 1.5;
}
#hnv-contact-page .hnv-map-button {
min-height: 42px;
color: #fff !important;
font-size: 10.5px;
font-weight: 800;
letter-spacing: .03em;
}
#hnv-contact-page .hnv-service-grid {
gap: 18px;
}
#hnv-contact-page .hnv-service-card {
min-height: 165px;
padding: 30px 34px;
grid-template-columns: 58px minmax(0, 1fr);
gap: 20px;
}
#hnv-contact-page .hnv-service-card h2 {
margin-bottom: 14px;
color: var(–hnv-navy);
font-size: 20px;
line-height: 1.25;
font-weight: 800;
}
#hnv-contact-page .hnv-service-card li {
margin-bottom: 8px;
color: #526571;
font-size: 12px;
line-height: 1.55;
}
@media (max-width: 1100px) {
#hnv-contact-page .hnv-form-row {
grid-template-columns: 165px minmax(0, 1fr);
}
}
@media (max-width: 767px) {
#hnv-contact-page .hnv-inquiry-card,
#hnv-contact-page .hnv-contact-info { padding: 28px 22px; }
#hnv-contact-page .hnv-card-heading h2,
#hnv-contact-page .hnv-contact-info h2 { font-size: 24px; }
#hnv-contact-page .hnv-form-row { grid-template-columns: 1fr; gap: 8px; }
#hnv-contact-page .hnv-form-row label { font-size: 12px; }
#hnv-contact-page .hnv-service-card {
padding: 26px 22px;
grid-template-columns: 48px minmax(0, 1fr);
}
}
/* ==================================================
顶部横幅比例与首屏衔接优化
================================================== */
@media (min-width: 768px) {
#hnv-contact-page .hnv-contact-hero {
height: clamp(500px, 31.5vw, 650px);
min-height: 500px;
}
#hnv-contact-page .hnv-contact-hero-image {
width: 100%;
height: 100%;
object-fit: cover;
object-position: 68% center;
}
#hnv-contact-page .hnv-contact-hero-overlay {
background: linear-gradient(
90deg,
#fff 0%,
rgba(255,255,255,.98) 31%,
rgba(255,255,255,.80) 47%,
rgba(255,255,255,.16) 72%
);
}
#hnv-contact-page .hnv-contact-hero-content {
width: 49%;
padding: clamp(58px, 4vw, 78px) 0 40px 4%;
}
#hnv-contact-page .hnv-contact-label {
margin-bottom: 18px;
font-size: 12px;
line-height: 1.2;
font-weight: 800;
letter-spacing: 1px;
}
#hnv-contact-page .hnv-contact-hero h1 {
max-width: 650px;
margin-bottom: 22px;
font-size: clamp(44px, 3.05vw, 61px);
line-height: 1.04;
font-weight: 800;
letter-spacing: -1.35px;
}
#hnv-contact-page .hnv-contact-hero p {
max-width: 500px;
color: #526571;
font-size: 15px;
line-height: 1.7;
}
#hnv-contact-page .hnv-contact-main {
margin-top: clamp(-145px, -6.5vw, -92px);
}
}
@media (max-width: 767px) {
#hnv-contact-page .hnv-contact-hero {
min-height: 560px;
}
#hnv-contact-page .hnv-contact-hero-content {
padding: 48px 22px 38px;
}
#hnv-contact-page .hnv-contact-hero h1 {
font-size: clamp(36px, 10vw, 44px);
line-height: 1.06;
}
}
/* ==================================================
WPForms 2313：真实询盘表单嵌入与视觉统一
================================================== */
#hnv-contact-page .hnv-wpforms-mount {
width: 100%;
min-height: 120px;
}
#hnv-contact-page .hnv-wpforms-loading {
padding: 42px 20px;
border: 1px dashed #c8d7dc;
border-radius: 6px;
color: #607681;
font-size: 14px;
text-align: center;
background: #fbfdfd;
}
#hnv-contact-page .hnv-wpforms-mount .hnv-wpforms-source {
position: static !important;
left: auto !important;
width: 100% !important;
height: auto !important;
overflow: visible !important;
visibility: visible !important;
}
.hnv-wpforms-source:not(.hnv-wpforms-mounted) {
position: absolute !important;
left: -10000px !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
visibility: hidden !important;
}
#hnv-contact-page .hnv-wpforms-mount .wpforms-container,
#hnv-contact-page .hnv-wpforms-mount .wpforms-form {
width: 100%;
max-width: none;
margin: 0;
}
#hnv-contact-page .hnv-wpforms-mount .wpforms-field {
display: grid;
grid-template-columns: 190px minmax(0, 1fr);
align-items: center;
gap: 18px;
width: 100%;
padding: 0 0 12px;
}
#hnv-contact-page .hnv-wpforms-mount .wpforms-field-label {
margin: 0;
color: #062f49;
font-size: 13px;
line-height: 1.4;
font-weight: 700;
}
#hnv-contact-page .hnv-wpforms-mount .wpforms-required-label {
color: #e24b4b;
}
#hnv-contact-page .hnv-wpforms-mount input[type=”text”],
#hnv-contact-page .hnv-wpforms-mount input[type=”email”],
#hnv-contact-page .hnv-wpforms-mount input[type=”tel”],
#hnv-contact-page .hnv-wpforms-mount input[type=”number”],
#hnv-contact-page .hnv-wpforms-mount input[type=”url”],
#hnv-contact-page .hnv-wpforms-mount select,
#hnv-contact-page .hnv-wpforms-mount textarea {
width: 100% !important;
max-width: none !important;
min-height: 48px;
margin: 0;
padding: 11px 14px;
border: 1px solid #cfdbdf;
border-radius: 4px;
color: #12384d;
font-family: inherit;
font-size: 14px;
line-height: 1.45;
background: #fff;
box-shadow: none;
transition: border-color .2s ease, box-shadow .2s ease;
}
#hnv-contact-page .hnv-wpforms-mount textarea {
min-height: 145px;
resize: vertical;
}
#hnv-contact-page .hnv-wpforms-mount input:focus,
#hnv-contact-page .hnv-wpforms-mount select:focus,
#hnv-contact-page .hnv-wpforms-mount textarea:focus {
outline: none;
border-color: #00b56f;
box-shadow: 0 0 0 3px rgba(0,181,111,.10);
}
#hnv-contact-page .hnv-wpforms-mount .wpforms-field-description {
grid-column: 2;
margin: -5px 0 0;
color: #657a85;
font-size: 11px;
line-height: 1.5;
}
#hnv-contact-page .hnv-wpforms-mount .wpforms-field-file-upload {
align-items: start;
}
#hnv-contact-page .hnv-wpforms-mount input[type=”file”] {
width: 100%;
max-width: none;
padding: 22px;
border: 1px dashed #adc3ca;
border-radius: 4px;
background: #fbfdfd;
}
#hnv-contact-page .hnv-wpforms-mount .wpforms-submit-container {
margin: 8px 0 0;
padding: 0;
}
#hnv-contact-page .hnv-wpforms-mount button[type=”submit”],
#hnv-contact-page .hnv-wpforms-mount .wpforms-submit {
width: 100% !important;
min-height: 54px !important;
border: 1px solid #00b56f !important;
border-radius: 4px !important;
color: #fff !important;
font-family: inherit !important;
font-size: 14px !important;
font-weight: 800 !important;
letter-spacing: .025em;
background: #00b56f !important;
box-shadow: 0 8px 18px rgba(0,181,111,.16) !important;
cursor: pointer;
transition: transform .2s ease, background-color .2s ease, box-shadow .2s ease;
}
#hnv-contact-page .hnv-wpforms-mount button[type=”submit”]:hover,
#hnv-contact-page .hnv-wpforms-mount .wpforms-submit:hover {
color: #fff !important;
background: #009b60 !important;
transform: translateY(-3px);
box-shadow: 0 12px 24px rgba(0,181,111,.24) !important;
}
#hnv-contact-page .hnv-wpforms-mount .wpforms-error {
color: #c93636;
font-size: 11px;
font-weight: 600;
}
#hnv-contact-page .hnv-wpforms-mount .wpforms-confirmation-container-full,
#hnv-contact-page .hnv-wpforms-mount .wpforms-confirmation-container {
padding: 20px 22px;
border: 1px solid #9ed9bf;
border-radius: 6px;
color: #075b3c;
font-size: 14px;
line-height: 1.65;
background: #effaf5;
}
@media (max-width: 767px) {
#hnv-contact-page .hnv-wpforms-mount .wpforms-field {
grid-template-columns: 1fr;
gap: 7px;
padding-bottom: 14px;
}
#hnv-contact-page .hnv-wpforms-mount .wpforms-field-description {
grid-column: 1;
margin-top: -2px;
}
#hnv-contact-page .hnv-wpforms-mount input[type=”text”],
#hnv-contact-page .hnv-wpforms-mount input[type=”email”],
#hnv-contact-page .hnv-wpforms-mount input[type=”tel”],
#hnv-contact-page .hnv-wpforms-mount input[type=”number”],
#hnv-contact-page .hnv-wpforms-mount input[type=”url”],
#hnv-contact-page .hnv-wpforms-mount select,
#hnv-contact-page .hnv-wpforms-mount textarea {
font-size: 16px;
}
}

Please enable JavaScript in your browser to complete this form.Full Name *FirstLastCompany Name *Email Address *WhatsApp / WeChatCountry /Region *Please select your country / regionUnited StatesCanadaBrazilMexicoGermanyFranceUnited KingdomItalySpainPolandTurkeySaudi ArabiaUnited Arab EmiratesSouth AfricaIndiaThailandIndonesiaMalaysiaPhilippinesVietnamAustraliaNew ZealandOtherDrone Model/Brand *Part Number /Part NameQuantity Needed *FirstLastYour Message