/* 
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: #36A9E1;
    color: white;
    padding: 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.3s ease; border-radius:10px 10px 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:#36A9E1!important;
    color: white;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}
.message-popup .wpforms-submit{ background:#86C953!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);
    }
}
.home-banner .swiper{ padding-bottom:0!important}
.home-banner .swiper-pagination{ bottom:20px!important; top:auto;}
.num-box{width: 120px;
    height: 120px;
    position: relative;
    border-radius: 50%;
    border: 1px solid #554c53;
    margin: 0 auto;
    background: #f2eae2; transition: all 0.3s ease-in-out;}
.num-section:hover .num-box{background:url(/wp-content/uploads/xl_imgs.jpg) center center no-repeat; background-size:cover;transform: scale(1.15); cursor:pointer}
.num-box .e-con-inner{justify-content:center!important; align-items:center!important;}
.num-box:before{ content:''; background:rgba(0,0,0,.4); width:100%; height:100%; position:absolute; left:0; top:0; opacity:0; border-radius:50%;display:block; z-index:1}
.num-section:hover .num-box:before{ opacity:1}
.num-section:hover .num-box .elementor-heading-title{ color:#fff!important;}
.num-section:hover .num-box img{filter: grayscale(100%); -webkit-filter: grayscale(100%);  filter: brightness(0%) invert(100%);  -webkit-filter: brightness(0%) invert(100%);}
.num-box .e-con-inner{ position:relative; z-index:2}
.sub-title:before{content: '';display: block; width: 100%;border-bottom: 4px solid #f0e6da;position: absolute;left: 0;right: 0;top: 50%;transform: translateY(-50%)}
.sub-title:after{content: '';
    display: block;
    width: 50%;
    height: 100%;
    background-color: #fff;
    position: absolute;
    left: 0;
    right: 0;
   top: 50%;transform: translateY(-50%);margin:0 auto}
.sub-title .elementor-heading-title{ position:relative; z-index:3}
.action-card{transition: all .5s;}
.action-card:hover{transform: translateY(-10px);}
.home-about-tit{ position:relative; padding-left:85px;}
.home-about-tit:before {
    content: '';
    display: block;
    width: 80px;
    height: 25px;
    background: #f2ebe2;
    position: absolute;
    top: 50%;
    left: 0;transform: translateY(-50%)}
.home-about-section{ position:relative}
.home-about-section:after {
    content: '';
    display: block;
    width: 31%;
    height: 100%;
    background: url(/wp-content/uploads/about_us_backs.jpg) no-repeat;
    background-size: cover;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;}
.home-about-section .swiper-slide-image{ width:100%; height:500px; object-fit:cover}
.img-hover .elementor-widget-image{ overflow:hidden}
.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);}
.loop-item01 .elementor-heading-title{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; }
.foot-copyright a{ color:#666;}
.foot-copyright a:hover{ text-decoration:underline} 
.post-loop01 .post-img img{padding: 5px; border: 1px solid #eee; background-color: #fff;}
.post-loop01 .post-desc p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; }
.post-loop01 .elementor-button{ position:relative}
.post-loop01 .elementor-button:after{content: '';display: block;width: 100%; height: 2px;background-color: #cc3366;position: absolute;-webkit-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease; right: 0; bottom: 0;}
.post-loop01 .elementor-button:hover:after{width: 0;opacity: 0;}
.post-loop01 .elementor-button:hover {background: #cc3366!important;color: #fff!important;-webkit-transition-delay: .3s; -o-transition-delay: .3s;transition-delay: .3s;}
.news-post-list .elementor-post{ position:relative}
.news-post-list .elementor-post:nth-child(2n+1) {background: #f9f9f9;}
.news-post-list .elementor-post:before {content: ""; position: absolute;left: 0;bottom: 0;width: 100%;height: 3px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.news-post-list .elementor-post:after {content: '';display: block;width: 0;height: 3px;background-color: #cc3366;position: absolute;left: 0;bottom: 0;opacity: 0;}
.news-post-list .elementor-post:hover:after {width: 100%;opacity: 1;filter: alpha(opacity=100);-webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
.news-post-list .elementor-post{padding: 35px 20px;}
.news-post-list .elementor-post .post-tit .elementor-heading-title{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden; }
.breadcrumb li,.breadcrumb{ list-style:none; padding:0; margin:0}
.breadcrumb li{ display:inline-block; text-transform:uppercase;padding-right: 15px;}
.list-breadcrumbs li{font-size: 32px; position:relative }
.breadcrumb li,.breadcrumb li a{color:#fff}
.list-breadcrumbs li + li::before {
	content: '';
  display: inline-block;
  width: 0;
  height: 0;
  overflow: hidden;
  border: 8px solid #fff;border-right: 0;border-top-color: transparent;
  border-bottom-color: transparent;
  vertical-align: middle;
    border-left-color: #cc3366;
    border-width: 14px;
    border-top-width: 14px;
    border-bottom-width: 14px;
    border-top-width: 10px;
    border-bottom-width: 10px;
    margin-right: 15px;}
.elementor-pagination{ padding-top:50px;}
.page-numbers{ background:#eee; border-radius:5px; width:33px; height:33px;line-height: 33px; display:inline-block; color:#333; text-align:center}
.page-numbers.current,.page-numbers:hover{ background:#cc3366; color:#fff}
.post-loop02 .elementor-button{ position:relative}
.post-loop02 .elementor-button:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: #cc3366;transition: all ease-in-out .35s; -webkit-transition: all ease-in-out .35s; border-radius:3px}
.post-loop02 .elementor-button:hover:after{width: 100%;}
.post-loop02 .elementor-button .elementor-button-content-wrapper{ position:relative; z-index:2}
.post-loop02 .post-tit .elementor-heading-title{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.post-loop02 .elementor-widget-text-editor{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.post-loop02 .post-img img{box-shadow: 1px 1px 4px rgba(0,0,0,.2);}
div.wpforms-container-full:not(:empty){ margin:0!important}
.contact-form .wpforms-submit{ width:100%}
.pop-section .dialog-close-button{ background:#333; border:2px solid #fff; border-radius:50%; width:30px; height:30px;justify-content: center;align-items: center; box-shadow:0 0 10px 0 rgba(0,0,0,.15)}
.wpforms-container .wpforms-field, .wp-core-ui div.wpforms-container .wpforms-field {padding: 10px 0!important;}
.contact-form .wpforms-field-large,.contact-form textarea{border-left: 3px solid #013e5a!important;}
.single-breadcrumbs li + li::before {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  overflow: hidden;
  border: 8px solid #fff;
  border-top-width: 6px;
  border-bottom-width: 6px;
  border-right: 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
  vertical-align: middle;
  margin-right: 12px;}
.pro-top-section .pro-r-txt .short-desc h3{margin: 0 0 10px;
  font-size: 18px;
  font-weight: normal;
  color: #aaa;}
.pro-table .e-n-tabs-heading{margin-bottom: -1px;
  background-color: #eaedf0;
  border: 1px solid #ccd3d9;overflow: inherit;}
.pro-table .e-n-tabs-heading .e-n-tab-title{ margin-left:-1px;margin-bottom: -1px;}
.pro-table .e-n-tabs-heading .e-n-tab-title[aria-selected="true"] {position: relative; }
.pro-table .e-n-tabs-heading .e-n-tab-title[aria-selected="true"]:after{ content:''; position:absolute; left:0; bottom:-2px; background:#fff; height:2px; width:100%; display:block}
.pro-navigation .elementor-post-navigation{ display:block}
.pro-navigation  .elementor-post-navigation .elementor-post-navigation__link{ width:100%}
.pro-navigation .elementor-post-navigation span.elementor-post-navigation__link__next,.pro-navigation .elementor-post-navigation span.elementor-post-navigation__link__prev{flex-direction: row;}
.pro-navigation .elementor-post-navigation .elementor-post-navigation__next a {justify-content: flex-start;}
.pro-tab-tag .elementor-post-info__terms-list{ font-size:0;}
.pro-tab-tag .elementor-post-info__terms-list .elementor-post-info__terms-list-item{ font-size:16px; display:inline-block!important; line-height:1.8; width:100%;color:#0030FF}
.pro-tab-tag .elementor-post-info__terms-list .elementor-post-info__terms-list-item:hover{ text-decoration:underline; color:#CC3366}
.related-products .head-tit .elementor-heading-title{ position:relative}
.related-products .head-tit .elementor-heading-title:before,.related-products .head-tit .elementor-heading-title:after {
  content: '';
  display: inline-block;
  width: 20px;
  height: 14px;
  background-color: #002140;
  opacity: .1;
  filter: alpha(opacity=10);
  -webkit-transform: skew(30deg);
  -ms-transform: skew(30deg);
  -o-transform: skew(30deg);
  transform: skew(30deg);
  margin: 0 15px;
    margin-left: 15px;
  vertical-align: middle;}
.related-products .head-tit .elementor-heading-title:before {margin-left: 3px;}
.post-loop-item02 .elementor-heading-title{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.post-loop-item02 .elementor-widget-image{border-left: 10px solid rgba(0, 33, 64, .04);
  border-bottom: 3px solid rgba(0, 33, 64, .04);}
.faq-accordion .e-n-accordion-item{ box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1); padding: 10px 15px;border-radius: 5px;}
.faq-txt strong{ font-size:20px}
.head-menu .sub-menu{width: 250px!important;
  padding: 15px 0;
  border-top: 1px solid #cfcfcf;
  background-color: rgba(255, 255, 255, .96);box-shadow: 4px 4px 0 rgba(0, 0, 0, .08);}
.head-menu .sub-menu li a:before{
  content: '';
  display: block;
  width: 4px;
  height: 30%;
  background-color: #e24b7e;
  position: absolute;
  left: -15px;
  top: 40%;
  opacity: 0;transition: all .3s ease;}
.head-menu .sub-menu li:hover a:before{ top: 50%;
    margin-top: -10px;
    height: 20px;
    opacity: 1;}
.post-loop-item03 .elementor-heading-title{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.head-search-icon{ width:30px; height:30px; display:flex; justify-content:center; align-items:center;transition: all .3s ease;}
.head-search-icon:hover{ background:#e24b7e;}
.head-search-icon:hover svg{ fill:#fff!important}
.product-gallery-thumbs .swiper-slide-thumb-active{ border-color:#CC3366!important}
.product-gallery-container{ background:none!important; padding:0!important; box-shadow:none}
.product-gallery-thumbs .swiper-button-next, .product-gallery-thumbs .swiper-button-prev{transform:none}
.product-gallery-thumbs .swiper-button-next, .product-gallery-thumbs .swiper-button-prev{ background:rgba(204,51,102,.7)}
.product-gallery-thumbs{ background:none!important; box-shadow:none}
.product-gallery-thumbs .swiper-wrapper{justify-content: flex-start;}

@media screen and (max-width:480px){
	.foot-contact .elementor-image-box-wrapper{ display:flex!important}
	.foot-contact .elementor-image-box-content{ padding-left:10px}
	.home-about-section:after{ display:none}
	.post-loop02 .elementor-widget-text-editor{-webkit-line-clamp: 2;}
	.pro-table .e-n-tabs-heading .e-n-tab-title{ margin:0}
	.pro-table .e-n-tabs-heading .e-n-tab-title[aria-selected="true"]:after{ display:none}
	.elementor-widget-icon-box.elementor-mobile-position-left .elementor-icon-box-wrapper{align-items: center;}
	.head-menu .elementor-menu-toggle{ margin:-35px 0 0 15px}
	.head-menu .elementor-nav-menu--dropdown li a{ background:#F2EAE2!important}
	.head-section .head-r { position:absolute; top:50%; right:15px; width:40%;transform: translateY(-50%)}
}