/*---mo-huake-header---*/

.huake_sitetop {background:#06304F;height:46px;}

.huake_sitetop > .wp{height:100%;display:flex;justify-content:space-between;align-items:center;}

.huake_sitetop .left,.huake_sitetop .right{display:flex;align-items:center;}

.huake_sitetop .left p{float:left;font-size:14px;color:#fff;padding:0 0 0 28px;line-height:46px;}
.huake_sitetop .left p.tel {background:url("pics/c1.png") no-repeat left center;}
.huake_sitetop .left p.email {background:url("pics/c2.png") no-repeat left center;margin:0 0 0 45px;}
.huake_sitetop .left p a {color:#fff;}

.huake_sitetop span.mo-header-menu,.huake_sitetop span.mo-header-search{width:50px;height:50px;display:none;line-height:50px;color:#fff;text-align:center;}
.huake_sitetop span.mo-header-menu i{font-size:24px;}
.huake_sitetop span.mo-header-search i{font-size:21px;}

.huake_sitetop .share{font-size:0;}
.huake_sitetop .share a {width:22px;height:22px;line-height:22px;background:none;border-radius:0;display:inline-block;text-align:center;margin:0 10px 0 0;box-sizing:border-box;}
.huake_sitetop .share a i {font-size:16px;color:#fff;}


[lang=es] .huake_sitetop p {font-size:12px;}
[lang=pt] .huake_sitetop p {font-size:12px;}
[lang=pt] .huake_sitetop p a {margin:0 8px;}
[lang=ru] .huake_sitetop p {font-size:12px;}
[lang=fr] .huake_sitetop p {font-size:12px;}
[lang=fr] .huake_sitetop p a {margin:0 10px;font-size:13px;}
[lang=it] .huake_sitetop p a {font-size:13px;}
[lang=fr] .huake_sitetop span.email {margin:0 0 0 5px;}
[lang=ru] .huake_sitetop span.email {margin:0 0 0 5px;}
[lang=ru] .huake_sitetop p a {font-size:14px;}
[lang=es] .huake_sitetop span.email {margin:0 0 0 5px;}
[lang=es] .huake_sitetop p a {margin:0 5px;font-size:12px;}
[lang=es] .huake_sitetop p a:not(:last-child)::after {right:-5px;}
[lang=es] .huake_sitetop .share a {width:16px;}


.huake_sitetop .right p a {color:#fff;margin:0 15px;position:relative;line-height:46px;font-size:14px;}
.huake_sitetop .right p a:not(:last-child)::after {content:'';position:absolute;right:-15px;top:5px;width:1px;height:10px;background:#99D7B7;overflow:hidden;}

.huake-header-lang {position:relative;z-index:200;font-family:var(--font-family);margin-left:30px;}
.huake-header-lang .box{height:46px;cursor:pointer;display:flex;align-items:center;}
.huake-header-lang .box img{border-radius:50%;}
.huake-header-lang .box em {margin:0 10px;line-height:22px;font-size:12px;color:#fff;}
.huake-header-lang .box i{line-height:22px;font-size:12px;color:#fff;}
.huake-header-lang-active .box {border:1px solid #e1e1e1;}
.huake-header-lang-active .box i {color:var(--bg-color-second);}
.huake-header-lang ul {display:flex;overflow:hidden;width: 200px;padding:0 25px;position:absolute;left:0;top:46px;z-index:200;background:#fff;border:1px solid #EBEBEB;border-top:none;box-sizing:border-box;flex-wrap: wrap;height: 300px;overflow: auto;}
.huake-header-lang .language{
    display:none; 
}
.huake-header-lang ul li {width: 50%;line-height:32px;border-bottom:1px solid rgba(51,51,51,.2);}
.huake-header-lang ul li:last-child {border:none;}
.huake-header-lang ul li a {color:var(--btn-bg);font-size:12px;}
.huake-header-lang ul li a:hover {color:var(--link-color-hover);}
.huake-header-lang ul li img {vertical-align:middle;margin-right:10px;border-radius:50%;}
.huake-header-lang:hover .box {}
.huake-header-lang:hover .language {display:block;}



.huake-mo-search {padding:15px 15px;display:none;position:absolute;left:0;top:46px;width:100%;background:#333;}
.huake-mo-search .form-control {float:left;display:block;box-sizing:border-box;width:85%;height:34px;padding:6px 12px;font-size:14px;line-height:1;color:#555;background-color:#fff;background-image:none;border:none;border-radius:4px 0 0 4px;}
.huake-mo-search .submit_btn {float:left;width:15%;height:34px;line-height:34px;background:#1055A2;border:none;font-size:18px;color:#fff;border-radius:0 4px 4px 0;}
.huake-mo-leftmenu {background:#F5F5F5;position:fixed;top:0;left:0;bottom:0;overflow-x:hidden;box-sizing:content-box;width:70%;max-width:350px;-webkit-overflow-scrolling:touch;z-index:105 !important;-webkit-transition:all .4s cubic-bezier(0.7,0,0.2,1);-ms-transition:all .4s cubic-bezier(0.7,0,0.2,1);transition:all .4s cubic-bezier(0.7,0,0.2,1);-webkit-box-shadow:0 0 40px rgba(82,85,90,0.1);box-shadow:0 0 40px rgba(82,85,90,0.1);-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}
.huake-mo-leftmenu .tit {height:50px;line-height:50px;background:#353535;}
.huake-mo-leftmenu .tit h6 {float:left;color:#fff;padding:0 0 0 20px;font-size:20px;font-weight:bold;font-family:var(--font-family);}
.huake-mo-leftmenu .tit span {float:right;cursor:pointer;width:50px;text-align:center;}
.huake-mo-leftmenu .tit span i {color:#fff;font-size:16px;}
.huake-mo-leftmenu>ul {}
.huake-mo-leftmenu>ul>li {line-height:40px;font-size:15px;border-top:2px solid #e5e5e5;position:relative;}
.huake-mo-leftmenu>ul>li>a {padding:0 0 0 20px;}
.huake-mo-leftmenu>ul>li>i {position:absolute;color:#333;font-size:12px;top:0;right:0;z-index:1;width:40px;line-height:40px;text-align:center;cursor:pointer;}
.huake-mo-leftmenu>ul>li.active {}
.huake-mo-leftmenu ul li a {color:#333;display:block;}
.huake-mo-leftmenu ul li a:hover {text-decoration:none;}
.huake-mo-leftmenu ul li ul {display:none;padding-bottom:10px;}
.huake-mo-leftmenu ul li ul li {line-height:35px;}
.huake-mo-leftmenu ul li ul li a {background:url("pics/d.png") no-repeat 25px center;padding:0 0 0 40px;}
.menu-transitioning {-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}

/*---huake-header---*/

.huake-header{height:98px;}
.huake-header-box{background:#fff;height:98px;box-shadow:0 0 6px rgba(63,62,62,0.08);}

.header-fix{position:fixed;z-index:30;width:100%;top:0;left:0;right:0;    background: rgb(255, 255, 255, 0.6);}

.huake-header .wp {height:100%;display:flex;justify-content:flex-start;align-items:center;justify-content:space-between;}
.huake-header .logo {}
.huake-header .logo img{height:70px;}
.huake-header-right {display:flex;align-items:center;}
.huake-nav {}
.huake-nav > ul {display:flex;justify-content:center;}
.huake-nav > ul > li {position:relative;}
.huake-nav > ul > li+li {margin-left:30px;}
.huake-nav > ul > li > a {display:block;font-size:18px;color:#06304F;padding:0 5px;height:54px;line-height:54px;text-align:center;font-family:var(--font-family2);font-weight:600;}
.huake-nav > ul > li ul {position:absolute;width:240px;height:auto;left:-20px;text-align:left;top:54px;z-index:1000;padding:10px;background:#fff;box-shadow:rgba(0,0,0,0.14) 0px -6px 9px 0px;opacity:0;visibility:hidden;transition:all .4s ease 0s;transform:translate3d(0,10px,0);-webkit-transform:translate3d(0,10px,0);}
.huake-nav > ul > li > ul::before {content:'';position:absolute;left:60px;margin:0;top:-8px;overflow:hidden;display:inline-block;border-right:8px solid transparent;border-bottom:8px solid #fff;border-left:8px solid transparent;}
.huake-nav > ul > li:nth-child(4) > ul::before {left:48px;}
.huake-nav > ul > li:nth-child(5) > ul::before {left:38px;}
.huake-nav > ul > li > ul li {border-bottom:1px solid #EDEDED;position:relative;}
.huake-nav > ul > li > ul li:last-child {border:none;}
.huake-nav > ul > li > ul li > a {display:block;border-radius:4px;padding:9px 15px 9px 10px;color:#333;font-size:16px;line-height:21px;text-transform:capitalize;}
.huake-nav > ul > li > ul > li > a {padding-right:20px;}
.huake-nav > ul > li > ul li > a i {position:absolute;right:10px;top:10px;font-size:11px;}
.huake-nav > ul > li > ul li > a:hover {background:#000A2E0;color:#fff;}
.huake-nav > ul > li > ul li ul {left:230px;top:0;}
.huake-nav > ul > li:hover > a,.huake-nav > ul > li.active > a {color:#00A2E0;}
.huake-nav ul ul li:hover > a {background:var(--active-color);color:#fff;}
.huake-nav ul li:hover > ul {opacity:1;visibility:visible;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);}
[lang=es] .huake-nav ul li {padding:0 5px;}
[lang=pt] .huake-nav ul li {padding:0 5px;}
[lang=ru] .huake-nav ul li {padding:0 5px;}
[lang=de] .huake-nav ul li {padding:0 5px;}
[lang=fr] .huake-nav ul li {padding:0 5px;}
[lang=ar] .huake-nav ul li {padding:0 5px;}
[lang=nl] .huake-nav ul li {padding:0 5px;}
[lang=ko] .huake-nav ul li {padding:0 5px;}
.huake-search {margin:0 0 0 20px;border:1px solid #E1E1E1;background:#fff;border-radius:4px;position:relative;}
.huake-search .submit_text {border:none;width:238px;height:38px;line-height:38px;padding:0 45px 0 20px;float:left;color:#000;font-size:13px;background:none;box-sizing:border-box;}
.huake-search .submit_btn {position:absolute;top:0;right:0;width:40px;background:none;height:38px;line-height:38px;text-align:center;display:block;cursor:pointer;box-sizing:border-box;}
.huake-search .submit_btn i {color:#666;font-size:23px;}
.huake-header-right .mo-header-menu {width:40px;height:40px;line-height:40px;color:#333;text-align:center;display:none;}
.huake-header-right .mo-header-menu i {font-size:24px;}

@media screen and (max-width:1450px) {
.wp {width:1200px;padding-right:0;padding-left:0;}
.huake_sitetop span .email {margin:0 0 0 25px;}
.huake_sitetop p a {margin:0 10px;}
.huake_sitetop p a:not(:last-child)::after {right:-10px;}
.huake-nav ul li>a {font-size:20px;}
}

@media screen and (max-width:1300px) {
.wp {width:100%;padding-right:30px;box-sizing:border-box;padding-left:30px;}
.huake-nav ul li>a {font-size:18px;}
}

@media screen and (max-width:1250px) {
.huake_sitetop .share {display:none;}
}

@media screen and (max-width:1200px) {
.huake-nav ul li {padding:0 15px;}
}

@media screen and (max-width:1100px) {
.huake_sitetop p,.huake-nav {display:none;}
.huake-header-right .mo-header-menu {display:block;}
.huake-search {margin:0 15px 0 0;}
}

@media screen and (max-width:768px) {
.visible-xs-block {display:block;}
.wp,.wp2 {padding-right:10px;padding-left:10px;}
.huake_sitetop span,.huake_sitetop p,.huake_sitetop .share,.huake-nav,.huake-header-right .mo-header-menu,.huake-search{display:none;}
.huake_sitetop .wp {padding-left:0;}
.huake_sitetop span.mo-header-menu, .huake_sitetop span.mo-header-search{display:block;}
.huake-header{height:auto;}
.huake-header-box{height:auto;padding:10px 0;position:static !important;}
.huake-header .wp {display:block;}
.huake-header .logo {text-align:center;}
.huake-header .logo img{height: 60px;}
.share a {width:34px;height:34px;line-height:34px;margin:0 3px;}
.share a i {font-size:18px;}
.huake-header-lang{margin-left:10px;}
  
}

@media only screen and (max-width:1450px) {
.huake-nav > ul > li+li {margin-left:0px !important;}
.huake-nav ul li {padding:0 !important;}
}

@media only screen and (max-width:1260px) and (min-width:1100px) {
.huake-search .submit_text {width:138px;}
}

@media only screen and (max-width:992px) {

}