/* CSS Document */
/*
Theme Name: HayCarb
Theme URI: https://www.haycarb.com/
Description:  北京六翼信息技术有限公司。
Author:  六翼爱永
Author URI: https://www.eee-eee.com/
Date:2026-05-11
Version: 1.0
License: 六翼许可认证
*/
*{margin:0;padding:0;}
html{overflow-x:hidden; font-size:14px;}
html.bodyhidden{ overflow:hidden;}

ul,li,ol{list-style:none;}
img{ border:0; display:block; max-width:100%;}
.img100{width:100%; height:100% !important; object-fit: cover;object-position: center;}
a{text-decoration:none;	color:#333;	outline:none;}

body{font-size:1rem; color:#333; font-family: "Poppins", sans-serif;}
.clear{ clear:both;}
.clearfix::after, .clearfix::before{display: table; content: " ";}
.clearfix:after { clear:both}
*, ::after, ::before{box-sizing: border-box;}
a, button{cursor: pointer; /*-webkit-transition: color .3s cubic-bezier(.63,.37,.55,.9);  transition: color .3s cubic-bezier(.63,.37,.55,.9);*/}
a:hover{ color:#505050;}
button{ border:none; background:none; border-radius: 0;}
video{ width:100%; height:auto; display:block; object-fit:fill;}
table{ width:100%; border-collapse:collapse;}


/*以下为兼容手机*/
input, textarea, select{appearance: none;-moz-appearance: none;-webkit-appearance: none;}
input:focus, textarea:focus {outline: none;}
input:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-modify:read-write-plaintext-only;}
input::-ms-clear {display: none;}
/*以上为兼容手机*/

/*针对 type-"number"*/
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{ -webkit-appearance: none !important;}
input[type="number"]{ -moz-appearance: textfield;}

/*
.swiper-wrapper{position: relative;width: 100%;height: 100%;z-index: 1;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.swiper-slide{-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;width: 100%;height: 100%;position: relative;}
*/

.hidden{ display:none !important;}
.wrap{ max-width:1400px; margin:0 auto;}

.text-center {
	text-align: center !important;
}

/*头部*/
.headerbgall.headfixd{ background:#fff !important;}
.logo_black{ display:none;}
.headerbgall.headfixd .logo_white{ display:none;}
.headerbgall.headfixd .logo_black{ display:block;}

.header_searchbtn .elementor-icon-wrapper{ cursor:pointer;}
.headergetbtn .elementor-button-text{white-space:nowrap; }
.headerbgall.headfixd .header_searchbtn .elementor-icon-wrapper .elementor-icon svg{ fill:#000 !important;}
.headerbgall.headfixd .menu-toggle .menu-icon, .headerbgall.headfixd .heaerm_menuicon svg{filter: brightness(0) invert(0);  
-webkit-filter: brightness(0) invert(0);  
-moz-filter: brightness(0) invert(0);  
-o-filter: brightness(0) invert(0);  
-ms-filter: brightness(0) invert(0);}

/*手机端菜单*/
.mmainmenu .elementor-nav-menu--main .elementor-nav-menu > li.menu-item{ border-bottom:#FFFFFF33 1px solid;}
.mmainmenu .elementor-nav-menu--main .elementor-nav-menu > li.menu-item .sub-menu{ display:block; position:static; width: auto; padding-bottom:10px; background: none;}
.mmainmenu .elementor-nav-menu--main .elementor-nav-menu > li.menu-item .sub-menu li a:hover{ background:none !important;}
#off-canvas-7c63294 .e-off-canvas__content {
	overflow: auto !important;
	-webkit-overflow-scrolling: touch !important;
	scrollbar-width: thin !important;
	scrollbar-color: #8DC63F #1A1A1A !important;
}


.lyoutline-btn a{ position:relative; overflow: hidden;}
.lyoutline-btn a span{ position:relative; z-index:2;}
.lyoutline-btn a:after {
          background-color: #72BF44;
          border-radius: 6.944vw;
          content: '';
          display: block;
          height: 100%;
          width:calc( 100% + 1px);
          position: absolute;
          left: 0;
          top: 0px;
          transform: translate(-100%, 0) rotate(10deg);
          transform-origin: top left;
          transition: transform 0.2s ease-out;
          will-change: transform;
          z-index: 0;
        }
.lyoutline-btn a:hover:after {
          transform: translate(0, 0);
			border: none;
        }

.ss-overlay-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 50%; /* adjust as needed for "top portion" */
	z-index: 10;
	display: block;
	text-indent: -9999px; /* hide text */
}

/*首页表单*/
.imainorder{}
.imainorder div.wpforms-container-full{ margin:0 auto;}
.imainorder .wpforms-container .wpforms-field:first-child{ padding-top:0;}
.wpforms-container input.wpforms-field-medium, .wpforms-container select.wpforms-field-medium, .wpforms-container .wpforms-field-row.wpforms-field-medium{ max-width:100% !important;}
div.wpforms-container-full input[type="date"], div.wpforms-container-full input[type="datetime"], div.wpforms-container-full input[type="datetime-local"], div.wpforms-container-full input[type="email"], div.wpforms-container-full input[type="month"], div.wpforms-container-full input[type="number"], div.wpforms-container-full input[type="password"], div.wpforms-container-full input[type="range"], div.wpforms-container-full input[type="search"], div.wpforms-container-full input[type="tel"], div.wpforms-container-full input[type="text"], div.wpforms-container-full input[type="time"], div.wpforms-container-full input[type="url"], div.wpforms-container-full input[type="week"], div.wpforms-container-full select, div.wpforms-container-full textarea{  border:none; border-bottom: 1px solid #ccc; font-size:16px;
color: #333333;
 padding:12px 10px;} 
div.wpforms-container-full input, div.wpforms-container-full select{ height:auto !important;}


.imainorder div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium{ height:140px; padding:20px .75rem; border: 1px solid #ccc;}
.imainorder div.wpforms-container-full .wpforms-form .wpforms-submit-container{ padding-top:0; margin-top:10px; text-align: right;}
.imainorder div.wpforms-container-full input[type="submit"], 
.imainorder div.wpforms-container-full button[type="submit"], 
.imainorder div.wpforms-container-full .wpforms-page-button{background: #fff !important;
border-radius:40px;font-weight:normal;
font-size:24px;
color: #060606 !important;
line-height: 38px; height:auto;
text-align: left;
font-style: normal;
text-transform: uppercase; padding:13px 100px; border:0.1388888889vw solid #72BF44;}
.imainorder div.wpforms-container-full input[type="submit"]:hover, 
.imainorder div.wpforms-container-full button[type="submit"]:hover, 
.imainorder div.wpforms-container-full .wpforms-page-button:hover{background: #72BF44 !important;color: #fff !important;
}
.imainorder div.wpforms-container-full button[type="submit"]:after{ display:none !important;}

.imainorder .wpforms-field-container .wpforms-field.wpforms-field-html, .imainorder .wpforms-field-container .wpforms-field.wpforms-field-html a{font-weight: 400 !important;
  font-size: 12px;
  color: #b4b4b4;}
.imainorder .wpforms-field-container .wpforms-field.wpforms-field-html a:hover{ color:#333;}


div.wpforms-container-full input[type=date]:focus,
div.wpforms-container-full input[type=datetime]:focus,
div.wpforms-container-full input[type=datetime-local]:focus,
div.wpforms-container-full input[type=email]:focus,
div.wpforms-container-full input[type=month]:focus,
div.wpforms-container-full input[type=number]:focus,
div.wpforms-container-full input[type=password]:focus,
div.wpforms-container-full input[type=range]:focus,
div.wpforms-container-full input[type=search]:focus,
div.wpforms-container-full input[type=tel]:focus,
div.wpforms-container-full input[type=text]:focus,
div.wpforms-container-full input[type=time]:focus,
div.wpforms-container-full input[type=url]:focus,
div.wpforms-container-full input[type=week]:focus,
div.wpforms-container-full select:focus,
div.wpforms-container-full textarea:focus {
  border:none; border-bottom:1px solid #72BF44;
  box-shadow:none;
  outline:none
}

/*Coconut Shell Activated*/
.shellsoulist{}
.shellsoulist .shellsoulistitem .elementor-widget-image{ overflow:hidden; border-radius:10px;}
.shellsoulist .shellsoulistitem .elementor-widget-image img{  transition: all 0.3s;}
.shellsoulist .shellsoulistitem .elementor-widget-heading{ transition: all 0.3s; position:absolute; bottom:20px; width:calc(100% - 40px); text-align:center;}
.shellsoulist .shellsoulistitem .elementor-widget-text-editor{ visibility:hidden; overflow:hidden; transform:translateY(-30px); opacity:0; transition: all 0.3s;}
.shellsoulist .shellsoulistitem .elementor-widget-icon{ overflow:hidden; width:calc(100% - 40px); position:absolute; bottom:-2.5vw; left:-20px;}
.shellsoulist .shellsoulistitem .elementor-widget-icon .elementor-icon-wrapper{ position:relative; left:-50%; transition: all 0.3s;}

.shellsoulist .shellsoulistitem:hover .elementor-widget-heading{ bottom:6vw;}
.shellsoulist .shellsoulistitem:hover .elementor-widget-icon .elementor-icon-wrapper{ left:40px;}
.shellsoulist .shellsoulistitem:hover .elementor-widget-text-editor{ opacity:1; visibility:visible; transform:translateY(-20px); }
.shellsoulist .shellsoulistitem:hover .elementor-widget-image img{ transform: scale(1.1);}

/*手机端*/
.mobcarbsolulist .mobcarbsoluitem .elementor-widget-heading, .mobcarbsolulist .mobcarbsoluitem .elementor-widget-image img{transition: all 0.3s;}
.mobcarbsolulist .mobcarbsoluitem:hover .elementor-widget-heading{ bottom:50px;}
.mobcarbsolulist .mobcarbsoluitem:hover .elementor-widget-image img{ transform: scale(1.1);}

@media(max-width:1024px){
	.shellsoulist .shellsoulistitem:hover .elementor-widget-heading{ bottom:9vw;}
	.shellsoulist .shellsoulistitem:hover .elementor-widget-text-editor{ transform:translateY(0px); }
}

/*解决方案列表页*/
.solutiontab .ac-solution-wrap{ padding:0; background:none;}
.solutiontab .ac-solution-wrap .desktop-grid .row{ gap:1.7vw; margin-bottom:1.7vw;}
.solutiontab .ac-solution-wrap .desktop-grid .solution-item{flex:0 0 calc(25% - 1.28vw);  margin: 0;  padding:0;}
.solutiontab .ac-solution-wrap .owl-carousel{ margin-top:0}
.solutiontab .ac-solution-wrap .ss-wrap{ height:27.77777777777778vw !important;}

.lymobsolutionlist{ width:90%; margin:0 auto; overflow:hidden; display:none;}
.lymobsolutionlist .swiper-slide .ss-wrap, .solutiontab .ac-solution-wrap .lymobsolutionlist .swiper-slide .ss-wrap{ height:350px !important;}
.ac-solution-wrap .lymobsolutionlist .ss-heading-wrap{ transition: all 0.3s;}
.ac-solution-wrap .lymobsolutionlist .ss-heading-wrap-mob h4{ color:#fff; text-align:center; font-size:22px !important; line-height:1.3 !important; }
.lymobsolutionlist .mobsoluslidepaging{ margin-top:15px;}
.lymobsolutionlist .swiper-pagination-bullet{background-color: #00000000;
  box-shadow: 0px 0px 0px 1px #424242; opacity: 1 !important; width:10px; height:10px;}
.lymobsolutionlist .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#447329;
  box-shadow:0px 0px 0px 1px #447329;}
.ac-solution-wrap .lymobsolutionlist .ss-heading-wrap-mob{ position:absolute; z-index:999; width:100%; padding:0 20px; bottom:15px !important;}
.solutiontab .lymobsolutionlist{ width:100%;}
.ac-solution-wrap .lymobsolutionlist .ss-content-wrap{ display:none;}
@media(max-width:1023px){
	.lymobsolutionlist{ display:block;}
}