/*Top Menu*/
.tophead{
	display:flex;
	padding: 6px 0%;
	justify-content: space-between;
}
.tophead nav{
	display:block;
}
/*End Top Menu*/

/*Head*/
.head {
	display: flex;
	justify-content: space-between;
	position:relative;
	align-items:center;
	padding: 10px 0px;
}

.smcall {
	display:none;
	width: 6%;
	height: 40px;
	transition:0.3s;
	display:none;
	/*background:url(img/smcall.png) center no-repeat;*/
}
.smcall svg{
	height:22px;
	width:22px;
	margin: 9px auto 0 auto;
}
.hlogo {
	width: auto;
	/*max-width: 120px;*/
}
.hlogo a{
	width: 100%;
	display:block;
}
.hlogo img,.hlogo svg{
	display: block;
	height: 70px;
	margin: 0;
}
.hcompname {
	width: 20%;
	text-align:left;
	padding: 0 1% 0 0%;
}
.hcompname b{
	display:block;
	font-size: 14px;
	margin-bottom: 14px;
	/*font-weight: normal;*/
}
.hcompname span{
	display:block;
	font-size:12px;
	/*color: #8f8f9d;*/
	line-height:16px;
	padding:0px 0 0 0;
}
.headwt{
	width: 18%;
	padding: 0 1%;
	/*text-align: center;*/
}
.wtime{
	padding: 0 0 10px 0;
	display: flex;
	gap:5px;
	align-items:center;
}
.wtime svg{
	width:40px;
}
.wtime span{
	display:block;
	font-size:13px;
	color: #8f8f9d;
}
.wtime b{
	display:block;
	font-size:15px;
	padding: 5px 0;
}
.callback {
  padding: 8px 0;
  display: block;
}
.ascquest {
  max-width: 200px;
  float: right;
}
.headphone{
	width: 18%;
	text-align: center;
	padding:20px 1% 0 1%;
}
.headphone a{
	display: inline-block;
	color: #323237;
	padding: 0 0 0 25px;
	font-size: 22px;
	position:relative;
	text-wrap: nowrap;
}
.headphone a:hover{
	text-decoration:none;
}
.headphone svg{
	position: absolute;
	height: 28px;
	width: 28px;
	left: 0;
	top: 3px;
}
.hspphone{ 
	font-size: 18px;
	padding: 25px 40px 0 0;
	overflow: hidden;
	transition: 0.2s;
	display: inline-block;
}
.hspphone a{
	display:inline-block;
	color: #323237;
	width: 100%;
	padding: 0 0 0 25px;
	position:relative;
	margin-top:11px;
}
.hspphone a:hover{
	text-decoration:none;	
}
.hspphone a svg{
	position:absolute;
	height:18px;
	width:18px;
	left:0;
	top:4px;
}
.hrightcol {
	width: 28%;
}
.mainmenu {	
	position:relative;
	z-index:10;
	border-top:1px solid;
	border-bottom:1px solid;
}
.mainmenu .mmparent{
	font-size: 16px;
}
.mainmenu .mmparent a{
	height: 50px;
}
.mainmenu .mmsub{
	top:50px;
	border-top: 2px solid transparent;
}
.hspstit {
	font-size: 12px;
	text-transform: uppercase;
	padding: 5px 0;
}
.shsoc, .shsoc div {
  display: block;
  float: left;
}
.hspsoc {
  display: inline-block;
}
.soclink{
	display:inline-block;
	padding:3px;
	margin-left:15px;
}
.soclink svg{
	width: 23px;
	height: 23px;
	display: block;
}
.soclink path{
	transition:0.5s;
}
.hspsoc svg {
	width: 30px;
	height: 30px;
	display: block;
}
.hspsoc .soclink {
	display: inline-block;
	margin: 0 10px 0 0;
}
.hsearch{
	float:right;
	display:none;
	margin: 3px 15px 0 0;
}
.fix .hsearch {
  display: block;
}
.fix .ascquest {
  display: none;
}
.hcart {
	cursor: pointer;
	position: relative;
	transition: 0.3s;
	float: right;
}
.hcount {
	position: absolute;
	background: #f00;
	display: none;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	font-size: 10px;
	width: 10px;
	height: 10px;
	left: 50%;
	top: 50%;
	margin-top: -15px;
	margin-left: 7px;
}
.hcount.act{
	display:block;
}
.hcart svg {
	display: block;
	width: 30px;
	margin: 0 auto;
}

.hstit {
	margin: 10px 0 15px 0;
}
.hstit .popclose{
	display:none;
}
.mainmenu .popclose{
	display:none;
}
header .wrap{
	transition:0.5s;
}
.fix .tophead{
	display:none;
}
header.fix{
	position:fixed;
	left:0;
	top:0;
	right:0;
	z-index:160;
	background:#fff;
	padding: 5px 0;
	box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.2);
}
header.fix .wrap{
	width:96%;
}
.fix .head{
	padding: 0px 0px;
}

