@charset "utf-8";
 ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input { margin: 0; padding: 0; }
 body { font-family: 'Microsoft Yahei', Arial, 'Open Sans', sans-serif; font-size: 14px; background: #fff; color: #555; line-height:24px; scroll-behavior: smooth;}
html{scroll-behavior: smooth;}
 dl, dd, dt{list-style: none;padding: 0px;margin: 0px;}
 .container { margin: 0 auto; width: 960px; clear: both;}
 ul {list-style: none;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;appearance: none;}
 #header-wrap, #banner-wrap, #nav-wrap, #main-wrap, #footer-wrap { width:100%; }
 .nofloat {clear: both;}
 a {color: #666;text-decoration: none;}
 a:hover, .paragraph span.foot-menu a:hover{ color: #00b602; }
 .mobile-footer {border-top: none;}
 .website-elements {padding: 15px 10px 10px 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;position: relative;z-index: 3;margin: 0 !important;min-height: 50px;}
 div.paragraph {padding: 0.2em 0 !important;margin: 0;}
 #website-viewport {width: 100%;overflow: visible; height:100vh;}
 #website-page-wrapper {box-shadow: 0 0 10px rgba(0,0,0,0);transform: translate3d(0%, 0px, 0px);}
 #footer {line-height: 1.6;font-size: 13px;}


 /*********Header***********/
 #nav-social {display: inline-block;text-align: right;padding-top: 20px;}
 #nav-wrap .container{clear: both; overflow: visible; position: relative; border-bottom:2px solid #E8E8E8; margin-bottom:5px;margin-top: 30px; }
  #nav-wrap .container>ul{display: flex; flex-direction: row; align-content: center; justify-content: space-between;}
 .container li, .container dd{vertical-align: bottom;}
 #logo {margin-left: 35px;}
 #logo img{width:300px;}
 .website-logo>a>img {height: 45px;}
 #nav {display: flex; flex-direction: column;}
 .website-text {float: left;}
 .website-menu {display: inline; list-style: none; float: right; max-width:700px; margin-bottom:-1px;}
 .website-menu-item {display: inline;float: left;margin-left: 6px;}
 #nav>ul>li>a { display: block; color: #333; text-decoration: none; padding: 18px 7px 8px; margin:0 0px 1px; border: 0; outline: 0; list-style-type: none; box-sizing:border-box; float: left; font:13px 'Open Sans',arial,sans-serif; text-transform:uppercase; }
 #nav ul li.active>a{color:#5f8bbd; font-weight: 600;}
 #nav ul li.website-menu-item:hover>a{color: #00b602; }
 .website-page-social {margin-left: 3px;display: inline-block;vertical-align: top;}
 .website-page-social a {width: 28px;height: 30px;margin: 1px 0 0 4px;}
 #nav #lan-menu>a:hover{border:none;padding: 18px 7px 8px;}
 ul.lan-menu, ul.blog-menu, ul.product-menu{display:block;text-align: center; position:absolute;z-index: 999;border-radius: 0 0 6px 6px;border-top:4px solid #5f8bbd;background-color: rgba(0,0,0,0.7);transition: all .5s; transform-origin: top; transform: rotateX(90deg);}
 ul.lan-menu{padding-bottom:1px; padding-top: 1px; top: 17px; left: -9px; width: 92px;}
 ul.blog-menu{padding:1px 5px 1px 5px; top: 17px; left: -70px; width: 180px;}
 ul.product-menu{padding:1px 5px 1px 5px; top: 17px; left: -52px; width: 180px;}
 ul.lan-menu hr, ul.blog-menu hr, ul.product-menu hr{width:70%;border-top: 1px solid #fff;margin: auto;}
 #nav .website-menu-item>div>ul>li{margin: 5px auto 5px auto;}
 #nav ul.lan-menu>li a, #nav ul.blog-menu>li a, #nav ul.product-menu>li a{color:white;border:none;padding:5px 0px;}
 #nav ul.lan-menu>li a:hover, #nav ul.blog-menu>li a:hover, #nav ul.product-menu>li a:hover{color:#00b602;}
 #lan-menu:hover ul.lan-menu, #blog-menu:hover ul.blog-menu, #product-menu:hover ul.product-menu{transform: rotateX(0deg);}
 #nav #lan-menu>a:hover, #nav #blog-menu>a:hover, #nav #product-menu>a:hover{border:none;padding: 18px 7px 8px;}
 ul.blog-menu hr:first-child, ul.product-menu hr:first-child{display: none;}
 #nav-social .website-page-social a>i{color:#8e8e8e;font-size:2.5em;}
 #nav-social .website-page-social a>i:hover{color:#00b602;}
 /*product sub menu start*/
 #nav ul.product-menu>li p{color:white;border:none;padding:5px 0px;cursor: pointer;}
 div.sub-menu{position: absolute;border-radius: 6px 0 6px 6px;z-index: 999;background-color: rgba(0,0,0,0.7);transition: all 0.3s ease-in-out; transform-origin: top; transform: rotateX(90deg);opacity: 0; left: -190px;}
 div.sub-menu>ul{width: 180px;padding:1px 5px 1px 5px;}
 div.sub-menu>ul>li{margin: 5px auto 5px auto;}
 .product-menu>li:hover .sub-menu{opacity: 1;transform: rotateX(0deg);}
 /*product sub menu end*/
@media screen and (max-width: 880px){#logo img{width:250px;} #logo {margin-left: 10px;}}
@media screen and (max-width: 760px){#logo img{width:230px;}ul.lan-menu{top: 0px;}ul.blog-menu{top: 0px;}ul.product-menu{top: 0px;}}


 /*********Mobile Header***********/
 #header {display: none;background-color: #fff;color: #3f454d;position: fixed;width: 100%;padding: 4px 5px;z-index: 8;-webkit-box-shadow: 0px 1px 0px 0px rgba(35, 49, 66, 0.3);box-shadow: 0px 1px 0px 0px rgba(35, 49, 66, 0.3);}
 #header .website-menu-button,#header .website-lan-button {padding: 10px;float: left;margin-right: 5px;margin-left: 5px;cursor: pointer;border-radius: 2px;text-decoration: none;background-clip: padding-box; -webkit-background-clip:padding-box; -webkit-tap-highlight-color: rgba(0,0,0,0);position: absolute;top: 50%;margin-top: -17px;}
 #header .website-lan-button{right:12px;}
 #header .lan-button{font-size:1.4em;}
 #header .lan-button .clicked{border-radius: 3px;background: #eee;box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);}
 #header a{color: #3f454d;font-weight: normal;}
 .website-menu-button-text, .menu-button-text, .website-lan-button-text {display: none;}
 .disable-user-select {-webkit-touch-callout: none;-webkit-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: transparent;}
 .menu-button-bars {float: left;position: relative;}
 .menu-button-bar {display: block;width: 1.125em;height: 2px;background-color: #6b6b6b;-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;margin-top: 3px;}
 .menu-button-bar:first-child {margin-top: 1px;}
 #header h1 {font-weight: normal;margin: 5px 0;padding: 0px 40px;font-size: 24px;line-height: 1.10;text-align: center;}
 .website-mobile .website-logo {display: inline;}
 .website-logo img, .website-logo span {vertical-align: top !important;}
 #menu-wrapper-language hr{display: none;}


/*********Footer***********/
 #footer-wrap { background-color:#fff;  margin-top:25px; }
 #footer-wrap .container { text-align:left; padding:0px 0px 38px;}
 #footer-wrap .website-multisite-list {text-align: center;width: 65%;margin: auto;}
 #footer-wrap .website-multisite-item {width: 17%;text-align: center;line-height: 30px;margin: 0px 1%;display: inline-block; border: 1px solid #eee; border-radius: 8px; transition: all 0.3s ease-out;}
 #footer-wrap .website-multisite-item a {font-weight: 600;font-size: 1.2em;}
 .website-multisite-item:nth-child(1) a{color: #e83418;}
 .website-multisite-item:nth-child(1):hover{background-color: #e83418;}
 .website-multisite-item:nth-child(2) a{color: #00a0f8;}
 .website-multisite-item:nth-child(2):hover{background-color: #00a0f8;}
 .website-multisite-item:nth-child(3) a{color: #00b602;}
 .website-multisite-item:nth-child(3):hover{background-color: #00b602;}
 .website-multisite-item:nth-child(4) a{color: #e28100;}
 .website-multisite-item:nth-child(4):hover{background-color: #e28100;}
 .website-multisite-item:nth-child(5) a{color: #05cebc;}
 .website-multisite-item:nth-child(5):hover{background-color: #05cebc;}
 .website-multisite-item:hover a{color: white;}
 #footer-wrap .website-multisite-item div {background-color: #f9f9f9;border: 2px solid #eee;}
 #footer-wrap .website-multisite-item a img{max-height:75px;width: 100%}
 .paragraph span.foot-menu, .paragraph span.foot-menu a{color:#999999;}
 @media screen and (max-width: 1400px){#footer-wrap .website-multisite-list {width: 80%;}}
 @media screen and (max-width: 750px){#footer-wrap .website-multisite-list {width: 90%;}}

/*********Mobile Footer***********/
 #footer {display: none;}
 #footer .paragraph {clear: both !important;font-size: 0.94em;}
 .mobile-footer .website-footer {border-top: none;background: white;color: black;text-shadow: none;}
 #footer .mobile-footer  .website-footer{padding-top: 8px;padding-bottom:30px;}
 #footer .website-multisite-list {display: block !important;margin: 3em 0 !important;padding: 0 !important;width: 100% !important;font-size: 17px;}
 #footer .website-multisite-item {display: block !important;margin: 1.5em 0 !important;padding: 0 !important;width: 100% !important;}
 #footer .website-multisite-item h2 {text-align: center;color: #fff;line-height: 1;font-size: 14px;}
 #footer a {color: #fff;}

 /*********menu-wrapper***********/
 #menu-wrapper {display: none; top: 0px; left: 0px; height: calc(100% - 50px); width: 80%; position: fixed;padding-top: 60px;overflow-y: scroll;overflow-x: hidden;}
 .website-menu-wrapper {color: #424242;z-index: 2;background: url('https://electricals.huimultd.com/image/sidebar-menu-bg.png') repeat left top;}
 .website-menu-wrapper, .website-mobile-menu {clear: both;overflow: hidden;position: relative;display: none;}
 .website-mobile-menu li a {font-weight: 300;color: #424242;padding: 15px 10px;font-size: 18px;border-bottom: 1px solid #cbccce !important;line-height: 1.5;text-decoration: none;display: block;cursor: pointer;-webkit-tap-highlight-color: transparent;}
 .website-mobile-menu li#active a, .website-mobile-menu li a:active {background: #0f3b6d !important;color: #fff;text-shadow: 0 -1px 1px rgba(0,0,0,0.3);border-bottom: 1px solid #3f1800 !important;border-top: 1px solid #3f1800 !important;top: -1px;position: relative;padding: 15px 10px 14px;}
 .menu-show #website-page-wrapper {box-shadow: 0 0 10px rgba(0,0,0,0.2);}
 .menu-show #website-page-wrapper.website-page-collapse {transform: translate3d(80%, 0px, 0px);}
 #phone .website-text{font-size: 17px;padding: 15px 10px 0px 10px;color: #777777;font-weight: 400;display: block;}
 .menu-show #header .website-menu-button {border-radius: 3px;background: #eee;box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);}
 .website-menu-wrapper .website-social {padding: 1em 0em 1em 0.65em;}
 .website-social {white-space: normal;display: inline-block;position: relative;}
 .website-social-mail span{background: url('https://electricals.huimultd.com/image/social-icons.png') no-repeat -201px 0px;}
 .website-social a span {display: block;width: 40px;height: 40px;}
 .website-social a.website-social-item.first-child, .website-social a.website-social-item.last-child {margin: 5px 10px 5px 0px !important;}
 .website-social i {border-radius: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
 .website-mobile-menu .website-menu-mobile-arrow {float: right;position: relative;margin-left: -16px;border: none;width: 16px;height: 16px;top: 5px;left: 0;background: url('https://electricals.huimultd.com/image/mobile-menu-arrow.png') top left no-repeat;background-size: 16px 16px;}
 .website-menu-slide{transition: -webkit-transform 500ms ease-in-out 10ms;}
 body.menu-open {overflow: hidden;height:100%}

/*********common-main-wrapper***********/
#main-wrap .contact{background-color: #343434; border-radius: 20px; width: calc(100% - 10px); text-align: center; color: white; padding: 10px 0px;margin: 5px; margin-top:10px; transition: all 0.5s ease-in;}
#main-wrap .contact>a p{font-size: 1.5em; display: inline-block;color: white;}
.arrow{width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent;border-top: 16px solid white; display: inline-block;transition: all 0.5s ease-in; transform: rotate(-90deg);}
.active .arrow{transform: rotate(0deg);}
.noteBlock{display: none;}
.contact>div.show{display: block;}
#noteBlock hr{width: 80%; height: 2px; border: none; background-color: #9e9e9e;}
#noteBlock>p{padding: 0 5px;}
.smallNote{font-size: 0.9em;}
#contactUs{padding-top: 10px;}
#contactUs li{width: 90%; max-width: 400px; margin: auto;border-radius: 5px; padding: 5px 0px;}
#contactUs input{width: calc(100% - 8px);}
#contactUs textarea{max-width: calc(100% - 8px); min-width: calc(100% - 8px); overflow-x: hidden; overflow-y:  visible;; resize: none; height: 100px;}
#contactUs input, #contactUs textarea{border-radius: 10px;line-height: 1.5em; font-size: 1.1em; padding: 0px 4px; font-family: 'Microsoft Yahei', Arial, 'Open Sans', sans-serif;}
#contactUs input:focus, #contactUs textarea:focus{border-radius: 10px;}
#contactUs input::-webkit-input-placeholder, #contactUs textarea::-webkit-input-placeholder{color: black;}
#contactUs input:-ms-input-placeholder, #contactUs textarea:-ms-input-placeholder{color: black;}
#contactUs input:-moz-placeholder, #contactUs textarea:-moz-placeholder{color: black;}
#contactUs input::-moz-placeholder, #contactUs textarea::-moz-placeholder{color: black;}
#contactUs li.sendButton{text-align: right;max-width: 440px;}
#contactUs li.sendButton input{width: 30%;max-width: 100px;min-width: 80px; background-color: #b00000;border: 2px solid white; color:white;}
#contactUs li.sendButton input:hover{color: #b00000; background: white; border: 2px solid #b00000; }


/*********small contact clickbox***********/
#contactUs div.clickbox-group {display: flex;justify-content: space-between;min-width:80px;max-width:420px;margin: 0 auto;height: 50px;align-items: center;}
#contactUs div.clickbox-option {display: flex;position: relative;flex: 1;margin: 10px;min-width: 0;height: 100%;align-items: center;}
#contactUs div.clickbox-option input[type="radio"] {opacity: 0;position: absolute;}
#contactUs div.clickbox-option label {display: block; width: 100%;padding: 4px 4px;text-align: center;box-sizing: border-box;white-space: nowrap;  overflow: hidden;text-overflow: ellipsis;background-color: #f0f0f0;color: rgb(0, 0, 0);border-radius: 4px;cursor: pointer;transition: background-color 0.3s;}
#contactUs div.clickbox-option input[type="radio"]:checked + label {background-color: rgb(214, 53, 53);border: 0.3px solid #999;color: white;box-shadow: 0 2px 4px rgba(245, 128, 61, 0.425);}


.bigImg {display: block;}
.miniImg {display: none;}
.pageLocation p{text-align: left; color: black; margin-top: 10px;}
.pageLocation p a{color: black}
.pageLocation p a:hover{color: #5f8bbd}
.container>.large-wrap>.banner{border-radius:30px;}

/*********index-main-wrapper***********/
 #main-wrap {background-color:white;}
 #main-wrap h1 {text-align: center;color: black;margin-top: 20px;padding-bottom: 15px;}
 #main-wrap h2 {text-align: center;color: black;margin-top: 10px}
 h1+p {padding-top: 20px;}
 .large-wrap {text-align: center;margin: auto;}
 .middle-wrap {display: inline-block;width: 39%;padding-left: 5%;padding-right: 5%; padding-bottom: 20px; vertical-align: top;}
 #main-wrap .middle-wrap h2{text-align: left; font-size: 1.7em; color: #0081CC;}
 .middle-wrap p {text-align: left;}
 hr {border: 0px;border-top: 2px solid #eee;}
 hr.page-hr {display: block;margin-top:20px;margin-bottom:20px;width: 100%;border-color: #9d9d9d;}
 #footer-wrap hr.page-hr{width:80%;}
 hr.mobile-hr {display: none;margin-top:20px;margin-bottom:0px;padding-bottom:20px;width: 85%;border-top: 2px solid #eee;}
 #find-us-moblie {display: none;}
 #find-us-moblie .contFoot {text-align: center;padding-bottom: 30px;}
 #wcontent {width: 100%;}



@media screen and (max-width: 600px){
 .miniImg {display: block;}
 .bigImg {display:none;}
}

@media screen and (max-width: 680px){
  #footer-wrap,#header-wrap,#nav-wrap,hr.page-hr {display: none;}
  #header, #footer,#find-us-moblie,hr.mobile-hr{display: block;}
  .middle-wrap {width: 90%;}
  #main-wrap{padding-top:73px;}
}

@media screen and (max-width: 960px){
  .container {width: 100%;}
}

@media (max-width: 992px) {
  .postload {height: 100%;}
}


/* Thankyou页面 404页面样式*/
#main-wrap .notice-container {display: flex;justify-content: center;align-items: center;min-height: 10vh;width: 100%;/* 优先使用100%而非100vw */padding: 20px;box-sizing: border-box;}
#main-wrap .notice-text {font-size: clamp(16px, 4vw, 36px);font-weight: 700;line-height: 1.6;max-width: 90%;text-align: center;margin: 0 auto;/* 双重居中保障 */padding: 15px;}

/* 4-0-4页面回到首页按钮*/
#main-wrap .return-home {padding: 15px 30px;background: linear-gradient(135deg, #8ee782, #15b136);color: white;border: none;border-radius: 8px;font-size: clamp(12px, 2vw, 20px);font-weight: 700;line-height: 1.6;max-width: 90%;cursor: pointer;transform-style: preserve-3d;transition: all 0.3s;box-shadow: 0 10px 20px rgba(0,0,0,0.2);}
#main-wrap .return-home:hover {transform: translateY(-5px) rotateX(10deg);box-shadow: 0 15px 30px rgba(0,0,0,0.3);}
#main-wrap .return-home:active {transform: translateY(0) rotateX(0);}