@media (min-width: 1371px) {
.wrap1310 {
width: 1370px;
margin: 0 auto;
padding: 0 30px;
box-sizing: border-box;
}
}
.mobile-block{
display: none;
}
#header p, #header a, #header img, #header ul, #header li, #header dl, #header dt, #header dd{
margin:0px;
padding:0px;
}
#header ul {
list-style: none;
}
#header ul  li{
list-style: none;
}
#header {
width: 100%;
border-bottom: 1px solid #EAEAEA;
background-color: #fff;
height:64px;
}
#header .header-all {
height: 100%;
}
#header .header-wrap {
height: 100%;
text-align: center;
}
#header .header-wrap .header-logo {
display: flex;
width: 184px;
height: 100%;
align-items: center;
float: left;
position: relative;
top: 21px;
}
#header.global-header .header-logo{
 top:0px;
}
#header .header-wrap .header-logo svg {
width: 100%;
width:184px;
height:23px;
/* height: 100%; */
}
#header .header-wrap .header-navbar {
height: 100%;
list-style: none;
display: inline-block;
cursor: default;
}
#header .header-wrap .header-navbar .navbar-nav-list{
/* padding: 0 100px; */
}
#header .header-wrap .navbar-nav-list.right{
padding-left: 20px;
box-sizing: border-box;
}
#header .header-wrap .header-navbar li.nav-left-item {
float: left;
list-style: none;
font-size: 16px;
color: #333333;
height: 100%;
height: 64px;
line-height: 64px;
/* cursor: pointer; */
}
#header .header-wrap .header-navbar li.nav-left-item>span{
  cursor: pointer;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box {
position: absolute;
width: 100%;
height:100vh;
left: 0px;
top:64px;
z-index: -1;
opacity: 0;
visibility: hidden;
display: none;
}
#header .header-wrap .header-navbar:hover li.nav-left-item:not(.lang) .nav-box{
display: block !important;
}
#header .header-wrap li.nav-left-item.lang span{
display: inline-block;
/* line-height: 78px;
height: 78px; */
}
#header .header-wrap .header-navbar li.nav-left-item.active .nav-box{
  background-color: rgba(0, 0, 0, 0.3);
  visibility: visible;
  opacity: 1;
  z-index: 10001;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask {
  text-align: left;
  box-sizing: border-box;
  padding: 38px 0px 0px;
  height: auto;
  overflow: hidden;
  background-color: #fff;
  z-index:99999;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask.product-mask{
 max-height: 892px;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask.support-mask .support-line-box{
min-height: 400px;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask.solution-mask{
  transition: height 0.3s ease;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .product-line-box{
position: relative;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask.product-mask .product-line-box{
  padding-bottom:20px;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .product-ul-box ul{
  border-top: 1px solid #EAEAEA;
  padding:15px 15px 15px 0px;
  height: 80px;
  box-sizing: border-box;
  overflow: hidden;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .product-ul-box ul li{
  float:left;
  margin-right:80px;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .product-ul-box ul li:nth-of-type(n+5){
  display: none;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .product-ul-box ul li>div{
  height: 46px;
  overflow: hidden;
  line-height: 46px;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .product-ul-box ul li a{
  font-size: 14px;
  color: #000;
  letter-spacing: 0;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .more:not(dd){
  display: none;
  cursor: pointer;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask.solution-mask .more.solution-more{
bottom:-65px;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .wrap1310 {
position: relative;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .wrap1310 .clear-mask{
cursor: pointer;
position: absolute;
right:30px;
top:0px;
font-size: 24px;
transform: scaleX(1.25);
z-index: 10000;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul {
width: 100%;
position: relative;
z-index: 9999;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li a{
color: #333;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
cursor: pointer;
width: 100%;
font-size: 14px;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li {
color: #000000;
letter-spacing: 0;
width: 100%;
margin-left: -1.2%;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask:not(.solution-mask) .box-ul>li:nth-of-type(n+13){
  display: none;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask.solution-mask .box-ul>li:nth-of-type(n+17){
display: none;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li .img-div{
float:left;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li.title {
  font-weight: bold;
  font-size: 26px;
  margin-left: 0;
  line-height: 60px;
  height: 60px;
  margin-top: -40px;
  position: relative;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li.title a{
  position: relative;
  font-size: 26px;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li.title a::after{
  position: absolute;
  content: "";
  width: 100px;
  height: 1px;
  background-color: black;
  left: 0px;
  bottom: 10px;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li.title a{
  width: auto;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li > p {
  height: 40px;
  width: 24%;
  float: left;
  font-size: 16px;
  line-height: 40px;
  padding-left: 15px;
  box-sizing: border-box;
  margin-right: 1%;
  overflow: hidden;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li.active > p {
  background-color: rgba(239,239,239,0.8);
  font-weight: bold;
  position: relative;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li.active > p::after {
  content: '';
  position: absolute;
  top: -2px;
  right: 20px;
  background: center / contain no-repeat url('/wp-content/themes/hkv_cp/assets/images/Right Arrow.png');
  width: 6px;
  height: 46px;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li .second-dl{
  position: absolute;
  width: 71%;
  left: 28.8%;
  top: 60px;
  z-index:9999;
  display: none;
}
#header:not(.global-header) .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li .second-dl{
  left: 22.8%;
  box-sizing: border-box;
  padding-left: 6%;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li.active .second-dl{
display: block;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li .second-dl dl{
transition: opacity 0.6s linear;
opacity: 0;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li.active .second-dl dl{
opacity: 1;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li .second-dl > dl {
float: left;
width: 50%;
box-sizing: border-box;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li .second-dl > dl.short {
width: 100%;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li .second-dl > dl.length {
width: 55%;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li .second-dl > dl dd {
height: 40px;
line-height: 40px;
text-indent: 20px;
width: 100%;
overflow: hidden;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask:not(.supportM-mask) .box-ul li .second-dl > dl dd.solve-dd:nth-of-type(n + 6){
display: none;
}

#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li .second-dl > dl dd.solve-dd li {
width: 100%;
padding:20px 20px 20px 0px;
box-sizing: border-box;
margin-left: 0px;
height:102px;
max-height:102px;
overflow: hidden;
cursor: pointer;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li .second-dl > dl dd.solve-dd li div.img-div {
width: 20% !important;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li .second-dl > dl dd.nav-dd.solve-dd {
height: auto;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li .second-dl > dl dd.nav-dd li.boxli.active{
background-color: rgba(239, 239, 239, 0.6);
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li.product-dd-li .product-nav-detail-box li{
height:100px;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li .second-dl > dl dd.nav-dd li a.fis-a{
display: block;
width: 39%;
padding-left: 20px;
box-sizing: border-box;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li .second-dl > dl dd.nav-dd li.active a.fis-a{
background-color: rgba(239, 239, 239, 0.6);
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li .second-dl > dl dd.nav-dd li.product-dd-li .nav-detail-box{
display: none;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li .second-dl > dl dd.nav-dd li.product-dd-li.active .nav-detail-box{
display: block;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li .second-dl > dl dd.nav-dd>li div.img-div {
min-width:106px;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li .second-dl > dl dd.nav-dd li div.img-div {
float: left;
max-width: 106px;
max-height:59.625px;
width: 106px;
height:59.625px;
background-size: cover;
background-repeat: no-repeat;
position: relative;
left:-20px;
top:-5px;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li .second-dl > dl dd.nav-dd li div.img-div img {
width: 100%;
height:100%;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li .second-dl > dl dd.nav-dd li div.content-div {
margin-left: 0%;
overflow: hidden;
text-indent: 0px;
padding-left:15px;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li .second-dl > dl dd.nav-dd li div.content-div p:not(.title) {
word-break: break-word;
line-height:22px;
max-height:52px;
font-size: 13px;
position: relative;
top:0px;
width: 90%;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li .second-dl > dl dd.nav-dd li div.content-div p.title {
  font-size: 14px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  position: relative;
  line-height:26px;
  top:-5px;
  padding-right: 10px;
  font-weight: bold;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li .second-dl > dl dd.nav-dd li div.content-div p.title  svg{
  font-size:32px;
  position: relative;
  top:6px;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li .second-dl > dl dd.nav-dd li div.content-div p.title  svg.svg-icon{
  font-size: 28px;
  top:-5px;
  width:28px;
  height: 9px;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li .second-dl > dl dd.nav-dd li div.content-div p.title  svg.svg-icon.hot{
  height: 10px;
  top:-4px;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li .second-dl > dl dd.nav-dd li div.content-div p.title em{
  font-size:14px;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li .second-dl > dl dd.nav-dd li div.content-div p.title svg.new{
  color:#D7150E;
  width: 30px;
  font-size: 30px;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li .second-dl > dl dd.nav-dd li div.content-div p.title svg.hot{
  color:#FF9000
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li .second-dl .nav-detail-box {
  position: absolute;
  padding-left: 50px;
  box-sizing: border-box;
  top: 0px;
  right: 0;
  max-height: 432px;
  width: 55%;
  padding-bottom: 20px;
  background-color: #fff;
  cursor: default;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li .second-dl .product-dd-li .nav-detail-box.length{
right: 0%;
width: 57%;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li .second-dl .nav-detail-box img {
width: 100%;
height: 100%;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li .second-dl .nav-detail-box.length {
  width: 55%;
  overflow-x: hidden;
  overflow-y: auto;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li .second-dl .nav-detail-box.short {
width: 36%;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li .second-dl .nav-detail-box ul li div.img-div {
float: left;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li .second-dl .nav-detail-box ul li div.img-div img {
width: 100%;
position: relative;
top:10px;
left:-20px;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li .second-dl .nav-detail-box ul li div.content-div {
float: left;
margin-left: 6%;
overflow: hidden;
max-width: 74%;
text-indent: 0px;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li .second-dl .nav-detail-box ul li div.content-div p:not(.title) {
text-indent: 0px;
font-size: 13px;
line-height: 32px;
overflow: hidden;
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
#header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li .second-dl .nav-detail-box ul li div.content-div p.title {
font-size: 16px;
}
#header .header-wrap .header-navbar li.nav-left-item .box-ul li.active .second-dl{
display: block !important;
}
#header .header-wrap .header-navbar li.nav-left-item{
padding: 0px 20px;
box-sizing: border-box;
}
#header .header-wrap .header-navbar li.nav-left-item:nth-of-type(1){
padding-left: 100px;
}
#header .header-wrap .header-navbar li.nav-left-item span{
display: inline-block;
line-height: 64px;
height:64px;
}
#header .header-wrap .header-navbar li.nav-left-item:hover span{
border-bottom: 3px solid #D71820;
}
#header .header-wrap .header-rightBar {
float: right;
}
#header .header-wrap .header-rightBar ul li {
float: left;
line-height: 64px;
}
#header .header-wrap .header-rightBar ul li:not(:nth-of-type(1)) {
box-sizing: border-box;
}
#header .header-wrap .header-rightBar ul li.nav-left-item:nth-of-type(2){
padding-left:20px;
padding-right: 20px;
}
#header .header-wrap .header-rightBar ul li.nav-left-item:nth-of-type(4){
  padding-left: 20px;
}
#header .header-wrap .header-rightBar ul li a:not(.highlight-button) {
cursor: pointer;
transition: all 2s;
color:#333;
}
#header .header-wrap .header-rightBar ul li a:hover{
  text-decoration: none;
}
#header .header-wrap .header-rightBar ul li a.search {
cursor: pointer;
}
.navigation {
display: none;
}
.mobile-search-icon {
display: none;
}
.mobile-bottom-nav {
display: none;
}
.mobile-nav {
display: none;
}
</style>
<style class="global-new-header-css">

     #header.global-header {
     height: 64px;
     }
     #header.global-header .mobile-new-search {
         display: none;
     } 
     #header.global-header .header-wrap .header-navbar li.nav-left-item {
     height: 64px;
     line-height: 64px;
     }
 
     #header.global-header .header-wrap .header-navbar li.nav-left-item .nav-box {
         cursor: default;
         top: 64px;
     }
     #header.global-header .header-wrap .header-navbar li.nav-left-item a.fis-title{
         display: inline-block;
         line-height: 64px;
         height: 64px; 
         color:#333;
         cursor: pointer;
     }
     #header.global-header .header-wrap .header-navbar li.nav-left-item a.fis-title.not-click{
         cursor: default;
         pointer-events: none !important;
 
     }
     #header.global-header .header-wrap .header-navbar li.nav-left-item span {
         line-height: 64px;
         height: 64px;
     }
 
     #header.global-header .header-wrap .header-rightBar ul li {
         line-height: 64px;
     }
     #header.global-header .header-wrap .commercial-item{
         padding-right: 40px;
         position: relative;
         line-height: 64px;
     }
     #header.global-header .header-wrap .commercial-item.rtl{
         display: none;
     }
     #header.global-header .header-wrap .commercial-item::after{
         position: absolute;
         content: "";
         background-color: #eaeaea;
         height: 26px;
         width: 1px;
         right:15px;
         top: 19px;
     }
     #header.global-header .header-wrap .commercial-item a.highlight-button{
         font-family: 'OpenSansSemiBold';
         font-size: 16px;
         color:#333;
     }
     #header.global-header .header-wrap .commercial-item a.highlight-button:hover{
         color: #D71820;
         text-decoration: none;
     }
     #header.global-header .header-wrap .commercial-item .commercial-arrow{
         transform: translateY(0px);
         animation: commercial-active 1s linear infinite;
         color: #D71820;
     }
     #header.global-header .header-wrap .commercial-item .commercial-arrow.hilook{
         color: #00A7E2;
     }
     @keyframes commercial-active {
         0% {
           transform: translate(0px, 0px);
         }
         50% {
             transform: translate(3px, -3px);
         }
         100% {
             transform: translate(0px, 0px);
         }
    }
     #header.global-header .login-tip {
         white-space: nowrap;
         position: absolute;
         top: 52px;
         left: 0px;
         opacity: 0.8;
         background: #000000;
         line-height: 100%;
         border-radius: 5px;
         display: none;
         z-index: 99999;
         cursor: default;
     }
     .text-primary-color-2 {
       color: #505050;
     }
     #header.global-header .header-wrap .search-div {
     float: none;
     width: 60%;
     text-align: left;
     margin: 0 auto;
    }
    #header.global-header+.mobile-block {
     height: 48px;
     }
 
     #header.global-header .header-wrap .header-nav .mobile-nav ul {
         padding: 0;
     }
     #header.global-header .header-wrap .header-nav .mobile-nav ul li {
     border-bottom: 1px solid #EAEAEA;
     }
     #header.global-header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li.active > p::after {
       top:0px;
     }
     #header.global-header .header-mobile-icon {
         display: none;
     }
     @media (max-width: 1370px) {
     #header.global-header .header-wrap .header-navbar li.nav-left-item a.fis-title{
         font-size: 16px;
     }
     #header.global-header .header-wrap .header-navbar li.nav-left-item span{
         font-size: 16px;
     }
     #header.global-header .header-wrap .header-navbar li.nav-left-item{
         padding: 0px 20px;
     }
    } 
    @media(max-width:1080px){
     #header.global-header .header-wrap .header-navbar li.nav-left-item:nth-of-type(1){
         padding-left: 20px;
     }
    }
    @media only screen and (max-width: 991px) {
     #header.global-header .header-wrap .header-nav {
         float: none;
         margin-top: 0;
         height: 100%;
     }
     #header.global-header.new-header-mobile {
         height: 48px;
     }
     #header.global-header .log-and-icon-container {
         display: flex;
         justify-content: space-between;
         align-items: center;
         height: 100%;
     }
     #header.global-header .header-a {
         font-size: 0;
     }
     #header.global-header .header-wrap .header-logo {
         float: none;
         position: relative;
         top: 0px;
         left: 0;
         transform: none;
     }
     #header.global-header .header-nav-right-container {
         display: flex;
     }
     #header.global-header .header-wrap .header-nav .navigation {
         top: auto;
     }
     #header.global-header .header-wrap .header-nav .navigation .navigation-span-warp,
     #header.global-header .header-wrap .header-nav .navigation .nav-cha {
         position: relative;
         width: 24px;
         height: 24px;
     }
     #header.global-header .header-wrap .header-nav .navigation .navigation-span-warp,
     #header.global-header .header-wrap .header-nav .navigation .nav-cha svg{
         font-size:24px;
     }
     #header.global-header .header-wrap .header-nav .mobile-nav {
         top: 0;
     }
     #header.global-header .header-mobile-icon {
         margin-right: 16px;
         height: 24px;
         width: 24px;
         display: block;
     }
     #header.global-header .header-mobile-icon svg{
         font-size: 24px;
     }
     #header.global-header .mobile-new-search {
         display: none;
         z-index: 999;
         position: fixed;
         background: #fff;
         height: 100%;
         width: 100%;
         left: 0;
         right: 0;
         top: 0;
     }
     #header.global-header .header-wrap .header-nav .mobile-nav {
         height: 100%;
     }
    }

     #header.global-header .header-wrap .header-navbar li.nav-left-item:hover span{
         border-bottom: 3px solid #D71820;
         color:#D71820;
     }
     #header.global-header .header-wrap .header-navbar li.nav-left-item a:hover{
         text-decoration: none;
     }
     #header.global-header .header-wrap .header-navbar li.nav-left-item:hover a.fis-title{
         border-bottom: 3px solid #D71820;
         color:#D71820;
     }
     #header.global-header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .product-ul-box{
         border-bottom: none;
         border-top: 1px solid #eaeaea;
         margin-top: 10px;
     }
     #header.global-header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li .second-dl .nav-detail-box ul li div.img-div img{
         top:0px;
         /* left:0px; */
     }
     #header.global-header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li .second-dl > dl dd.nav-dd li div.content-div p:not(.title){
         line-height: 22px;
     }
     #header.global-header .header-wrap .header-all{
         display: flex;
     }
     #header.global-header .header-wrap .header-navbar{
         flex:1;
         text-align: center;
 
     }
     #header.global-header .header-wrap .header-navbar .navbar-nav-list{
         display: inline-block;
     }
     #header.global-header .header-wrap .navbar-nav-list.right{
         padding-left: 0px;
     }
     #header.global-header .header-wrap .header-logo.mobile{
         display: none;
     }
     #header.global-header .header-wrap .header-navbar li.nav-left-item .nav-box .mask.support-mask .box-ul li .second-dl .nav-detail-box{
         max-height:360px;
     }
     #header.global-header .header-wrap .product-nav-detail-box .boxli{
         padding-top: 20px;
     }
     #header.global-header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li.solution-li .second-dl > dl dd.solution-top-more{
         position: absolute;
         top:-40px;
         text-indent:0px
     }
     #header.global-header .header-wrap .header-navbar li.nav-left-item .nav-box .mask.support-mask .box-ul li .second-dl .nav-detail-box{
         max-height:320px;
     }
     #header.global-header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li.title{
         height: auto;
         line-height: normal;
         padding: 12px 0 16px;
     }
     #header.global-header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li.title a{
         position: relative;
         line-height: 36px;
         padding-bottom: 2px;
         font-size: 26px;
     }
     #header.global-header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li.title a::after{
         content:'';
         display:block;
         width:100%;
         height:1px;
         position:absolute;
         bottom:0;
         background:#000;
         transition:all 0.3s ease-in-out;
         transform: scale3d(1,1,1);
         transform-origin:50% 0;
     }
     #header.global-header .header-wrap .header-rightBar.on-secondary-nav {
         position: relative;
         z-index: 999999;
     }
     #header.global-header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li > p{
         line-height: normal;
         height: auto;
         font-size: 0;
     }
     #header.global-header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .more:not(dd){
         bottom:10px;
     }
     #header.global-header .header-wrap .header-navbar li.nav-left-item .nav-box .mask.product-mask{
         height:auto;
         min-height: auto;
     }
     #header.global-header .header-wrap .header-navbar li.nav-left-item .nav-box .mask.about-mask{
         height:auto;
         min-height:280px;
     }
     #header.global-header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li .second-dl > dl dd.nav-dd li div.img-div{
         max-width:108px;
         min-width:108px;
         height:72px;
         max-height:72px;
     }
     #header.global-header .header-wrap .header-navbar li.nav-left-item a.fis-title{
         font-size:20px;
     }
     #header.global-header .header-wrap .header-navbar li.nav-left-item span{
         font-size:20px;
     }
     #header.global-header .header-wrap .header-navbar li.nav-left-item{
         padding: 0px 32.5px;
     }
 
     #header.global-header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .product-ul-box{
         top:0px;
         z-index: 999999;
         padding:0 25px;
     }
     #header.global-header .header-wrap .header-rightBar ul li a img{
         height:20px;
     }
     #header.global-header .header-wrap .header-rightBar ul li.lang{
         position: relative;
     }
     #header.global-header .header-wrap .header-rightBar ul li.lang .dots{
         position: absolute;
         width: 210px;
         height:2px;
         left:40px;
         background-color: #fff;
     }
     #header.global-header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li a .iocns{
         margin-left:6px;
     }
     #header.global-header .header-wrap .header-rightBar.on-secondary-nav ul li.lang .dots span.triangle1{
         position: absolute;
         top:-16px;
         left: 30px;
         width: 0;
         height: 0;
         overflow: hidden;
         border-width: 8px;
         border-color: transparent transparent #EAEAEA transparent;
         border-style: dotted dotted solid dotted;
     }
     #header.global-header .header-wrap .header-rightBar.on-secondary-nav ul li.lang .dots span.triangle2{
         position: absolute;
         top:-14px;
         left: 30px;
         width: 0;
         height: 0;
         overflow: hidden;
         border-width: 8px;
         border-color: transparent transparent #fff transparent;
         border-style: dotted dotted solid dotted;
     }
     #header.global-header .header-wrap .header-rightBar ul li{
         position: relative;
     }
     #header.global-header .header-wrap .header-rightBar ul li .login-username-dropdown.ul-dropdown{
         position: absolute;
         top:68px;
         left: -120px;
         width: 190px;
         background: #FFFFFF;
         border: 1px solid #EAEAEA;
         box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.06);
         opacity: 0;
         transition: opacity 0.5s;
     }
     .rtl #header.global-header .header-wrap .header-rightBar ul li .login-username-dropdown.ul-dropdown{
        left: 0px;
     }
     #header.global-header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .more.fmore:not(.product-more){
         bottom: 5px;
     }
     #header.global-header .header-wrap .header-navbar li.nav-left-item .nav-box .mask.solution-mask .more.solution-more{
         bottom: -15px;
     }
     #header.global-header .header-wrap .header-rightBar ul li .login-username-dropdown.ul-dropdown span.triangle1{
         position: absolute;
         top:-16px;
         left: 140px;
         width: 0;
         height: 0;
         overflow: hidden;
         border-width: 8px;
         border-color: transparent transparent #EAEAEA transparent;
         border-style: dotted dotted solid dotted;
     }
     .rtl  #header.global-header .header-wrap .header-rightBar ul li .login-username-dropdown.ul-dropdown span.triangle1{
        left: 20px;
     }
     #header.global-header .header-wrap .header-rightBar ul li .login-username-dropdown.ul-dropdown span.triangle2{
         position: absolute;
         top:-14px;
         left: 140px;
         width: 0;
         height: 0;
         overflow: hidden;
         border-width: 8px;
         border-color: transparent transparent #fff transparent;
         border-style: dotted dotted solid dotted;
     }
   .rtl #header.global-header .header-wrap .header-rightBar ul li .login-username-dropdown.ul-dropdown span.triangle2{
     left:20px;
   }
     #header.global-header .header-wrap .header-rightBar ul li .login-username-dropdown.ul-dropdown li{
         float: none;
         width: 100%;
         padding-left:0px;
         line-height: 28px;
         margin:10px 0px;
         font-size:14px;
         text-align: left;
         text-indent: 10px;
     }
 
     #header.global-header .header-wrap .header-rightBar ul li .login-username-dropdown.ul-dropdown li:not(:nth-last-of-type(1)){
         position: relative;
     }
     #header.global-header .header-wrap .header-rightBar ul li .login-username-dropdown.ul-dropdown li:not(:nth-last-of-type(1))::after{
         position: absolute;
         content: "";
         width:90%;
         left: 5%;
         height:2px;
         bottom: -8px;
         background-color: #EAEAEA;
     }
 
 
     #header.global-header .header-wrap .header-rightBar ul li a .login-btn{
         background-color: transparent;
         border: 0;
         height: 26px;
         width: 20px;
         overflow: hidden;
         position: relative;
         padding: 0;
         line-height: normal;
         border-radius: 0;
         outline: none;
         background-repeat: no-repeat;
         background-position: center;
         background-size: cover;
     }
     #header.global-header .header-wrap .header-rightBar ul li a .login-btn.lang-btn{
         position: relative;
         top:3px;
     }
     #header.global-header .header-wrap .header-rightBar ul li a .login-btn svg{
         font-size: 20px;
     }
     #header.global-header .header-wrap .header-rightBar ul li.logined a .login-btn{
        position: relative;
     }
     #header.global-header .header-wrap .header-rightBar ul li.logined a .login-btn::after{
        position: absolute;
        content: "✓";
        color: #fff;
        right: 1px;
        top: 13px;
        font-size: 6px;
     }
     #header.global-header .header-wrap .header-rightBar.on-secondary-nav ul li.logined a .login-btn::after{
        color: #000;
     }
     .hilook-page #header.global-header .header-wrap .header-rightBar ul li a .login-btn svg{
         position: relative;
         top: -1px
     }
     #header.global-header .header-wrap .header-rightBar.on-secondary-nav ul li a .login-btn svg{
         color:white;
     }
     #header.global-header .header-wrap .header-rightBar ul li a .login-btn:hover svg{
         color:#d7150e;
     }
     #header.global-header .header-wrap .header-rightBar ul li a.lang-a{
         position: relative;
         display: flex;
         left: 10px;
         top:18px;
     }
     #header.global-header .header-wrap .header-rightBar ul li a.lang-a .lang-selection-current{
        margin-left:10px;
        position: relative; 
     }
     #header.global-header .header-wrap .header-rightBar ul li a.lang-a .lang-selection-current span{
         line-height: 14px;
         width: 42px;
         display: block;
         font-size: 12px;
         text-align: left;
     }
     #header.global-header .header-wrap .header-rightBar ul li a img{
         height:100%;
     }
     #header.global-header .header-wrap .header-rightBar ul li a span.lang-txt{
         position: relative;
         top:3px;
     }
     #header.global-header .header-wrap .header-rightBar ul li a.login .login-btn img{
         position: relative;
         top: 0px;
         left: -56px;
     }
     #header.global-header .header-wrap .header-rightBar.on-secondary-nav ul li a.login .login-btn img {
         left: -196px;
     }
     #header.global-header .header-wrap .header-rightBar.on-secondary-nav ul li.lang span{
         color:#fff;
     }
     #header.global-header .header-wrap .header-rightBar.on-secondary-nav ul li.lang img{
         left:-168px;
     }
 
     #header.global-header .secondary-nav__global .secondary-nav-language{
         line-height:28px;
     }
     .secondary-nav-country:nth-child(odd) {
         display: inline-block;
         width: 49%;
         vertical-align: top;
     }
 
     .secondary-nav-country:first-child {
         display: block;
         width: 49%;
         vertical-align: top;
     }
 
     .secondary-nav-country:nth-child(even) {
         display: inline-block;
         width: 49%;
         vertical-align: top;
     }
     .secondary-nav__global .secondary-nav-language {
         line-height: 1.38;
         margin-top: 0.5625rem;
         font-size: 0.8125rem;
     }
 
     .secondary-nav__global .secondary-nav-language a {
         color: #ffffff;
         text-decoration: none;
     }
 
     .secondary-nav .secondary-nav-mobile-language ul li a:hover {
       color: #fff100;
     }
 
     .secondary-nav .secondary-nav-language:hover {
       color: #fff100;
     }
 
     .secondary-nav__global .secondary-nav-language a:hover {
       color: #fff100;
     }
     .secondary-nav-language-mobile, .secondary-nav-language {
         list-style-type: none;
         text-overflow: ellipsis;
         overflow: hidden;
         white-space: nowrap;
         width: 185px;
     }
 
     .secondary-nav-mobile {
         width: 100%;
         min-height: 100vh;
         background-color: #2b2b2b;
         opacity: 0.95;
         margin: auto;
         position: absolute;
         right: 0;
         padding-bottom: 3.25rem;
     }
 
     .secondary-nav-mobile.slidein {
       right: 0;
     }
 
     .secondary-nav-mobile .card {
         border: none;
         border-bottom: 1px solid #d2d2d2;
         background-color: transparent;
         margin-bottom: 1px;
     }
 
     .secondary-nav-mobile .card-header {
         background-color: #2b2b2b;
         border-radius: 0;
         padding: 1rem;
         font-weight: 600;
         cursor: pointer;
     }
 
     .secondary-nav-mobile .card-header a {
        display: block;
     }
 
     .secondary-nav-mobile .card-header .card-link .up {
        display: inline-block;
     }
 
     .secondary-nav-mobile .card-header .card-link .down {
       display: none;
     }
 
     .secondary-nav-mobile .card-header .card-link.collapsed .up {
        display: none;
     }
 
     .secondary-nav-mobile .card-header .card-link.collapsed .down {
        display: inline-block;
     }
 
     .secondary-nav-mobile a {
         color: #fff;
     }
 
    .secondary-nav-mobile .card-body {
         border-radius: 0;
         background-color: #2b2b2b;
         color: #fff;
         border-top: solid 1px #d2d2d2;
     }
     .secondary-nav-content-wrapper:hover .login-username-dropdown.ul-dropdown{
         opacity: 0;
         background-color: red;
     }
     #header.global-header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .product-line-box{
         min-height:580px;
         padding-bottom: 50px;
     }
     #header.global-header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li .second-dl .nav-detail-box {
       max-height: 502px;
     }
     #header.global-header .secondary-nav-wrapper{
         left: auto !important;
         right:0px !important;
         width:28vw;
         min-width:480px;
     }
     #header.global-header.rtl .secondary-nav-wrapper{
         left: 0px !important;
         right: auto !important;
     }
     #header.global-header .header-wrap .header-navbar li.nav-left-item .nav-box .mask.support-mask{
         height: auto;
     }
     #header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .support-line-box{
     padding-bottom: 50px;
     }
     #header.global-header.rtl .header-wrap .header-navbar.rtl{
         float:right;
     }
     #header.global-header.rtl .header-wrap .header-navbar .navbar-nav-list{
         margin-right: 100px;
     }
     #header.global-header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li .second-dl > dl.length{
         width:100%;
     }
     #header.global-header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li.solution-li .second-dl > dl dd{
         width: 50%;
         float: left;
     }
     #header.global-header .header-wrap .header-navbar li.nav-left-item .nav-box .mask.solution-mask{
         height:auto;
     }
     #header.global-header .header-wrap .header-navbar li.nav-left-item.new-solution .nav-box .mask.solution-mask{
         min-height: 0;
         padding: 12px 0 0 0;
     }
     @media only screen and (max-width: 1279px) {
         #header.global-header .header-wrap .header-navbar li.nav-left-item.new-solution .nav-box .mask.solution-mask{
             padding: 10px 0 0 0;
         }
         #header.global-header.rtl .header-wrap .header-navbar .navbar-nav-list{
             margin-right: 70px;
         }
     }
     @media only screen and (max-width: 1100px) {
         #header.global-header.rtl .header-wrap .header-navbar .navbar-nav-list{
             margin-right: 0px;
         }
         #header.global-header .header-wrap .header-all.rtl .header-navbar li.nav-left-item:nth-of-type(1){
             padding-right: 5px;
         }
     }
     #header.global-header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .more.more-solution a{
         top: 500px;
     }
     #header.global-header .header-wrap .header-navbar li.nav-left-item .nav-box .mask.max-height.solution-mask{
         height: auto;
     }
     #header.global-header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .more.more-solution a{
         top:500px
     }
     #header.global-header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li .second-dl > dl dd.solve-dd:nth-of-type(n + 6){
         display: block;
     }
     #header.global-header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li .second-dl > dl dd.solve-dd:nth-of-type(n + 9){
         display: none;
     }
     #header.global-header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li .second-dl > dl dd.product-nav-dd{
         width:100%;
     }
     #header.global-header .header-wrap .header-nav .mobile-nav-right-menu{
         display: none;
     }
     #header.global-header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .more:not(dd){
         left:30px;
         bottom:-20px;
     }
     #header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li.overflowli{
         max-width: 50%;
         padding-right: 50px;
         overflow: hidden;
         white-space: nowrap;
     }
     #header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li .second-dl > dl dd.nav-dd li div.content-div .content-wrap.ie-content .s-content{
         position: relative !important;
         width: 95% !important;
         line-height: 28px;
         overflow: hidden;
     }
     #header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li .second-dl > dl dd.nav-dd li div.content-div .content-wrap.ie-content .s-content.p-content{
         width: 85% !important;
         overflow: inherit !important;
     }
     #header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li .second-dl > dl dd.nav-dd li div.content-div .content-wrap.ie-content .s-content::after{
         position: absolute !important;
         content: '...' !important;
         bottom:-5px !important;
         right:0px !important;
     }
     #header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li .second-dl > dl dd.nav-dd li div.content-div .content-wrap.ie-content .s-content.p-content::after{
         right:-25px !important;
     }
     #header .header-wrap .header-navbar li.nav-left-item .nav-box .mask .box-ul li .second-dl > dl dd.nav-dd li div.content-div .content-wrap.ie-content .ellipsis{
         display: block !important;
     }
     #header.global-header .header-wrap .header-navbar li.nav-left-item .nav-box .mask:not(.solution-mask) .box-ul>li:nth-of-type(n+13){
         display: block;
     }
     .secondary-nav-wrapper {
         display: none;
         position: fixed;
         top: 0;
         bottom: 0;
         left: 100%;
         right: 0;
         text-align: left;
         transition: all 0.3s ease-in-out;
         background-color: #2b2b2b;
         padding-top: 5.125rem;
         z-index: 100001;
     }
     
     .secondary-nav-wrapper.slidein {
         display: inline-block;
     }
     
     .secondary-nav-wrapper .secondary-nav-content-wrapper {
         height: 100%;
         overflow: auto;
         padding-bottom: 3.75rem;
         padding-left: 2.5rem;
         padding-right: 2.5rem;
         position: relative;
         z-index: 99999;
     }
     
     .secondary-nav-wrapper .secondary-nav-content-wrapper > * {
         max-width: 42.1875rem;
     }
     .secondary-nav-wrapper {
         transition: all 0.3s;
     }
     .rtl .secondary-nav-wrapper {
         left: 0 !important;
         right: 100%;
     }
     
     .rtl .secondary-nav-wrapper.slidein {
         left: 0;
     }
     .secondary-nav__global .secondary-nav-country {
          margin-top: 1.875rem;
          font-size: 0.8125rem;
          line-height: 1.38;
          color:#fff;
      }
 
      .secondary-nav__global .secondary-nav-country .country-title {
          font-weight: 600;
      }
             
      ::-webkit-scrollbar {
               width: 4px;
             }
             
             ::-webkit-scrollbar-track {
               border-radius: 10px;
               width: 6px;
               background-color: #d2d2d2;
             }
             
             ::-webkit-scrollbar-thumb {
               border-radius: 10px;
               background-color: #707070;
               width: 6px;
             }
             
             body::-webkit-scrollbar {
               width: 12px;
             }
             
             body::-webkit-scrollbar-track {
               border-radius: 10px;
               width: 12px;
               background-color: #d2d2d2;
             }
             
             body::-webkit-scrollbar-thumb {
               border-radius: 10px;
               background-color: #707070;
               width: 12px;
             }
         @media (max-width: 991px){
             #header.global-header .header-wrap .header-logo.mobile{
                     display: flex;
                 }
             #header.global-header .header-wrap .header-all{
                 display: none;
             }
             #header.global-header .header-wrap .header-nav .mobile-nav ul li{
                 height:auto
             }
             #header.global-header .header-wrap .header-nav .mobile-search-icon {
                 width:28px;
                 height:28px;
                 top:16px;
                 right:40px;
             }
             #header .header-wrap .header-nav .mobile-right-mini-menu {
                 display: block;
                 position: absolute;
                 right: 18px;
                 top: 20px;
             }
             #header .header-wrap .header-nav .mobile-right-mini-menu span{
                 display: block;
                 width:4px;
                 height:4px;
                 border-radius: 4px;
                 background-color: #666;
                 margin-top:2px;
             }
             #header.global-header .header-wrap .header-nav .mobile-nav-right-menu{
                 position: fixed;
                 bottom: 68px;
                 left: 0px;
                 width: 100%;
                 height: auto;
                 min-height: calc(100% + 68px);
                 background-color: #2b2b2b;
                 opacity: 0.95;
                 z-index: 998;
                 overflow-y: auto;
             }
             #header.global-header .header-wrap .header-nav .mobile-nav-right-menu ul li{
                 color:#fff;
             }
           #header.global-header .header-wrap .header-nav .mobile-bottom-nav ul{
                 border-top:none;
             }
             .secondary-nav-wrapper {
                 display: none;
                 z-index: 100001;
             }
         }
         @media only screen and (max-width: 767.98px) {
         .secondary-nav-wrapper {
             display: none;
         }
         }
 @media only screen and (min-width: 768px) and (max-width: 1024px) {
     .secondary-nav-wrapper {
       position: fixed;
       display: none;
     }
 }