/* 
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: 220px;
}

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

.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:#156944!important;
    color: white;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}
.message-popup .wpforms-submit{ background:#156944!important;}
.message-popup .wpforms-container .wpforms-field{ padding:7px 0!important}
.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);
    }
}
a{ color:#000}
.elementor-heading-title {line-height: inherit;}
.pop-forms .wpforms-container .wpforms-field{ padding:8px 0!important}
body,.elementor-heading-title,.elementor-widget-text-editor,.elementor-widget-text-editor p{font-family: "Cabin", Sans-serif!important;}
.img-hover img{ -webkit-transition: all linear .3s;transition: all linear .3s; z-index: 10;}
.img-hover:hover img{webkit-transform: scale(1.1);-moz-transform: scale(1.1); transform: scale(1.1);}
.img-hover .elementor-image-box-img{ overflow:hidden; border-radius:15px}
.head-search-icon .elementor-icon{ display:block}
.pop-forms .wpforms-submit{ min-width:110px;}
div.wpforms-container-full:not(:empty) {margin:0!important;}
.search-popup{top: 52px;}
.sub-head-title{position: relative;}
.sub-head-title:before{display: block;
    white-space: nowrap;
    color: #fff;
    position: absolute;
    left: 0;
    top: -38px;
    font-size: 98px;
    line-height: 1;
    z-index: -1;font-weight: 700;
    text-shadow: rgba(210, 217, 221, .75) 1px 0 0, rgba(210, 217, 221, .75) 0 1px 0, rgba(210, 217, 221, .75) -1px 0 0, rgba(210, 217, 221, .75) 0 -1px 0;}
.home-product-section .sub-head-title:before {content: 'what we do ?';}
.sub-head-title:after {
    display: block;
    content: '';
    width: 80px;
    height: 2px;
    background: #2e9639;
    margin: 10px auto 0 0;}
.sub-btn .elementor-button,.sub-btn .elementor-button .elementor-button-text{display: inline-flex;align-items: center;}
.sub-btn .elementor-button .elementor-button-content-wrapper{align-items: center;}
.sub-btn .elementor-button:before,.sub-btn .elementor-button span:before{ content:'';width: 13px;
    height: 12px;
    background: #156944;
    margin-right: 10px;display: flex}
.sub-btn .elementor-button span.elementor-button-text:before{margin-right: 27px;}
.sub-btn .elementor-button:hover:before,.sub-btn .elementor-button:hover span:before{background: #fff;}
.application-title{height: 75px;
    overflow: hidden;
    border-bottom: 1px solid #eaedef;}
.application-title .elementor-heading-title{text-shadow: rgba(210, 217, 221, .75) 1px 0 0, rgba(210, 217, 221, .75) 0 1px 0, rgba(210, 217, 221, .75) -1px 0 0, rgba(210, 217, 221, .75) 0 -1px 0;}
.title-subscribe:after {
    display: block;
    content: 'Contact us';
    font-weight: 700;
    white-space: nowrap;
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: -35px;
    font-size: 98px;
    line-height: 1;
    z-index: -1;
    text-shadow: rgba(210, 217, 221, .75) 1px 0 0, rgba(210, 217, 221, .75) 0 1px 0, rgba(210, 217, 221, .75) -1px 0 0, rgba(210, 217, 221, .75) 0 -1px 0;}
.subscribe-forms .wpforms-form{ display:flex}
.subscribe-forms .wpforms-container .wpforms-field{ padding:0}
.subscribe-forms div.wpforms-container-full .wpforms-form .wpforms-submit-container{ margin-top:0}
.subscribe-forms .wpforms-submit-container .wpforms-submit{ width:128px; height:52px;border-radius:0 5px 5px 0 !important;}
.subscribe-forms .wpforms-submit-container .wpforms-submit:hover{ background:#1b8b59!important}
.subscribe-forms .wpforms-field-container{ width:calc(100% - 128px)}
.subscribe-forms input[type="email"]{ height:52px;border-radius: 5px 0 0 5px !important;}
.home-about-video .elementor-custom-embed-play{ background:#156944;height: 80px; width: 80px; border-radius:50%;display: flex;align-items: center;justify-content: center;}
.home-about-left:after {
    position: absolute;
    content: '';
    top: 98px;
    right: -32px;
    bottom: 98px;
    width: 50px;
    z-index: -1;
    background: #cce8d3;}
.company-li ul, .company-li li{ list-style:none; padding:0; margin:0}
.company-li ul{display: flex; flex-wrap: wrap; gap:10}
.company-li li{width: 33.333333%;
    color: #2e9639;
    background: url(/wp-content/uploads/2025/08/28d91f2b4a222c47cc4950.webp) no-repeat left center;
    padding: 0 0 0 55px;}
.home-about-right .sub-head-title:before {content: 'who we are ?';}
.foot-logo img{ background:#fff; padding:10px; border-radius:10px; width:auto!important;height: 60px;}
.foot-menu ul{display: flex;flex-wrap: wrap; gap:10px}
.foot-menu li{width:calc(50% - 5px);}
.foot-section a:hover{ text-decoration:underline}
.copyright-txt a { margin: 0 20px;}
.loop-item01 .elementor-heading-title,.post-loop-01 .elementor-widget-theme-post-excerpt p,.post-loop-01 .elementor-heading-title{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; }
.post-loop-01 .elementor-button-icon{transform: rotate(-45deg)}
.post-loop-01 .elementor-widget-image{ overflow:hidden;border-radius: 5px;}
.post-loop-01:hover .elementor-heading-title a{ color:#156944}
.post-loop-01 .elementor-icon-list-item .elementor-post-info__terms-list-item:before{content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #156944;
    margin-right: 7px;
    display: inline-block;
    vertical-align: middle;}
.breadcrumb{ display:flex; color:#fff}
.breadcrumb a{ color:#fff}
.breadcrumb,.breadcrumb li{ list-style:none; padding:0; margin:0}
.breadcrumb li:after{ content:'>'; margin:0 5px}
.breadcrumb li:last-child:after{ display:none}
.sub-head-title.page-about-tit:before {content: 'ABOUT greatwork'; text-transform:uppercase}
.sub-head-title.choose-tit:before {content: 'Why choose us'; }
.sub-head-title.history-tit:before {content: 'Company history'; }
.history-tabs .e-n-tab-title-text{line-height: 109px;text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;}
.history-tabs .e-n-tab-title{border-bottom: 2px solid rgba(255, 255, 255, .5); padding: 0 0 0 44px;cursor: pointer;}
.history-tabs .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text{text-shadow: none;}
.sub-head-title.factory-tit:before {content: 'Factory environment'; }
.sub-banner .elementor-heading-title{text-shadow: 2px 2px 4px #666!important}
.contact-forms .wpforms-submit{ width:100%;height: 66px!important;}
.contact-img-box { flex-wrap:wrap}
.contact-img-box .elementor-image-box-img{ background:#156944;width: 60px; height: 60px;border-radius: 50%; display: flex; justify-content: center;align-items: center;}
.contact-img-box.elementor-widget-image-box .elementor-image-box-content {width:calc(100% - 100px);}
.contact-forms .wpforms-field-large{ min-height:60px;}
.contact-forms .wpforms-container .wpforms-field {padding: 12px 0 !important;}
.contact-forms textarea{ height:150px!important}
.sub-head-title.applications-title:before {content: 'Applications'; }
.post-loop-02 .elementor-cta__description{line-height: 28px;height: 0; overflow: hidden; transition: all .5s ease 0s;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4; }
.post-loop-02:hover .elementor-cta__description{height: 112px;margin-top:15px}
.post-loop-02 .elementor-cta__content:after {
    content: "";
    background: rgba(66, 185, 131, .85);
    height: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all .3s ease 0s;z-index: -1;}
.post-loop-02:hover .elementor-cta__content:after {height: 100%;}
.post-loop-02 .elementor-cta__title {text-shadow: 2px 2px 4px #666;}
.post-loop-02 .elementor-cta__button:before{content: "\f0a9";font-family: "Font Awesome 5 Free";font-weight: 900; margin-right:5px}
.loop-item01 .elementor-widget-image{ overflow:hidden}
.loop-item01:hover .elementor-heading-title a{ color:#156944}
.black-bread .breadcrumb a,.black-bread .breadcrumb{ color:#999}
.pro-subscribe.subscribe-forms .wpforms-submit-container .wpforms-submit{ width:40px; background:url(/wp-content/uploads/2025/08/a4e1d655f4cf3c79daf06.webp) center center no-repeat!important; font-size:0; background-size:32px!important}
.pro-subscribe.subscribe-forms .wpforms-field-container { width: calc(100% - 50px);}
.line-img-box .elementor-image-box-title:before {
    content: "";
    width: 33px;
    height: 5px;
    background: #156944;
    display: block;
    margin: 0 auto 50px 0;}
.product-gallery-container{ background:none; padding:0; border-radius:0; box-shadow:none}
.product-gallery-container .bottom-thumbs { background:none; box-shadow:none;padding: 15px 40px!important;}
.product-gallery-container .product-gallery-thumbs .swiper-slide{ background:#fff;border: 2px solid #d9d9d9; padding: 2px; border-radius:5px}
.product-gallery-container .product-gallery-thumbs .swiper-slide-thumb-active{ border-color:#156944}
.product-gallery-container .product-gallery-thumbs .swiper-wrapper{justify-content: inherit;}
.product-gallery-container .swiper-pagination-bullet-active{ background:#156944}
.product-gallery-container{ margin-top:0}
.mfp-content img.mfp-img{ background:#fff}
.mfp-content .mfp-bottom-bar{ display:none}
.product-gallery-thumbs .swiper-button-next, .product-gallery-thumbs .swiper-button-prev{ transform:none;background-color:rgba(21,105,68,.5)}
table td, table th {border: 1px solid hsla(0, 0%, 50%, .2); font-size:16px;}
.head-menu .sub-menu{ background:#fff!important; box-shadow:0 2px 10px rgba(0,0,0,.2); width:200px!important}
.sub-title-pro .elementor-heading-title:after{ content:'';background-color: #0a403c;
    border-width: 0;
    height: 8px;
    margin: 10px 0;
    transform: skew(-54deg);width: 90px; display:block}
.elementor-slideshow__footer.elementor-lightbox-prevent-close{ display:none}
.head-logo img{ width: auto;height: 70px;}
.highlights-item .elementor-image-box-content{ padding: 10px 30px 30px 30px;}
.highlights-item .elementor-image-box-title{ margin-bottom:10px!important}
.highlights-item .elementor-image-box-img img{ border-radius:5px 5px 0 0}
.post-loop-02 .elementor-cta--skin-cover,.pro-list-row .elementor-post__thumbnail,.news-con-txt img{ border-radius:5px}
.pro-top-txt{ max-height:570px; overflow-y:auto}
.head-search input[type=search]{ border-radius:5px 0 0 5px}
.head-search .e-search-submit{ border-radius:0 5px 5px 0!important}
.sub-btn .elementor-button-content-wrapper{ gap:0}


@media screen and (max-width:1024px){
	.head-section .elementor-menu-toggle{ margin: -68px 0 0 0;width: 38px; height: 38px;}	
	.head-section{ position:relative}
	.head-section .head-quote{ position:absolute; right:65px; top:42px}
	.sub-head-title:before{ font-size:60px}
	.application-title {height:45px;}
	.home-about-left div{ height:100%}
	.title-subscribe:after{font-size:60px}
	.head-menu .sub-menu{ width:100%!important; box-shadow:none}
	.elementor-nav-menu--dropdown.elementor-nav-menu__container .elementor-sub-item {font-size: 14px;}
}

@media screen and (max-width:480px){
.head-section .elementor-menu-toggle{ margin:-70px 15px 0 0}	
.sub-head-title:before ,.title-subscribe:after{ font-size:30px;top: -20px; left: 0; right: 0;}	
 table{display: block;overflow-x: auto;}	
	.sub-head-title:after{margin: 10px auto 0;}
	.application-title {height:22px;}
.sub-btn .elementor-button span.elementor-button-text:before {margin-right: 10px;}
.company-li li {width: 50%;}
.subscribe-forms .wpforms-submit-container .wpforms-submit {width: 100px;}
.subscribe-forms .wpforms-field-container { width: calc(100% - 100px);}
	.home-about-left:after{ display:none}
	.copyright-txt a { margin:0 15px 0 0;}
	.breadcrumb{ justify-content:center}
	.history-tabs .e-n-tab-title{ border:0; padding:0 10px;}
	.history-tabs .e-n-tab-title-text {line-height: 50px;}
	.contact-img-box .elementor-image-box-wrapper{ flex-direction: row;display: flex}
	.contact-img-box.elementor-widget-image-box .elementor-image-box-content {width: calc(100% - 80px);}
	.line-img-box .elementor-image-box-title:before{margin: 0 auto 30px 0;}
	.pro-top-txt{max-height: inherit; overflow:inherit}
	.breadcrumb{ display:none}
	.sub-title-pro{ text-align:center}
	.sub-title-pro .elementor-heading-title:after{ margin:10px auto}
	.sub-title-pro-txt{ text-align:center}
	
}
@media screen and (max-width:375px){
.sub-btn .elementor-button{ padding:0 10px!important}
	.sub-btn .elementor-button:before, .sub-btn .elementor-button span:before{margin-right: 5px;}
}