/*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: 18%;
	max-width: 250px;
}
.hlogo a{
	width: 100%;
	display:block;
}
.hlogo img,.hlogo svg{
	display: block;
	width: 100%;
	margin: 0;
}
.hcompname {
	width: 20%;
	text-align:center;
	padding: 0 1% 0 0%;
}
.hcompname b{
	display:block;
	font-size: 22px;
	/*font-weight: normal;*/
}
.hcompname span{
	display:block;
	font-size:12px;
	color: #8f8f9d;
	line-height:16px;
	padding:0px 0 0 0;
}
.headwt{
	width: 15%;
	padding: 0 1%;
	text-align: center;
}
.wtime{
	padding: 0 0 10px 0;
}
.wtime span{
	display:block;
	font-size:13px;
	color: #8f8f9d;
}
.wtime b{
	display:block;
	font-size:15px;
}
#callback {
  padding: 8px 0;
  display: block;
}
.headphone{
	width: 20%;
	text-align: center;
	padding: 0 1%;
}
.headphone a{
	display: inline-block;
	color: #323237;
	padding: 0 0 0 25px;
	font-size: 22px;
	position:relative;
}
.headphone a:hover{
	text-decoration:none;
}
.headphone svg{
	position:absolute;
	height:20px;
	width:20px;
	left:0;
	top:5px;
}
.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 svg{
	position:absolute;
	height:18px;
	width:18px;
	left:0;
	top:4px;
}
.hrightcol {
	width: 30%;
}
.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:72px;
}
.hspstit {
	font-size: 12px;
	text-transform: uppercase;
	padding: 5px 0;
}
.shsoc, .shsoc div {
  display: block;
  float: left;width:80%;
}
.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: 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:60px;
	width:auto;*/
	width: 132px;
	padding: 16px 0;
}
.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;}

/*End Head*/
@media screen and (max-width:1251px){
	.fix .mainmenu .mmparent {font-size: 13px;}
	.fix .mainmenu {width: 81%;margin: -55px auto 5px 13%;}
}
@media screen and (max-width:1220px){
	.hlogo{width: 18%;  display: flex;height: 60px;align-items: center;}
	.hcompname{width: 19%}
	.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{width: 11%;}
	.fix .hlogo img, .fix .hlogo svg{height:auto;width: 100%;}
	
	.hcompname b {font-size: 17px;}
}
@media screen and (max-width:980px){
	.headwt{display:none;}
	.headphone #callback{display:none;}
	.headphone .fcontitem {display: none;}
	.hrightcol {width: 35%;}
	.hcompname {width: 21%;}
	.headphone {width: 25%;}
	.fix .mainmenu .mmparent{font-size: 11px;}
	.mmfirstline{gap: 15px;text-align: center;line-height: 14px;}
	.mainmenu .mmparent {font-size: 14px;}
}
@media screen and (max-width:880px){
	
}
@media screen and (max-width:850px){
	.hlogo{width: 26%;}
	.hcompname {width: 28%;}
	.hrightcol {width: 28%;}	
	.hstit {display:none;position: fixed;z-index: 100;left: 0;right: 0;top: 0%;margin: 0;}
	.hsearch{display:block;}
	.shsoc{display: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;}
	.fix .mainmenu {width: 76%;margin: -55px auto 5px 14%;}
}
@media screen and (max-width:780px){
	.hcompname {width: 51%;}
	.headphone {width: auto;height: 27px;margin-left: 36%;}
	.headphone a span {display: none;}
	.headphone .fcontitem {display: none;}
	.headphone svg{position: relative;height: 20px;width: 20px;top: 0px;}
}
@media screen and (max-width:740px){
	.headphone{margin-left: 20%}
	.tophead{display:none;}
	.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:block;}
	.fix .mainmenu .mmparent {font-size: 17px;}
	.fix .hlogo {width: 26%;}
	.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: block;}
	.fix .hcompname {display: block;}
	.fix .hrightcol {width: 18%;display: flex;justify-content: space-between;}
	.hrightcol {width: 30%;}
	.spopitem {display: inline-block;width: 48%;font-size: 17px;}
	.hcompname {width: 30%;}
	.hrightcol {width: 33%;}
	.mainmenu .wrap{margin:0;}
	
}
@media screen and (max-width:640px){
	.hcompname {width: 40%;}
	.hrightcol {width: 35%;}
	.headphone{margin-left: 10%}
	.hlogo {width: 31%;}
}
@media screen and (max-width:600px){
	.shsoc {display: none;}
	.hrightcol {width: 20%;}
	.head{padding: 5px 0%;}
	.fix .head{padding: 5px 0%;}
	.fix .hlogo svg{width:auto;}
	.fix .hlogo img{width: 100%;height: auto;}
	.fix .hrightcol {width: 18%;display: flex;}
	.hcart{float:left;}
	
}
@media screen and (max-width:580px){
	.hcompname b {font-size: 17px;}
	.hcompname {width: 35%;}
}
@media screen and (max-width:560px){
	
	/*.hcompname {display: none;}
	.hrightcol {width: auto;}*/
	.hlogo {width: 36%;}
	.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;}
	.fix .head{padding: 8px 2%;}
	.fix .hlogo img{width: 100%;height: auto;}
	.hrightcol {width: 30%;}
	.fix .hrightcol {width: 30%;display: block;}
}
@media screen and (max-width:520px){
	.headphone a {padding: 0;}
	.hsearch{margin: 3px 20px 0 0}
	.hcompname {width: 38%;padding: 0px;}
	/*.hlogo {width: 15%;}*/
	
}
@media screen and (max-width:460px){
	.headphone {margin-left: 0;}
	
	.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: block;}
	.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; }
}	
@media screen and (max-width:420px){
	.hcompname span,.hcompname b{display:none;}
	.hcompname{width: 25%;}
	/*.hlogo {width: 18%;}*/
}

@media screen and (max-width:380px){
	/*.hlogo {width: 20%;}*/
}
@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){
	.hcompname {width: 9%;}
	/*.hlogo {width: 24%;}*/
	.hrightcol {width: 31%;}
}