.hit{
  display: none !important;
}

body{
  
  overflow-x:hidden;
}
.lang-selector .lang-box{overflow:hidden !important;}
.lang-selector ul {height:184px !important;}
.gotop-sangni {position:fixed;right:10px;top:50%;display:none;z-index:11;}
.cd-popup .div_info button:hover {background:var(--color-second) !important;color:#fff !important;cursor:pointer !important;}

.gotop-sangni a {display:block;width:46px;height:46px;border-radius:8px;background:var(--color-primary);margin:10px 0;color:#fff;text-align:center;line-height:45px;box-shadow:1px 2px 6px 2px rgb(0,0,0,0.1);cursor:pointer;}
.gotop-sangni a i.qico-email {font-size:30px;}
.gotop-sangni a i.qico-up {font-size:22px;}
.gotop-sangni a:hover {background:var(--color-primary);text-decoration:none;}



.head-top-sangni {position:relative;z-index:11;width:100%;height:56px;background:var(--color-primary);}
.head-top-sangni .container{display:flex;justify-content:space-between;flex-wrap:wrap;height:100%;}

.head-top-sangni .head-fl{display:flex;align-items:center;}
.head-top-sangni .head-fl span{display:flex;align-items:center;margin-right:20px;}
.head-top-sangni .head-fl span i {display:inline-block;margin-right:12px;width:34px;height:34px;line-height:34px;text-align:center;vertical-align:top;border-radius:50%;background:rgba(176,176,176,.3);font-size:16px;color:#fff}
.head-top-sangni .head-fl span b {font-size:16px;font-weight:500;color:#fff;}
.head-top-sangni .head-fl span a:hover{color:rgba(255,255,255,0.7)}

.head-top-sangni .head-fr{display:flex;align-items:center;}
.head-top-sangni .head-searchbg {}
.head-top-sangni .head-searchbg form{width:204px;height:32px;border-radius:50px;background:rgba(255,255,255,0.24);position:relative;}
.head-top-sangni .head-searchbg input{width:100%;height:32px;padding:0 60px 0 15px;font-size:14px;color:#fff;line-height:32px;background:none;}
.head-top-sangni .head-searchbg button{position:absolute;right:0;top:0;width:44px;height:32px;line-height:32px;text-align:center;background:transparent;border-top-right-radius:50px;border-bottom-right-radius:50px;}
.head-top-sangni .head-searchbg button i{font-size:20px;color:#fff;}

.head-top-sangni .head-searchbg input::-webkit-input-placeholder {color:#fff;}
.head-top-sangni .head-searchbg input:-ms-input-placeholder {color:#fff;}
.head-top-sangni .head-searchbg input:-moz-placeholder,.head-top-sangni .head-searchbg input::-moz-placeholder {color:#fff;opacity:1;}

.head-top-sangni .current-lang{color:#fff;}


/*--------------------------*/

.header-height-sangni .header-sangni {position:relative;width:100%;background:#fff;z-index:10;font-size:0;box-shadow:1px 2px 10px 2px rgba(0,0,0,0.08);padding:15px 0;}
.header-height-sangni .wp {height:100%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}

.fixed {position:fixed !important;top:0;z-index:50 !important;}

.header-height-sangni .head-logo{}
.header-height-sangni .head-logo img {max-height:45px;}


.head-nav{text-align:center;}
.head-nav > ul{}
.head-nav > ul > li{position:relative;display:inline-block;cursor:pointer;}
.head-nav > ul > li+li{margin-left:40px;}
.head-nav > ul > li > a{display:block;color:#212121;font-weight:600;padding:0 2px;font-size:17px;height:30px;line-height:30px;}
.head-nav > ul > li.down > a b{font-size:15px;transition:.3s all;}

.head-nav > ul > li:hover > a{color:var(--color-primary);}

.head-nav > ul > li ul{position:absolute;width:220px;height:auto;left:-20px;text-align:left;top:38px;z-index:1000;padding:10px;border-radius:0 0 4px 4px;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);}
.head-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;}
.head-nav > ul > li > ul li{border-bottom:1px solid #EDEDED;}
.head-nav > ul > li > ul li:last-child{border:none;}
.head-nav > ul > li > ul li > a{display:block;padding:9px 5px;color:#333;font-size:16px;line-height:21px;text-transform:capitalize;}
.head-nav > ul > li > ul li > a:hover{color:var(--color-primary);}

.head-nav > ul > li:hover > ul{opacity:1;visibility:visible;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);}


.header-height-sangni .header-sangni .href {}
.header-height-sangni .href a,.mobile-height-sangni .href a{display:inline-block;padding:14px 48px;background:var(--color-primary);font-size:15px;color:#fff;font-family:var(--title-font-family);font-weight:700;border-radius:50px;}
.header-height-sangni .href a:hover,.mobile-height-sangni .href a:hover{background:var(--color-second);text-decoration:none;}



.mobile-height-sangni {display:none;height:60px;}
.mobile-height-sangni .mobile-nav-sangni{width:100%;height:60px;background:#fff;z-index:999;box-shadow:0 0 10px rgba(0,0,0,.1)}
.mobile-height-sangni .container{height:100%;display:flex;justify-content:space-between;align-items:center;}
.mobile-height-sangni .m-navcenter img{height:30px;}
.mobile-height-sangni .m-navright {display:flex;align-items:center;}
.mobile-height-sangni .m-navright .href{margin-right:10px;}                                         
.mobile-height-sangni .m-navright .href a {padding:12px;font-size:12px}
.mobile-height-sangni .m-navright span{width:40px;height:40px;line-height:40px;text-align:center;color:#333;display:block;}
.mobile-height-sangni .m-navright span i{font-size:24px;}


.m-navlist-sangni {position:fixed;left:-80%;top:0;bottom:0;width:76%;padding:0 0 20px;background:#fff;box-shadow:1px 2px 8px 3px rgba(0,0,0,0.2);z-index:999;}
.m-navlist-sangni .m-listtop {padding:20px;font-size:24px;}
.m-navlist-sangni .m-listtop img {width:146px;}
.m-navlist-sangni .m-listtop span {float:right;font-size:24px;color:#999;font-weight:100;line-height:36px;opacity:0.8;cursor:pointer;}
.m-navlist-sangni .m-navlistcon {margin-left:20px;}
.m-navlist-sangni .m-navlistcon ul {display:none;}
.m-navlist-sangni .m-navlistcon span {display:block;border-bottom:1px solid #dedede;overflow:hidden;}
.m-navlist-sangni .m-navlistcon span a {display:inline-block;width:70%;padding:15px 0;font-size:16px;color:#000009;float:left;}
.m-navlist-sangni .m-navlistcon span a.current,.m-navlist-sangni .m-navlistcon li a.current {color:var(--color-primary);}
.m-navlist-sangni .m-navlistcon span i {text-align:right;width:24%;float:right;font-size:18px;padding:15px 15px 15px 0;}
.m-navlist-sangni .m-navlistcon ul li {margin-left:20px;border-bottom:1px solid #dedede;}
.m-navlist-sangni .m-navlistcon ul li a {display:block;padding:15px 0;font-size:15px;color:#666;}
.m-navlist-sangni .m-navlistcon ul li a b {padding-left:10px;}
.m-navlist-sangni .m-navlistcon .xla-three {border-top:1px solid #dedede;padding-left:20px;}





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

.header-height-sangni .href a,.mobile-height-sangni .href a {padding:14px 38px;font-size:14px;}

}

@media screen and (max-width:1550px) {
.head-nav > ul > li + li{margin-left:35px;}

}

@media screen and (max-width:1441px) {
.head-nav > ul > li + li{margin-left:30px;}
.head-nav > ul > li > a{font-size:16px;}

.header-height-sangni .href a,.mobile-height-sangni .href a {padding:14px 30px;}
}

@media screen and (max-width:1280px) {
.header-height-sangni .head-logo img{max-height:40px;}
.head-nav > ul > li + li{margin-left:25px;}

}

@media screen and (max-width:1171px) {
.head-nav > ul > li + li{margin-left:20px;}
.header-height-sangni .href a,.mobile-height-sangni .href a {padding:14px;font-size:13px;}

}

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

.header-height-sangni {display:none;}
.mobile-height-sangni {display:flex;}
.head-top-sangni .head-fl span b {font-size:14px;}
.head-top-sangni {position:relative;}
.head-top-sangni .head-searchbg {}
.mobile-height-sangni {position:relative;z-index:9;}
.head-top-sangni .head-fl{
  display: none !important;
}
.head-top-sangni .container{
  justify-content: end;
}

.crmFormVali-error{
      right: 0 !important;
    top: 50px !important;
    width: 100% !important;
}
}

@media screen and (max-width:576px) {
.head-top-sangni .head-fl span:first-child{display:none;}
}

@media screen and (max-width:340px) {
.head-top-sangni .head-fl span {margin-right:0;}
}




@media (min-width: 576px) {
.container{max-width:none;}
}
@media (min-width: 768px) {
.container {max-width:none;padding-right:20px;padding-left:20px;}
}
@media (min-width: 992px) {
.container{max-width:none;padding-right:30px;padding-left:30px;}
}
@media (min-width:1200px) {
.container{max-width:1140px;padding-right:15px;padding-left:15px;}
}
@media (min-width: 1280px){
.container {max-width:1200px;}
}
@media (min-width: 1500px) {
.container{max-width:1440px;}
}


.lang-selector .lang-box{
  height: 160px !important;
  
}