.elementor-446 .elementor-element.elementor-element-99bbb83{--display:flex;--min-height:500px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.88;}.elementor-446 .elementor-element.elementor-element-99bbb83::before, .elementor-446 .elementor-element.elementor-element-99bbb83 > .elementor-background-video-container::before, .elementor-446 .elementor-element.elementor-element-99bbb83 > .e-con-inner > .elementor-background-video-container::before, .elementor-446 .elementor-element.elementor-element-99bbb83 > .elementor-background-slideshow::before, .elementor-446 .elementor-element.elementor-element-99bbb83 > .e-con-inner > .elementor-background-slideshow::before, .elementor-446 .elementor-element.elementor-element-99bbb83 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://www.xikestor.com/wp-content/uploads/2026/04/Contact-Us.webp");--background-overlay:'';background-position:center center;background-size:cover;}.elementor-446 .elementor-element.elementor-element-99bbb83::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0.5px ) hue-rotate( 0deg );}.elementor-446 .elementor-element.elementor-element-51ce8876{--display:flex;--min-height:372px;--justify-content:center;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-446 .elementor-element.elementor-element-345089e2{margin:0px 200px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-446 .elementor-element.elementor-element-7dab42d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 060px;--row-gap:0px;--column-gap:060px;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-446 .elementor-element.elementor-element-24c8f44{border-radius:0px 0px 0px 0px;}.elementor-446 .elementor-element.elementor-element-24c8f44 .elementor-icon-box-wrapper{gap:15px;}.elementor-446 .elementor-element.elementor-element-24c8f44.elementor-view-stacked .elementor-icon{background-color:#6BCBFF;}.elementor-446 .elementor-element.elementor-element-24c8f44.elementor-view-framed .elementor-icon, .elementor-446 .elementor-element.elementor-element-24c8f44.elementor-view-default .elementor-icon{fill:#6BCBFF;color:#6BCBFF;border-color:#6BCBFF;}.elementor-446 .elementor-element.elementor-element-60e30ea .elementor-icon-box-wrapper{gap:15px;}.elementor-446 .elementor-element.elementor-element-60e30ea.elementor-view-stacked .elementor-icon{background-color:#6BCBFF;}.elementor-446 .elementor-element.elementor-element-60e30ea.elementor-view-framed .elementor-icon, .elementor-446 .elementor-element.elementor-element-60e30ea.elementor-view-default .elementor-icon{fill:#6BCBFF;color:#6BCBFF;border-color:#6BCBFF;}.elementor-446 .elementor-element.elementor-element-420cadb .elementor-icon-box-wrapper{gap:15px;}.elementor-446 .elementor-element.elementor-element-420cadb.elementor-view-stacked .elementor-icon{background-color:#6BCBFF;}.elementor-446 .elementor-element.elementor-element-420cadb.elementor-view-framed .elementor-icon, .elementor-446 .elementor-element.elementor-element-420cadb.elementor-view-default .elementor-icon{fill:#6BCBFF;color:#6BCBFF;border-color:#6BCBFF;}.elementor-446 .elementor-element.elementor-element-69c4889 .elementor-icon-box-wrapper{gap:15px;}.elementor-446 .elementor-element.elementor-element-69c4889.elementor-view-stacked .elementor-icon{background-color:#6BCBFF;}.elementor-446 .elementor-element.elementor-element-69c4889.elementor-view-framed .elementor-icon, .elementor-446 .elementor-element.elementor-element-69c4889.elementor-view-default .elementor-icon{fill:#6BCBFF;color:#6BCBFF;border-color:#6BCBFF;}.elementor-446 .elementor-element.elementor-element-4f53625{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-446 .elementor-element.elementor-element-4054d04{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-446 .elementor-element.elementor-element-e17988e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-446 .elementor-element.elementor-element-50cf47b .elementor-icon-wrapper{text-align:center;}.elementor-446 .elementor-element.elementor-element-08667cb.elementor-element{--align-self:center;}.elementor-446 .elementor-element.elementor-element-08667cb{text-align:start;}.elementor-446 .elementor-element.elementor-element-2af5007{--display:flex;}.elementor-446 .elementor-element.elementor-element-087036e{--display:flex;}.elementor-446 .elementor-element.elementor-element-087036e.e-con{--align-self:flex-start;}.elementor-446 .elementor-element.elementor-element-8f5b541{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-446 .elementor-element.elementor-element-41ca512{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-446 .elementor-element.elementor-element-45ad272 .elementor-icon-wrapper{text-align:center;}.elementor-446 .elementor-element.elementor-element-818812f.elementor-element{--align-self:center;}.elementor-446 .elementor-element.elementor-element-f008e28{--display:flex;}.elementor-446 .elementor-element.elementor-element-7f0e97a{--display:flex;}.elementor-446 .elementor-element.elementor-element-7f0e97a.e-con{--align-self:flex-start;}.elementor-446 .elementor-element.elementor-element-f347b9d{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-446 .elementor-element.elementor-element-37885fe{--display:flex;}.elementor-446 .elementor-element.elementor-element-d300207{--display:flex;}.elementor-446 .elementor-element.elementor-element-2c15a15{--display:flex;}.elementor-446 .elementor-element.elementor-element-128c9a5{text-align:center;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-446 .elementor-element.elementor-element-ba5d9bd .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-446 .elementor-element.elementor-element-ba5d9bd .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-446 .elementor-element.elementor-element-ba5d9bd{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-446 .elementor-element.elementor-element-ba5d9bd .elementor-icon-list-text{transition:color 0.3s;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-446 .elementor-element.elementor-element-51ce8876{--content-width:1129px;}}/* Start custom CSS for heading, class: .elementor-element-345089e2 *//* .elementor-446 .elementor-element.elementor-element-345089e2 代表当前这个组件 */
.elementor-446 .elementor-element.elementor-element-345089e2 .elementor-heading-title {
    font-size: 42px !important;
    font-weight: 800 !important;
    color: #FFFFFF !important;
    letter-spacing: -1px;
    margin-bottom: 10px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-631ffe39 */.elementor-446 .elementor-element.elementor-element-631ffe39 {
    border-left: 3px solid #007bff; /* 蓝色装饰条 */
    padding-left: 15px;
    margin-top: 10px;
}

/* 针对文字样式 */
.elementor-446 .elementor-element.elementor-element-631ffe39, .elementor-446 .elementor-element.elementor-element-631ffe39 p {
    font-size: 18px !important;
    color: #E5E7EB !important;
    line-height: 1.4 !important;
    font-weight: 400;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7dab42d *//* 1. 整体容器样式：增加圆角和过渡动画 */
.elementor-446 .elementor-element.elementor-element-7dab42d {
    transition: all 0.3s ease-in-out;
    padding: 30px 20px !important;
    border-radius: 15px;
    text-align: center;
    cursor: pointer;
}

/* 2. 图标背景处理：给图标加一个浅色的圆形底座 */
.elementor-446 .elementor-element.elementor-element-7dab42d .elementor-icon, 
.elementor-446 .elementor-element.elementor-element-7dab42d img {
    background-color: #f4f7f9; /* 极浅的蓝灰色底 */
    padding: 20px;
    border-radius: 50%; /* 变成圆形 */
    display: inline-flex;
    margin-bottom: 20px !important;
    transition: all 0.3s ease;
    width: 80px;  /* 根据需要调整图标背景大小 */
    height: 80px;
    align-items: center;
    justify-content: center;
}

/* 3. 悬停效果：容器整体上移，图标背景颜色加深 */
.elementor-446 .elementor-element.elementor-element-7dab42d:hover {
    transform: translateY(-10px); /* 向上轻微漂浮 */
}

.elementor-446 .elementor-element.elementor-element-7dab42d:hover .elementor-icon,
.elementor-446 .elementor-element.elementor-element-7dab42d:hover img {
    background-color: #e1f5fe; /* 悬停时蓝色底稍稍变深 */
    box-shadow: 0 10px 20px rgba(0, 161, 255, 0.1); /* 淡淡的蓝色投影 */
}

/* 4. 标题和正文字体微调 */
.elementor-446 .elementor-element.elementor-element-7dab42d .elementor-icon-box-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #333 !important;
    margin-bottom: 10px !important;
}

.elementor-446 .elementor-element.elementor-element-7dab42d .elementor-icon-box-description {
    font-size: 14px !important;
    color: #666 !important;
    line-height: 1.4;
}
/* 移除默认下划线并设置颜色 */
a[href^="tel:"], 
a[href^="mailto:"], 
a[href*="wa.me"] {
    text-decoration: none;
    color: #333; /* 匹配你网站的文字颜色 */
    transition: color 0.3s ease;
}

/* 悬停时变为你品牌的蓝色 */
a[href^="tel:"]:hover, 
a[href^="mailto:"]:hover, 
a[href*="wa.me"]:hover {
    color: #007bff; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4f53625 *//* 1. 整体容器样式：增加圆角和过渡动画 */
.elementor-446 .elementor-element.elementor-element-4f53625 {
    transition: all 0.3s ease-in-out;
    padding: 30px 20px !important;
    border-radius: 15px;
    text-align: center;
    cursor: pointer;
}

/* 2. 图标背景处理：给图标加一个浅色的圆形底座 */
.elementor-446 .elementor-element.elementor-element-4f53625 .elementor-icon, 
.elementor-446 .elementor-element.elementor-element-4f53625 img {
    background-color: #f4f7f9; /* 极浅的蓝灰色底 */
    padding: 20px;
    border-radius: 50%; /* 变成圆形 */
    display: inline-flex;
    margin-bottom: 20px !important;
    transition: all 0.3s ease;
    width: 80px;  /* 根据需要调整图标背景大小 */
    height: 80px;
    align-items: center;
    justify-content: center;
}

/* 3. 悬停效果：容器整体上移，图标背景颜色加深 */
.elementor-446 .elementor-element.elementor-element-4f53625:hover {
    transform: translateY(-10px); /* 向上轻微漂浮 */
}

.elementor-446 .elementor-element.elementor-element-4f53625:hover .elementor-icon,
.elementor-446 .elementor-element.elementor-element-4f53625:hover img {
    background-color: #e1f5fe; /* 悬停时蓝色底稍稍变深 */
    box-shadow: 0 10px 20px rgba(0, 161, 255, 0.1); /* 淡淡的蓝色投影 */
}

/* 4. 标题和正文字体微调 */
.elementor-446 .elementor-element.elementor-element-4f53625 .elementor-icon-box-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #333 !important;
    margin-bottom: 10px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2c15a15 *//* 1. 顶部文案区域整体排版 */
.xike-contact-section {
    padding: 60px 20px 40px 20px !important;
    text-align: center;
}

/* 2. 主标题样式：加粗、深色、专业工业感 */
.xike-contact-section h2 {
    font-size: 42px !important; /* 增大字号提升冲击力 */
    font-weight: 800 !important;
    color: #1a1a1a !important;
    margin-bottom: 20px !important;
    letter-spacing: -1px;
    line-height: 1.2;
}

/* 3. 描述文本：控制行宽，居中对齐 */
.xike-contact-section .elementor-text-editor {
    font-size: 17px !important;
    color: #555 !important;
    line-height: 1.7 !important;
    max-width: 850px; /* 限制宽度，防止在大屏上太散 */
    margin: 0 auto 35px auto !important;
}

/* 4. 图标列表样式：横向标签化处理 */
.xike-contact-section .elementor-icon-list-items {
    display: flex !important;
    justify-content: center !important;
    gap: 30px !important; /* 每个项目之间的距离 */
    flex-wrap: wrap;
}

/* 单个列表项：增加类似标签的背景或间距 */
.xike-contact-section .elementor-icon-list-item {
    padding: 8px 15px !important;
    border-radius: 4px;
    transition: all 0.3s ease;
}

/* 图标颜色：统一使用表单顶部的科技蓝 */
.xike-contact-section .elementor-icon-list-icon i {
    
    font-size: 30px !important;
}

/* 图标旁边的文字：加粗，与品牌视觉统一 */
.xike-contact-section .elementor-icon-list-text {
    font-weight: 600 !important;
    color: #333 !important;
    font-size: 18px !important;
    padding-left: 10px !important;
}
.xike-contact-section .elementor-icon-list-icon svg {
    width: 30px !important;  /* 针对 SVG 图标的宽度 */
    height: 30px !important; /* 针对 SVG 图标的高度 */
}
/* 鼠标悬停效果：轻微上浮，增加交互感 */
.xike-contact-section .elementor-icon-list-item:hover {
    transform: translateY(-3px);
    background-color: rgba(0, 123, 255, 0.05); /* 极淡的蓝色背景反馈 */
}

/* 5. 移动端优化：由横排变为紧凑的竖排或居中排布 */
@media (max-width: 768px) {
    .xike-contact-section h2 {
        font-size: 30px !important;
    }
    .xike-contact-section .elementor-icon-list-items {
        flex-direction: column;
        align-items: center;
        gap: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for wpforms, class: .elementor-element-a85ca8b *//* 7. 整体表单卡片背景：提升专业感和层级感 */
.xike-b2b-form {
    background-color: #ffffff !important; /* 纯净的白色背景 */
    padding: 40px !important; /* 四周留出充足的呼吸空间 */
    border-radius: 8px !important; /* 外围圆角稍微大一点 */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important; /* 极淡的柔和阴影，营造悬浮感 */
    border-top: 4px solid #007BFF !important; /* 顶部加入一条品牌蓝的装饰线，强化科技感 */
}

/* 8. 移动端适配：手机上适当减小内边距，防止太拥挤 */
@media (max-width: 768px) {
    .xike-b2b-form {
        padding: 24px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-37885fe *//* 1. 整体表单间距：拉开呼吸感 */
.xike-b2b-form .wpforms-field {
    margin-bottom: 24px !important;
}

/* 2. 标签文字：加粗、颜色加深，显得严谨专业 */
.xike-b2b-form .wpforms-field-label {
    font-weight: 600 !important;
    color: #333333 !important;
    font-size: 14px !important;
    margin-bottom: 8px !important;
}

/* 3. 输入框基础样式：使用极淡的灰底，边缘硬朗 */
.xike-b2b-form input[type=text], 
.xike-b2b-form input[type=email], 
.xike-b2b-form textarea {
    border: 1px solid #E0E0E0 !important;
    background-color: #F8F9FA !important;
    border-radius: 4px !important; /* 微圆角，去死板 */
    padding: 14px 16px !important;
    font-size: 15px !important;
    color: #333 !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
}

/* 4. 交互反馈：客户点击输入时，边框亮起科技蓝，背景变纯白 */
.xike-b2b-form input[type=text]:focus, 
.xike-b2b-form input[type=email]:focus, 
.xike-b2b-form textarea:focus {
    border-color: #007BFF !important; /* 匹配你页面上的蓝色调 */
    background-color: #FFFFFF !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1) !important;
}

/* 5. 提交按钮：大气、显眼，吸引询盘 */
.xike-b2b-form .wpforms-submit {
    background-color: #007BFF !important; /* 品牌主色调 */
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    letter-spacing: 0.5px !important;
    padding: 14px 40px !important;
    border-radius: 4px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

/* 6. 按钮悬停效果：颜色加深，轻微上浮 */
.xike-b2b-form .wpforms-submit:hover {
    background-color: #0056b3 !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0, 123, 255, 0.2) !important;
}/* End custom CSS */