/* ============================================================
  NAVIGATION
============================================================ */
.header-box{
	 position: fixed; top: 0; background-color: white; z-index:2;
	 width: 100%;
	 box-shadow:0 0 10px rgb(0,0,0,0.1);
}
.header-box .self-arrow{
    transform: rotate(90deg) scaleY(1.5);
	display: inline-block;
	margin-left: 10px;
}
.container{width: 1200px; margin: 0 auto; position: relative;}
/* nav */
.nav{width: 100%; height: 70px;}
.nav .zhige-logo{width: 44px;height: 30px;margin-right: 10px;}
.nav .zhige-title{font-size: 18px;font-weight: bold;margin-bottom: 4px;color: #000;}
.nav .zhige-desc{font-size: 12px;color: #000;text-align: left;}
.nav .zhige-desc .text{transform: scale(0.6) translateX(-42px);display: inline-block;}
.nav .menu{position: relative;}
.nav .menu .inner-nav .nav-item{font-size: 14px; line-height: 70px; padding: 0 50px;text-align: center;position: relative;}
.nav .menu .inner-nav .nav-item::after{
	content: '';
	position: absolute;
	bottom: 0px;
	left: 50%;
	width: 30px;
	margin-left: -15px;
	height: 2px;
	background: transparent;
}
.selectedNav{font-weight:bold;font-size: 16px!important;}
.selectedNav::after{
	background: #333!important;
}
.bottomLine{
    position: absolute;
    left: 50px;
    bottom:0px;
    height:4px;
    background-color: #333;
    transition: all 0.3s ease;
    height: 2px;
	width: 32px;
}
/* .nav .inner-nav .nav-item.selectedNav .sub-menu {
  max-height: 1000px;
  background: #fff;
  -webkit-transform: perspective(400) rotate3d(0, 0, 0, 0);
  box-shadow: 0 0 10px rgb(0,0,0,0.1);
} */
.nav .inner-nav .nav-item:hover .sub-menu {
  max-height: 1000px;
  background: #fff;
  -webkit-transform: perspective(400) rotate3d(0, 0, 0, 0);
  box-shadow: 0 0 10px rgb(0,0,0,0.1);
}
.nav .sub-menu .sub-item{
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	font-weight: normal;
	padding: 0 5px;
}
.nav .sub-menu .sub-item a:hover{
	color: #007AFF;
}
.nav .inner-nav .pro-item .sub-menu {
  position: absolute;
  left: -40px;
  right: -40px;
  top: 72px;
  z-index: 1;
  max-height: 0;
  overflow: hidden;
  -webkit-transform: perspective(400) rotate3d(1, 0, 0, -90deg);
  -webkit-transform-origin: 50% 0;
  -webkit-transition: 350ms;
  -moz-transition: 350ms;
  -o-transition: 350ms;
  transition: 350ms;
}
.nav .inner-nav .intro-item .sub-menu{
	position: absolute;
	left: 0px;
	right: 0px;
	top: 75px;
	z-index: 1;
	max-height: 0;
	overflow: hidden;
	-webkit-transform: perspective(400) rotate3d(1, 0, 0, -90deg);
	-webkit-transform-origin: 50% 0;
	-webkit-transition: 350ms;
	-moz-transition: 350ms;
	-o-transition: 350ms;
	transition: 350ms;
}