/*navigation*/
.clearfix:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
}
.clearfix {
  zoom: 1;
}
header nav {
	text-align: center;
	position: relative;
	box-shadow: 0 4px 8px 0 rgba(7, 17, 27, 0.1);
	z-index: 100;
}
header nav, nav ul.menu {
	height: 60px;
	overflow: hidden;
	box-shadow: 0 4px 8px 0 rgba(7, 17, 27, 0.1);
	border-bottom: 1px solid #ddd;
	min-width:1200px;
}
@media only screen and (min-width:1174px ) {
	header nav .menu {
		display: block !important;
	}

}

@media screen and (min-width:320px) and (max-width:1174px){
	header nav ul.menu {
		display: none;
		text-align: left;
		height: auto;
		position: relative;
		z-index: 100;
	}
	.navImg{
		display: none !important;
	}
	#myCarousel1{
		margin-top: 55px;
	}
	header nav{
		height:55px;
		text-align: left;
		position: fixed;
    width: 100%;
		top: 0;
	}
		header nav .title {
			display: inline-block !important;
			color: #FFF;
			text-align: left;
			line-height: 55px;
			padding-left: 12px;
			width: 97%;
		}
			header nav .title a {
				float: right !important;
			}
	.navMore{
		display: inline-block!important;
		position:absolute;
		right:10px;
		top:25px;
	}
	.productBox{
		display:none;
	}
}
header nav ul.menu li,
header nav ul.menu li a {
	display: inline-block;
	font-size: 16px;
	line-height: 58px;
	height: 60px;
	width: 70px;
	cursor: pointer;
	text-decoration: none;
	color: #444
}

@media screen and (min-width:320px) and (max-width:1174px){
	header nav ul.menu li, nav ul.menu li a {
		display: inherit;
		font-size: 14px;
		line-height: 40px;
	}
	.pc{
		display: none !important;
	}
}
header nav ul.menu li {
	margin: 0 7px;
}
	header nav ul.menu li a:hover {
		height: 58px;
		color: #0480b4
	}
.nav-icon{
    position: relative;
    /*left: 8%;*/
    top: 18px;
}
@media screen and (min-width:1174px) and (max-width:1310px){
	.nav-icon{
		left:2%;
	}
}
.flex{
	display:flex;
	display:-webkit-flex;
	display:-ms-flex;
	display:-moz-flex;
	display:-o-flex;
	 flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-o-flex-wrap:wrap;
	justify-content:flex-start;
}
header nav .subnav-products {
	width: 836px;
	position: absolute;
	z-index: 10;
	/*display:none;*/
}
header nav .subnav-club,nav .subnav-open,nav .subnav-dev-center {
	width: 300px;
	position: absolute;
	border-top: 1px solid #1dafec;
	z-index: 10;
	/*display:none;*/
}
header nav .subnav-club {
	width: 150px;
}
/*@media screen and (min-width:320px) and (max-width:1174px){

}*/
	header nav .subnav-club .productBox a,
	nav .subnav-open .productBox a,
	nav .subnav-dev-center .productBox a,
	nav .subnav-products .productBox a {
		color: #959595;
		width: 100%;
		height: 100%;
		display: block;
		text-decoration: none;
	}
header nav .subnav-products .productBox {
	background: #000;
	width: 208px;
	height: 62px;
	color: #959595;
	cursor: pointer;
	text-align: left;
	border-bottom: 1px solid #1c1c1c;
	border-right: 1px solid #1c1c1c;
}
	header nav .subnav-products .productBox:nth-of-type(4n+4) {
		border-right: none;
	}
	header nav .subnav-products .productBox:nth-last-of-type(4),
	nav .subnav-products .productBox:nth-last-of-type(3),
	nav .subnav-products .productBox:nth-last-of-type(2),
	nav .subnav-products .productBox:nth-last-of-type(1) {
		border-bottom: none;
	}
header nav .subnav-club .productBox,
nav .subnav-open .productBox,
nav .subnav-dev-center .productBox {
	background: rgba(0,0,0,0.9);
	width: 100%;
	height: 50px;
	line-height: 50px;
	color: #b1b1b1;
	cursor: pointer;
	border-bottom: 1px solid #131313;
	text-align: left;
	position: relative;
}
header nav .subnav-club span,
nav .subnav-open span,
nav .subnav-dev-center span {
	padding-left: 20px;
	font-size: 12px;
}

header nav .productBox:hover a {
	color: #fff;
	background: #01111a;
}
header nav .productBox i {
	height: 100%;
	vertical-align: middle;
	display: inline-block;
}
header nav .productBox img {
	vertical-align: middle;
	margin: 0 10px;
}
.subnav-products span{
	font-size:12.5px;
}
header nav .disable {
	cursor: default;
	border: none;
	border-right: 1px solid #000;
}
header nav .disabled:nth-last-of-type(1) {
	border: none;
}
header nav .disable:hover,
nav .disable:visited {
	background: #000;
}
header nav .nav-arrow {
	background: url(../img/nav-arrow.png);
	background-position: 0 0;
	width: 7px;
	height: 15px;
	position: absolute;
	right: 20px;
	top: 17px;
}
header nav .subnav-club .productBox:hover .nav-arrow,
nav .subnav-open .productBox:hover .nav-arrow,
nav .subnav-dev-center .productBox:hover .nav-arrow {
	background-position: 0 -15px;
}
.nav-icon-box{
	z-index: 1000;
	position:absolute;
	height:100px;
	width:78px;
	border:4px solid #272727;;
	background:#212121;
	right:4%;
	text-align:center;
	top:0;
}

/*#pc-lang a{
    position: absolute;
    width: 107px;
     border: none;
     background: none;
    right: 10%;
    top: 0;
}*/