/* CSS Document */
/*
Theme Name: 北京华控伟业电子科技有限公司
Theme URI: http://hkele.com.cn/
Description:  北京六翼信息技术有限公司。
Author:  六翼爱永
Author URI: https://www.eee-eee.com/
Date:2026-08-15
Version: 1.0
License: 六翼许可认证
*/
*{margin:0;padding:0;}
html{overflow-x:hidden;}
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;}

/*
@font-face {
  font-family: 'HarmonyOS_Regular';
  src: url('fonts/HarmonyOS_Sans_Regular.ttf') format('truetype');
  font-style: normal;
}
*/
@font-face {
  font-family: 'MiSans';
  src: url("fonts/MiSans-Normal.woff2") format("woff2"),
		 url("fonts/MiSans-Normal.woff") format("woff"),
		 url("fonts/MiSans-Normal.ttf") format("truetype"),
		 url("fonts/MiSans-Normal.eot") format("embedded-opentype"),
		 url("fonts/MiSans-Normal.svg") format("svg");
  font-style: normal;
}


body{font-size:14px; color:#333; font-family: MiSans;}
.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:#333;}
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, select: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;}

.elementor-icon svg, .elementor-button-icon svg{ width:auto; height:auto;}


/*头部*/
.headerbgall.headfixd{ position:fixed; top:0; left:0;box-shadow: 0px 10px 20px 0px rgba(0,29,102,0.2), inset 0px 0px 10px 0px rgba(9,88,217,0.1);}
.headerbgall .headerleft{ width:calc(100% - 200px);}

/*主菜单*/
.mainmenu{ width:calc(100% - 321px);}
.mainmenu > .mainmenulist{}
.mainmenu > .mainmenulist > .elementor-nav-menu__container > ul.elementor-nav-menu{}
.mainmenu > .mainmenulist > .elementor-nav-menu__container > ul.elementor-nav-menu > li.menu-item{}
.mainmenu > .mainmenulist > .elementor-nav-menu__container > ul.elementor-nav-menu > li.menu-item > a.elementor-item{flex-direction:column; gap:6px;}
.mainmenu > .mainmenulist > .elementor-nav-menu__container > ul.elementor-nav-menu > li.menu-item > a.elementor-item:after{ width:32px; position:static; bottom: auto;  left: auto;}
.mainmenu > .mainmenulist > .elementor-nav-menu__container > ul.elementor-nav-menu > li.menu-item.current-menu-item > a.elementor-item{ font-weight:bold;}


/*手机端菜单*/
.lymenubtn  {
	cursor: pointer;
}