.fix .hlogo img,.fix .hlogo svg{
	height:70px;
	width:auto;
}
.fix .hrightcol{
	width: auto;
}
.fix .hcompname{
	display:none;
}
.fix .headwt{
	display:none;
}
.fix .headphone{
	display:none;
}
.fix .hstit{
	display:none;
}
.fix .shsoc{
	display:none;
}
.fix .mainmenu {
  width:78%;
  margin:-55px auto 5px auto;
  border:0;
}
.fix .hlogo,.fix .smcall,.fix .hcart,.fix .hsearch{
	
}
.hmenutit {
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;	
	padding: 0 0 10px 0;
	display:none;
}
.hservpop{display:none;padding: 30px 0 0 0;}
.callback{margin-top: 20px;}
/*End Head*/

@media screen and (max-width:1220px){
	.hlogo{/*width: 15%;*/  display: flex;height: 70px;align-items: center;}
	.hcompname{width: 13%}
	/*.hcompname b{font-size: 20px;}*/
	.hcompname span{font-size: 10px;}	
	.wtime b{font-size: 13px;}
	.hrightcol {width: 28%;}	
	.headphone{width: 21%;}
	.headphone a{font-size: 20px;}
	.headphone svg{height: 18px;width: 18px;}
}
@media screen and (max-width:1080px){
	.fix .hlogo img, .fix .hlogo svg{/*height:auto;*/}
	.hcompname b {font-size: 13px;margin-bottom: 5px;}
}
@media screen and (max-width:980px){
	.headwt{display:none;}
	.hrightcol {width: 35%;}
	.hcompname {width: 21%;}
	.headphone {width: 25%;}
	
}
@media screen and (max-width:870px){
	
}
@media screen and (max-width:850px){
	.hcompname {width: 28%;}
	.headphone {width: 50%;display: flex;align-items: center;justify-content: space-around;padding-top: 0;}
	.callback, .ascquest{margin: 0;padding:8px;}
	.ascquest svg {width: 20px;height: 15px;}
	.ascquest{float:none;padding:8px;}
	.hrightcol {width: 30%;display: flex;align-items: center;justify-content: space-between;}	
	.hstit {display:none;position: fixed;z-index: 100;left: 0;right: 0;top: 0%;margin: 0;}
	.hsearch{display:block;float:none;}
	.soclink{margin: 0 7px 0 4px;}
	.hstit:before{content:"";position: fixed;z-index: 100;left: 0;right: 0;top: 0%;bottom:0;background:rgba(0,0,0,0.5);z-index: -1;}
	.hstitform{padding: 40px 45px 40px 5%;background: #fff;}
	.hstit .popclose{display:block;width: 22px;height: 22px;top: 48px;}
	.mainmenu .mmparent {font-size: 14px;}
	.fix .mainmenu .wrap{margin:0;}
	.fix .hsearch {display: block;}
	.hcompname{display:none;}
	
	
	
}
@media screen and (max-width:780px){
	.hrightcol {width: 38%;}
	.headphone {width: 40%;}
	.headphone a span {display: none;}
	.headphone svg{position: relative;height: 30px;width: 30px;top: 0px;}
}
@media screen and (max-width:740px){
	.tophead{display:none;}
	.mainmenu,.fix .mainmenu{display:none;position: fixed;background: #fff;left: 0;right: 0;bottom: 0;top: 0;z-index: 1000;width: auto;padding: 20px 5%;overflow: hidden;overflow-y: auto;}
	.fix .mainmenu{width:auto;margin: 0;}
	.mmfirstline{display:block;}
	.mmparent {display: inline-block;width: 48%;font-size: 17px;}
	.mmparent a{height:38px;}
	.mmparent:hover ul {display: none;}
	.mainmenu .mmparent {font-size: 17px;}
	.hservpop{display:flex;flex-wrap:wrap;}
	.hspphonewrap, .hspphonewrap > div.bx-context-toolbar-empty-area {width:100%;display: flex;align-items: center;gap: 5%;margin-bottom: 20px;}
	.hspstit{min-width:150px;}
	.hservpop .hspphone {display: block;width: 100%;padding: 0;}
	.fix .hspphonewrap .ascquest {display: flex;}
	 .hspphone .hspphonewrap > a {margin: 0;width: auto;}
	.fix .ascquest{display: flex;}
	
	
	.mmparent:hover > a:after, .mmparent > a.act:after{width:0;}
	.hmenutit{display:block;}
	.mainmenu .popclose{display:block;top: 22px;right: 5%;width: 20px;height: 20px;}	
	.smcall{display:block;}
	.fix .headphone {/*display: flex;*/display:none;}
	/*.fix .hcompname {display: block;}*/
	.fix .hrightcol {/*width: 35%;display: flex;justify-content: space-between;*/display:none;}
	.hrightcol {/*width: 35%;*/display:none;}
	.spopitem {display: inline-block;width: 48%;font-size: 17px;}
	.hcompname {/**/width: 85%;display:block;padding: 0 0 0 5%}
	.fix .hcompname{display:block;}
	.headphone {display:none;}
	.mainmenu .wrap{margin:0;}
	.hsearch{margin: 0;}
	.hlogo {/*width: 25%;*//*height: 45px;*/}
	.shsoc{display:none;}
	
}
@media screen and (max-width:650px){
	.hspphonewrap, .hspphonewrap > div.bx-context-toolbar-empty-area{gap: 1.5%;}
}
@media screen and (max-width:640px){
	
	/*.hrightcol {width: 20%;}
	.headphone {margin-left: 25%;}*/
	.hlogo{/*margin-left: 10%;*/}
	.hsearch {margin: 0 0px 0 0;}
}
@media screen and (max-width:600px){
	.shsoc {display: none;}
	/*.hrightcol {width: auto;}*/
	.fix .head{padding: 8px 0%;}
	.fix .hlogo img{width: 100%;height: auto;}
	/*.fix .hrightcol {width: auto;display: block;}*/
	.hspphonewrap, .hspphonewrap > div.bx-context-toolbar-empty-area{flex-wrap:wrap;}
	/*.hspphone .hspphonewrap > a{width: 100%;margin: 5px 0 10px 0;}
	.hrightcol {width: 38%;}*/
}
@media screen and (max-width:580px){
	/*.hcompname b {font-size: 17px;}
	.hcompname {width: 35%;}
	 .headphone {margin-left: 18%;}*/
	 .callback {display: none;}
	 .fix .ascquest, .ascquest{display: none;}
	 .hspphonewrap .callback {display: flex;}
	 .fix .hspphonewrap .ascquest, .hspphonewrap .ascquest{display: flex;}
	 .headphone {width: auto;}
	 .hrightcol {width: auto;}
	 .hlogo{height: 80px;}
	 .hlogo img, .hlogo svg,.fix .hlogo img, .fix .hlogo svg{height: 70px;}
}
@media screen and (max-width:560px){
	/*.hlogo {width: 10%;}*/
	/*.hcompname {width: 40%;}*/
	/*.hcompname {display: none;}*/
	.hrightcol {width: auto;}
	.shsoc{display:none;}
	.hsearch {display: block;}
	.head {position: fixed;top: 0;left: 0;right: 0;padding: 8px 2%;box-shadow: 0 6px 15px -4px #ccc;z-index: 100;background: #fff;}
	header {padding-top: /*57px*/96px;}
	.fix .head{padding: 8px 2%;}
	.fix .hlogo img{width: 100%;height: auto;}
	/*.fix .hrightcol {width: auto;display: block;}*/
}
@media screen and (max-width:520px){
	.headphone a {padding: 0;}
	.hsearch{margin: 3px 30px 0 0}
	/*.hcompname {width: 38%;padding: 0px;}*/
	/*.hlogo {width: 15%;}*/
	 .headphone {margin-left: 10%;}
	
}
@media screen and (max-width:460px){
	.mmparent {display: block;width: auto;}
	.hspphone {display: block;padding: 0 0 20px 0;font-size: 24px;}
	.hspphone svg {height: 24px;width: 24px;top: 7px;}
	.hspphone a{padding: 0 0 0 38px;}
	.hspsoc {display: flex;align-items: center;flex-wrap:wrap;}
	.hspstit{width: 100%;}
	.hspsoc .soclink {display: inline-block;  margin: 0 10px 0 0;}
	.hcompname b {  font-size: 15px;}
	.hcompname span {font-size: 11px;padding: 0 0 0 0;padding: 3px 0 0 0; }
	.hlogo {margin-left: 5%;}
	.ascquest{padding: 4px 8px;}
	.hspphonewrap a:first-child{display:block;margin:0 0 10px 0;}
}	
@media screen and (max-width:420px){
	.hcompname span,.hcompname b{/*display:none;*/}
	.hcompname{/*width: 25%;*/}
	.hlogo {/*width: 30%;margin-left: 0;*/}
	
}

@media screen and (max-width:380px){
	.hlogo {/*width: 40%;*/}
	/*.headphone {margin-left: 0;}*/
}
@media screen and (max-width:360px){
	/*.hcompname span{display:none;}
	.hcompname b {font-size: 14px;font-weight: normal;letter-spacing: -1px;}*/	
}
@media screen and (max-width:320px){
	/*.hsearch {margin: 3px 20px 0 0;}*/
	/*.hcompname {width: 9%;}
	.hlogo {width: 24%;}*/
}