/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
.message-form-box {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 998;
    width: 210px;
}

/* 底部触发按钮样式 */
.message-trigger {
    background: #034DA1;
    color: white;
    padding: 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.3s ease;
}

.message-trigger.hidden {
    display: none;
}

/* 弹出框样式 */
.message-popup {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 320px;
    background: white;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
    transform: translateY(100%);
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease;
}

.message-popup.active {
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
}

/* 头部样式 */
.message-header {
    background: #034DA1!important;
    color: white;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.radius-top {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.message-header b {
    flex-grow: 1;
}

.arrow-toggle {
    transition: transform 0.3s ease;
}
.wpf-captcha-container{ margin:0 0 20px 0!important}
.wpf-captcha-container label{ display:none}
.wpf-captcha-field{ display:flex;white-space: nowrap;align-items: center;gap: 10px;}
/* 表单容器样式 */
.message-form {
    padding: 20px;
    background: white;
    max-height: 80vh;
    overflow-y: auto;
}

/* WPForms 样式优化 */
.message-form .wpforms-container {
    margin: 0;
}

.message-form .wpforms-field {
    padding: 8px 0;
}

.message-form .wpforms-field input,
.message-form .wpforms-field textarea {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 8px;
    margin-bottom: 10px;
}

.message-form .wpforms-field textarea {
    min-height: 120px;
    resize: vertical;
}

/* hCaptcha 验证码优化 */
.message-form .h-captcha {
    margin: 10px 0;
    transform-origin: left;
    transform: scale(0.9);
}

/* 提交按钮样式 */
.message-form .wpforms-submit {
    width: 100%;
    background: #20B2AA;
    color: white;
    border: none;
    padding: 12px;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.message-form .wpforms-submit:hover {
    background: #1a9690;
}

/* 移动端适配 */
@media (max-width: 480px) {
    .message-form-box {
        width: 100%;
    }
    
    .message-form .h-captcha {
        transform: scale(0.8);
    }
}
.elementor-location-header{ position:fixed; top:0; left:0; width:100%; z-index:99}
.home-banner .swiper-slide-inner{ max-width:1380px;}
.home-banner .elementor-button:after{content:"\f054";font-family:"Font Awesome 5 Free";font-style:normal;font-weight:600; margin-left:5px}
.blue-txt{ color:#02398C!important}
div.wpforms-container-full:not(:empty){ margin:0 auto!important}
.wpforms-container .wpforms-field{ padding:10px 0!important}
.head-section{ position:relative; z-index:10}
.foot-share .e-fab-youtube{ fill:#FF0000!important}
.foot-share .e-fab-whatsapp{ fill:#21B54B!important}
.foot-share .e-fab-linkedin{ fill:#0077B5!important}
.foot-share .elementor-icon:hover{ border-color:#196198!important}
.foot-section .elementor-menu-toggle{ margin-top:-40px;}
.post-loop01 .elementor-heading-title,.home-post-loop .elementor-heading-title{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.post-loop01 .elementor-widget-theme-post-excerpt p,.home-post-loop .elementor-widget-theme-post-excerpt p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.elementor-location-header.typea{ background:none;box-shadow:none}
.elementor-location-header.typea .menu-item a{ color:#fff!important;}
.elementor-285.elementor-location-header.typea .menu-item a{ color:#000!important}
.elementor-location-header{ background:rgba(255,255,255,.8);box-shadow: 0 0 10px rgba(0, 0, 0, .15);}
.elementor-location-header .menu-item a{ color:#000!important}
.black-txt{ color:#000!important}
.solutions-gralley .elementor-image-gallery .gallery-item img{ width:100%}
.img-hover img,.product-gallery-thumbs .swiper-slide img{ -webkit-transition: all linear .3s;transition: all linear .3s; z-index: 10;}
.img-hover:hover img,.product-gallery-thumbs .swiper-slide:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1); transform: scale(1.1);}
.img-hover .elementor-widget-container{ overflow:hidden}
.solutions-loop .elementor-heading-title{ position:relative; padding-right:40px;}
.solutions-loop .elementor-heading-title a{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.solutions-loop .elementor-heading-title a:after{ content: "\f067";font-family:"Font Awesome 5 Free";font-style:normal;font-weight:600;border-radius: 50%;border: 2px solid #000;width: 26px; height: 26px; display: flex;justify-content: center;align-items: center; position:absolute; right:0; top:0; font-size:16px;}
.solutions-loop:hover .elementor-heading-title a{color: #02398C !important;}
.solutions-loop:hover .elementor-heading-title a:after{ border-color:#02398C}
.case-loop .elementor-widget-theme-post-featured-image{ float:right; width:220px; margin-left:20px; position:relative; z-index:10}
.case-loop .elementor-widget-theme-post-featured-image img{ width:220px; height:140px;}
.case-loop>.e-con-inner{ display:block; height:190px; overflow:hidden}
.case-loop .elementor-heading-title{ padding-bottom:54px;}
.case-loop .elementor-heading-title a{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; line-height: 25px !important;}
.case-loop .elementor-heading-title:after{ content:''; width:70px; height:2px; background:#DEE0E2; display:block; margin-top:20px}
.case-loop .post-desc p{ height:50px; }
.case-list-section .elementor-post{ background:#F9FBFA; padding-bottom:20px;}
.case-list-section .elementor-post:hover{ background:#E7EEF8;}
.case-category .menu-item{ background:#FBFBFB; margin-bottom:10px;}
.case-category .menu-item:hover,.case-category .menu-item.current-menu-item{ background:#E7EEF8;}
.case-category .menu-item a{ display:block; position:relative; line-height:35px;}
.case-category .menu-item a:after{ content:"\f054";font-family:"Font Awesome 5 Free";font-style:normal;font-weight:600; margin-left:5px; position:absolute; right:10px; top:50%;transform: translateY(-50%); background:none!important;opacity:1!important; color:#A7A5A6}
.case-category .menu-item:hover:before,.case-category .menu-item.current-menu-item:before{ content:''; width:3px; height:36px; background:#014492; position:absolute; left:0; top:50%;transform: translateY(-50%)}
.product-loop .elementor-widget-image .elementor-widget-container{ border:1px solid #ddd}
.product-loop .elementor-heading-title{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden; }
.product-loop:hover .elementor-heading-title a{ color:#014EA3}
.related-pro-cc .btn-section{ display:none}
.right_online{position: fixed;
    bottom:30%;
    right:0;
    z-index: 999; width:55px;}
.right_online .elementor-button{ height:55px;}
.right_online .elementor-button-icon{ font-size:26px; position:relative; z-index:2}
.right_online .elementor-button-text{  position:absolute; right:30px; top:0; height:55px;background: #034DA1; border-radius:30px 0 0 30px;z-index:1;width:0;transition:width 0.3s linear;overflow: hidden; display:none!important}
.right_online .elementor-button:hover .elementor-button-text{width:250px; transition: width 0.3s linear;}
.right_online .sub-btn .elementor-button-icon{ margin-right:0}
.right_online .sub-btn .elementor-button{ padding:0!important}
.right_online .elementor-button-icon,.right_online .top-icon .elementor-widget-container{ width:55px; height:55px!important;display: flex
;justify-content: center;align-items: center;}
.right_online .elementor-button:hover .elementor-button-text{ display:block}
.right_online .elementor-button{ position:relative}
.right_online .sub-btn .elementor-button{ overflow:inherit}
.b_top:hover{ cursor:pointer}
.product-gallery-thumbs .swiper-slide{ overflow:hidden}
.product-gallery-thumbs .swiper-slide{ border-color:#ddd!important}
.product-gallery-thumbs .swiper-button-next:after,.product-gallery-thumbs .swiper-button-prev:after{ font-size:28px;}
.product-gallery-main .swiper-slide{ height:500px!important}
.elementor-location-header.typea .gt_selector,.elementor-location-footer .gt_selector{ background:transparent; border:2px solid rgba(255, 255, 255, 0.2);color: #fff;}
.elementor-location-header.typea .gt_selector option,.elementor-location-footer option{ background:#000}
.popup-forms .wpforms-submit{ width:100%; border-radius:0!important; background:#014EA3!important}
.popup-forms .wpforms-submit:hover{ opacity:.9}
.popup-forms .wpforms-container .wpforms-field { padding: 5px 0 !important;}
.wpf-captcha-container label{ display:none!important}
div.wpforms-container-full .wpforms-form .wpforms-submit-container{ margin-top:0!important}
.post-13 .video-container .video-content, .post-540 .video-container .video-content{display: flex;position: relative;}
.post-13 .video-container .video-content, .post-540 .video-container .video-content {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.post-13 .video-container .video-content > *, .post-540 .video-container .video-content > * {margin: 0;width: 100%;height: 100%;}
.post-13 .video-container .video-content iframe, .post-540 .video-container .video-content iframe{width: 100%;height: 100%;}
 .post-540 .elementor-widget-container a{width: 100%;}
.post-13 .video-container img, .post-540 .video-container img{z-index: 0;transform: unset;}

@media screen and (max-width:1024px){
.head-section .elementor-menu-toggle{ margin-top:-50px;}
	.case-loop .elementor-widget-theme-post-featured-image{ float:none}	
	.case-loop>.e-con-inner{ display:flex; height:auto}
	.case-loop .elementor-heading-title{ padding-bottom:0;}
	.case-loop .post-desc p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; }
	.case-loop .elementor-widget-theme-post-featured-image img{ width:100%; height:auto}
	.case-loop .elementor-widget-theme-post-featured-image{ width:100%; margin:0}
	.case-list-section .elementor-post{ padding-bottom:0}
}
@media screen and (max-width:480px){
	.elementor-location-header{ position:inherit}
.service-item .elementor-cta__image img{ width:80%}
.page-content{ margin-top:0}
.post-loop01 .e-con-inner{ display:flex; flex-direction: column}
	.post-loop01 .post-img{ order:1}
.post-loop01 .post-txt{ order:2}
.solutions-gralley .gallery-item{ width:50%}
	.elementor-location-footer{ padding-bottom:55px!important; background:#000}
	.gt_selector{ display:none!important}
	.elementor-location-header.typea .menu-item a {color: #000 !important;}
	.elementor-location-header.typea .menu-item a.elementor-item-active,.elementor-location-header.typea .menu-item a:hover{ color:#fff!important}
	.elementor-location-header .elementor-nav-menu--dropdown{ background:#f5f5f5}
	.elementor-location-header .head-section{ padding:0}
	.head-section .elementor-menu-toggle{ margin-right:15px}
}