/*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;
	background:url(img/smcall.png) center no-repeat;
	transition:0.3s;
	display:none;
}
.hlogo {
	width: 14%;
	max-width: 300px;
}
.fix .hlogo{
	width: 10%;
}
.hlogo a{
	width: 100%;
	display:block;
}
.hlogo img{
	display: block;
	width: 100%;
	margin: 0;
}
.hcompname {
	width: 20%;
	text-align:center;
	padding: 0 1% 0 0%;
}
.hcompname b{
	display:block;
	font-size: 24px;
	/*font-weight: normal;*/
}
.hcompname span{
	display:block;
	font-size:12px;
	color: #8f8f9d;
	line-height:12px;
	padding:5px 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: #1aa6b2;
	padding: 0 0 0 25px;
	font-size: 22px;
	position:relative;
}
.headphone a:hover{
	text-decoration:none;
	color:#337ab7;
}
.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%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.mainmenu {
	border-top:1px solid #1aa6b2;
	border-bottom:1px solid #1aa6b2;
	position:relative;
	z-index:10;
}
.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;
}
.hspsoc {
  display: inline-block;
}
.soclink{
	display:inline-block;
	padding:3px;
	margin-left:15px;
}
.soclink svg{
	width: 23px;
	height: 23px;
	display: block;
}
.soclink path{
	fill:/*#1aa6b2*/#000;
}
.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;
	display: block;
	margin: -8px 0 0 0;
}
.hcount {
	position: absolute;
	background: #dd204f;
	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;
	width: 86%;
}
.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: 4px 0px;
}

.fix .hlogo img{
	height:auto;
	width:100%;
}
.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:75%;
  margin:-48px auto -4px 15%;
  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:1220px){
	.hlogo{width: 14%;}
	.fix .hlogo {width: 13%;}
	.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){
	
}
@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%;}
	.hrightcol {width: 28%;}	
	.hstit {display:none;position: fixed;z-index: 100;left: 0;right: 0;top: 0%;margin: 0;width: auto;}
	.hsearch{display:block;}
	.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;margin: 3px 20px 0 0;}
	.hlogo {width: /*25*/8%;}
	.hcart{margin:0;}
	.fix .mainmenu {width: 68%;margin: -55px auto 5px 21%;}
	.fix .hrightcol {width: 9%;}
}
@media screen and (max-width:780px){
	.hcompname {width: 51%;}
	.headphone {width: auto;}
	.headphone a span {display: none;}
	.headphone svg{position: relative;height: 20px;width: 20px;top: 0px;}
	/*.fix .hlogo img {height: 55px;}*/
	.fix .mainmenu {width: 68%;margin: -53px auto 0px 21%;}
}
@media screen and (max-width:740px){
	.fix .hlogo {width: 18%;}
	.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;}
	.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: 25%;}
	.mainmenu .wrap{margin:0;}
}
@media screen and (max-width:640px){
	.hcompname {width: 40%;}
}
@media screen and (max-width:600px){
	.shsoc {display: none;}
	/*.hrightcol {width: auto;}*/
	.fix .head{padding: 8px 0%;}
	.fix .hlogo {width: 23%;}
	.hlogo {width: 23%;}
	.fix .hlogo img{width: 100%;height: auto;}
	/*.fix .hrightcol {width: auto;display: block;}*/
}
@media screen and (max-width:580px){
	.hcompname b {font-size: 17px;}
	.hcompname {width: 35%;}
}
@media screen and (max-width:560px){
	.hcart{margin:0;}
	
	.hcompname {width: 40%;}
	/*.hcompname {display: none;}*/
	.hrightcol {width: 30%;}
	.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;}
	.fix .hrightcol {width: 30%;    display: flex;}
}
@media screen and (max-width:520px){
	.headphone a {padding: 0;}
	.hsearch{margin: 3px 20px 0 0}
	.hcompname {width: 45%;padding: 0px;}
	.mtabsectitem{margin-right:15px;}
}
@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: block;}
	.hspsoc .soclink {display: inline-block;  margin: 0 10px 0 0;}
	.hcompname b {  font-size: 15px;}
	.hcompname span {font-size: 9px;padding: 0 0 0 0;line-height: 9px;padding: 3px 0 0 0; }
}	
@media screen and (max-width:430px){
	.mtabsectitem {margin-right: 10px;font-size: 13px;}
	.hlogo {width: /*30*/23%;}
}

@media screen and (max-width:365px){
	
	.hcompname span{display:none;}
	.hcompname b {font-size: 14px;font-weight: normal;letter-spacing: -1px;}
	.hcompname {width: 32%;}
	.mtabsectitem {margin-right: 5px;font-size: 12px;}
}
@media screen and (max-width:325px){
	.mtabsectitem {margin-right: 5px;font-size: 11px;}
}