.mmainmenu .elementor-nav-menu--main .elementor-nav-menu > li.menu-item{ border-bottom:#FFFFFF33 1px solid;}
.mmainmenu .elementor-nav-menu--main .elementor-nav-menu > .menu-item.menu-item-has-children > a .sub-arrow{ background:url(images/navlibg.svg) no-repeat center center;-webkit-transition: -webkit-transform .36s ease-in-out; transition: -webkit-transform .36s ease-in-out; width:20px; height:20px;  transition: transform .36s ease-in-out;  transition: transform .36s ease-in-out,-webkit-transform .36s ease-in-out; position:absolute; right:30px; margin: 0;  padding: 0;}
.mmainmenu .elementor-nav-menu--main .elementor-nav-menu > .menu-item.menu-item-has-children > a.highlighted .sub-arrow{ transform:rotate(180deg);}
.mmainmenu .elementor-nav-menu--main .elementor-nav-menu > .menu-item.menu-item-has-children > a .sub-arrow i{ display:none;}

.mmainmenu .elementor-nav-menu--main .elementor-nav-menu > li.menu-item .sub-menu{ display:none; 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; color:#fff !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;
}


/*头部搜索*/
.custom-search-form {
	width: 100%;
}
.custom-search-form .search-input-wrapper {
	display: flex;
	align-items: center;
	width: 100%;
	border: none;
	border-radius:100px;
	padding: 6px 15px;
	background: #fff;
}
.custom-search-form input[type="text"] {	flex: 1;	border: none;	outline: none;   font-weight: 400;font-size: 14px; width:calc(100% - 24px);color: #9C9C9C;line-height: 20px;	background: transparent;	caret-color: #000;}
.custom-search-form .search-button, 
.custom-search-form .search-button img {width:16px;	height: 16px;	flex-shrink: 0;}
.custom-search-form input[type="text"]::selection {	background: transparent;	color: inherit;}
.custom-search-form .search-button {	border: none;	background: none;	cursor: pointer;	display: flex;	align-items: center;}


/*幻灯片*/
.islidebtn a.elementor-button{ position:relative;}
.islidebtn a.elementor-button .elementor-button-icon{ position:absolute; right:6px; top:6px;}
.islidebtn a.elementor-button:hover .elementor-button-icon svg{filter: brightness(0) invert(1);  -webkit-filter: brightness(0) invert(1);  -moz-filter: brightness(0) invert(1);  -o-filter: brightness(0) invert(1);  -ms-filter: brightness(0) invert(1);}

.islideall .islidelist{}
.islideall .islidelist > .e-n-carousel{ padding-bottom:0 !important;}
.islideall .islidelist .swiper-pagination-bullets .swiper-pagination-bullet{transition: all 0.3s; opacity:1; }
.islideall .islidelist .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{ width:115px; border-radius: 10px;}
@media(max-width:1024px){
	.islideall .islidelist .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{ width:80px; }
}
@media(max-width:768px){
	.islideall .islidelist .elementor-swiper-button{ display:none;}
	.islideall .islidelist .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{ width:40px; }
}


.islideall .islidelist .elementor-swiper-button{ width:60px; height:60px; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.islideall .islidelist .elementor-swiper-button svg{ display:none;}
.islideall .islidelist .elementor-swiper-button.elementor-swiper-button-prev{ background-image:url(images/islide_pvre.svg);}
.islideall .islidelist .elementor-swiper-button.elementor-swiper-button-next{ background-image:url(images/islide_next.svg);}
.islideall .islidelist .elementor-swiper-button.elementor-swiper-button-prev:hover{ background-image:url(images/islide_pvre_hover.svg);}
.islideall .islidelist .elementor-swiper-button.elementor-swiper-button-next:hover{ background-image:url(images/islide_next_hover.svg);}

/*主标题*/
.imaintitle .elementor-heading-title{ display:flex; align-items:center; gap:20px;}
.imaintitle .elementor-heading-title:before{ content:""; display:block; width: 10px; height:45px;background: #E81E1A;}


/*共用左右按钮*/
.iswiperbtn{ display:flex; gap:40px;}
.iswiperbtn a{ display:block; width:60px; height:60px; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.iswiperbtn a.iswiperbtnprve{ background-image:url(images/islide_pvre.svg);}
.iswiperbtn a.iswiperbtnnext{ background-image:url(images/islide_next.svg);}
.iswiperbtn a.iswiperbtnprve:hover{ background-image:url(images/islide_pvre_hover.svg);}
.iswiperbtn a.iswiperbtnnext:hover{ background-image:url(images/islide_next_hover.svg);}


.iswiperbpaging{ width:100%; display:flex; gap:12px; justify-content:center; margin-top:40px;}
.iswiperbpaging .swiper-pagination-bullet{ display:block; width: 12px;height: 12px; cursor:pointer; transition: all 0.3s;background: #0958D9; border-radius:100%;}
.iswiperbpaging .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 115px; border-radius: 10px 10px 10px 10px;}


/*首页-产品分类*/
.iprocatlist{ overflow:hidden; padding:10px;}
.iprocatlist .swiper-wrapper{ flex-wrap:wrap;}
.iprocatlist .swiper-slide{ width:450px;}
.iprocatlist .iprocatitem{ display:flex; align-items: center; height:200px; background: #FFFFFF;border-radius: 10px 10px 10px 10px;border: 1px solid #CCCCCC; padding:10px 20px;transition: all 0.3s;}
.iprocatitem .iprocatitemflex{ display:flex; gap:30px; align-items:center;}
.iprocatitem .iprocatitemflex .iprocatitemtext{transition: all 0.3s;}
.iprocatitem .iprocatitemflex .iprocatitemimg{ max-width:170px;}
.iprocatitem .iprocatitemflex .iprocatitemtext .iprocatitemtit{font-weight: 600;font-size: 16px;color: #333333; line-height:1.3;transition: all 0.3s;}
.iprocatitem .iprocatitemflex .iprocatitemtext .iprocatitembtn{ background: #0958D9;box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.3);border-radius: 4px 4px 4px 4px; width: 140px;height: auto; padding:0 0 0 27px; position:relative;font-weight:500;
font-size: 16px; margin-top:20px;color: #FFFFFF; line-height:1; display:flex; align-items:center; height:0; visibility:hidden; opacity:0; transition: all 0.3s;}
.iprocatitem .iprocatitemflex .iprocatitemtext .iprocatitembtn:before{ content:""; display:block; width:16px; height:16px; background:url(images/islide_btn_bai.svg) no-repeat center center / cover; position:absolute; right:6px; top:6px;}
.iprocatlist .iprocatitem:hover{ box-shadow: 0px 10px 20px 0px rgba(0,29,102,0.2), inset 0px 0px 10px 0px rgba(9,88,217,0.1); border-color:#fff;}
.iprocatitem:hover .iprocatitemflex .iprocatitemtext .iprocatitembtn{ height:50px; visibility:visible; opacity:1;}

/*行业解决方案专家*/
.isolution_iconlist .elementor-widget-image-box{ height:200px; width:calc(50% - 10px); display:flex; justify-content:center; align-items:center;transition: all 0.3s;}
.isolution_iconlist .elementor-widget-image-box .elementor-image-box-description{ visibility:hidden; opacity:0; transition: all 0.3s; height:0; overflow:hidden;}
.isolution_iconlist .elementor-widget-image-box:hover{ box-shadow: 0px 10px 20px 0px rgba(0,29,102,0.2), inset 0px 0px 10px 0px rgba(9,88,217,0.1); border-color:#fff;}
.isolution_iconlist .elementor-widget-image-box:hover .elementor-image-box-description{ visibility:visible; opacity:1; height:57px;}

/*首页-行业解决方案*/
.isolutionlist{ overflow:hidden; padding:10px;}
.isolutionlist .isolutionitem{ display:block; position:relative; border-radius: 10px 10px 10px 10px; overflow:hidden; max-width:340px;}
.isolutionitem .isolutionitemimg{ width:100%; overflow:hidden;}
.isolutionitem .isolutionitemimg img{transition: all 0.3s;}
.isolutionitem .isolutionitemtext{ width:100%; height:50%; position:absolute; left:0; bottom:0; background: linear-gradient( 180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); display:flex; padding:20px; flex-direction:column; justify-content:flex-end;}
.isolutionitem .isolutionitemtext .isolutionentit{font-size: 14px;color: #FFFFFF;line-height: 2; text-transform: capitalize;}
.isolutionitem .isolutionitemtext .isolutionitemtit{font-weight: 600;font-size: 1.25vw;color: #FFFFFF;line-height:1.3333;}
.isolutionlist .isolutionitem:hover .isolutionitemtext{ background: linear-gradient( 180deg, rgba(9,88,217,0) 0%, #0958D9 100%);}
.isolutionlist .isolutionitem:hover .isolutionitemimg img{transform: scale(1.1);}

/*首页-行业解决方案*/
.ipartnerlist{ position:relative;}
.ipartnerlist .str_move{ position:absolute; top:0; left:0; white-space: nowrap; display:flex;}
.ipartnerlist .ipartneritem{ width:220px; margin-right:30px;}



/*底部菜单*/
.footermenu > .elementor-nav-menu--main > .elementor-nav-menu{ flex-wrap:wrap; width: 100%; gap:60px; justify-content: space-between;}
.footermenu .elementor-nav-menu--main .elementor-nav-menu:after{ display:none !important;}
.footermenu .elementor-nav-menu--main .elementor-nav-menu > li.menu-item{ max-width:calc(50% - 30px);  display:block;}
.footermenu .elementor-nav-menu--main .elementor-nav-menu > li.menu-item .sub-menu{ display:block; position:static; width: auto; background: none;}
.footermenu .elementor-nav-menu--main .elementor-nav-menu > li.menu-item .sub-menu > li{ padding-right:0px;}
.footermenu .elementor-nav-menu--main .elementor-nav-menu > li.menu-item ul.elementor-nav-menu--dropdown a{ border:none;  white-space: normal;justify-content: space-between;}
.footermenu .elementor-nav-menu--main .elementor-nav-menu > li.menu-item > a.elementor-item{display:block; position:relative;}
.footermenu .elementor-nav-menu--main .elementor-nav-menu > li.menu-item > a.elementor-item:after{ content:""; opacity: 1; width: 50px;height: 2px;background: #FFFFFF; display:none; margin-top:15px;}
.footermenu .elementor-nav-menu--main .elementor-nav-menu > li .sub-arrow{ width:15px; height:15px; display:none;  transition: all 0.3s;}
.footermenu .elementor-nav-menu--main .elementor-nav-menu > li .sub-arrow svg{ width:15px; height:15px;}
.footermenu .elementor-nav-menu--main .elementor-nav-menu > li.menu-item a{ background:none !important; transition: all 0.3s;} 
.footermenu .elementor-nav-menu--main .elementor-nav-menu > li.menu-item > .sub-menu li.menu-item a:hover{ /*font-weight:600;*/ }