#header{width:100%; height: 90px; background-color:#fff; border-bottom:1px solid #cad2d7;}

.nav > li.dropdown.open {
  position: static;
}
.nav > li.dropdown.open .dropdown-menu {
  display: table;
  border-radius: 0px;
  width: 100%;
  text-align: center;
  left: 0;
  right: 0;
  border-bottom: 1px solid #cad2d7;
}
.dropdown-menu > li {
  display: table-cell;
  height: 50px;
  line-height: 50px;
  vertical-align: middle;
}

.dropdown .sub_menu_left{
	width:245px;
	float:left;
	padding-bottom:45px;
	margin-top:48px;
	margin-left:145px;
}
.dropdown .sub_menu_cat{
	font-size:16px;
	color:#c4122f;
	text-align:left;
}
.dropdown .sub_menu_list{
	font-size:16px;
	color:#000;
	text-align:left;
	margin-bottom:10px;
}
.dropdown .sub_menu_right{
	width:166px;
	float:left;
	padding-bottom:45px;
	margin-top:48px;
	margin-left:45px;
}

.button-toggle-navigation {
  background-color: transparent;
  border: 0;
  border-bottom: 3px solid #000;
  border-top: 3px solid #000;
  font-size: 12px;
  cursor: pointer;
  height: 17px;
  width: 17px;
  margin-top:13px;
  margin-left: 15px;
  outline: 0;
  position: relative;
  
  -webkit-transition: border-color 150ms ease-out, -webkit-transform 150ms ease-out;
  transition: border-color 150ms ease-out, -webkit-transform 150ms ease-out;
  transition: border-color 150ms ease-out, transform 150ms ease-out;
  transition: border-color 150ms ease-out, transform 150ms ease-out, -webkit-transform 150ms ease-out;
}
.button-toggle-navigation::after, .button-toggle-navigation::before {
  border-bottom: 3px solid #000;
  bottom: 4px;
  content: '';
  height: 0;
  left: 0;
  position: absolute;
  right: 0;
  -webkit-transition: -webkit-transform 200ms ease-out;
  transition: -webkit-transform 200ms ease-out;
  transition: transform 200ms ease-out;
  transition: transform 200ms ease-out, -webkit-transform 200ms ease-out;
}
.button-toggle-navigation span {
  color: transparent;
  height: 0;
  width: 0;
  overflow: hidden;
  position: absolute;
}

.isActive {
  border-color: transparent;
  -webkit-transform: rotateZ(90deg);
          transform: rotateZ(90deg);
}
.isActive::after, .isActive::before {
  -webkit-transition: -webkit-transform 200ms ease-out;
  transition: -webkit-transform 200ms ease-out;
  transition: transform 200ms ease-out;
  transition: transform 200ms ease-out, -webkit-transform 200ms ease-out;
}
.isActive::after {
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}
.isActive::before {
  -webkit-transform: rotateZ(-45deg);
          transform: rotateZ(-45deg);
}


#wechat_popup{   
	z-index: 9999;
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(0,0,0,0.8);
    display:none;
    overflow:auto;   
    top: 0px;
    left: 0px;
}
#wechat_popup .popup_close{
	width:32px; 
	height:32px; 
	background:url(../images/btn_close.png) no-repeat; 
	top:20px; 
	right:20px; 
	cursor:pointer; 
	position: absolute;
}
#wechat_popup .popup_content{
	width:258px; 
	height:258px; 
	margin:0 auto;
	margin-top:100px;
	text-align:center;
	color: #fff;
}



@media (max-width: 1679px) {
	
}
@media (max-width: 1023px) {
	.dropdown .sub_menu_left{
		margin-left:160px;
	}
}
@media (max-width: 767px) {
	#header{height: 45px; position:fixed; top:0px; left:0px; z-index: 9999;}
	#header .logo_mobile{
		width:88px; height:36px;
		background:url("../images/logo.svg") center center no-repeat;
		background-size:100%;
		top:0px; left:calc(50% - 44px);
	}
	#header .icon_location{
		width:18px; height:26px;
		background:url("../images/icon_location_m.png") center center no-repeat;
		background-size:100%;
		top:8px; right:15px;
	}
	
	#header .nav_bg{
		width:100%; height:100%;
		position:fixed;
		top:45px; left:0px;
		background-color:rgba(0, 0, 0, 0.8);
		z-index:9999;
		display:none;
	}
	#header .mobile_nav{
		width:100%; height:100%;
		position:fixed;
		top:45px; left:-100%;
		z-index:9999;
		
		transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
	}
	.isOpen{left:0px !important;}
	#header .nav{
		width:50%; height:100%;
		position:absolute;
		top:0px; left:0px;
		background-color:rgba(255, 255, 255, 1);
		z-index:9999;
	}
	#header .nav .cat, #header .nav .cat > a{
		width:100%; height:40px;
		line-height:40px;
		color:#000;
		text-align:center;
	}
	
	#header .nav .has_child{
		background-color:#fff;
		color:#000;
		
		transition: all 0.5s ease-in-out;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
	}
	#header .nav .has_child.active{
		background-color:#c4122f;
		color:#fff;
	}
	#header .nav .has_child::after{
		content:"+";
		margin-left:5px;
	}
	#header .nav .has_child.active::after{
		content:"-";
	}
	#header .nav .sub_nav{
		width:100%; height:auto;
		overflow:hidden;
		max-height:0px;
		
		transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
	}
	#header .nav .sub_nav.open{
		max-height:280px;
	}
	#header .nav .sub_nav div{
		width:100%; height:40px;
		line-height:40px;
		background-color:#f4f4f4;
		text-align:center;
		display:block;
	}
	#header .nav .sub_nav div a{
		width:100%; height:40px;
		line-height:40px;
		color:#000;
		text-align:center;
	}
	
	#header .nav .icon_ig{
		width:20px; height:20px;
		background:url("../images/icon_ig_m.png") center center no-repeat;
		background-size:100%;
		bottom:80px; left:calc(50% - 50px);
		z-index:9999;
	}
	#header .nav .icon_fb{
		width:20px; height:20px;
		background:url("../images/icon_fb_m.png") center center no-repeat;
		background-size:100%;
		bottom:80px; left:calc(50% - 10px);
	}
	#header .nav .icon_wechat{
		width:20px; height:20px;
		background:url("../images/icon_wechat.png") center center no-repeat;
		background-size:100%;
		bottom:80px; left:calc(50% + 30px);
	}
	
	.dropdown-menu > li {
    	display: block;
  	}
}