/* 头部 */
.header-box{
    height: 100px;
	border-bottom: 1px solid #d2d2d2;
}
.header{
	padding: 10px 0 !important;
	max-width: 1200px;
	width: 100%;
	margin: 0 auto !important;
	position: relative;
	height: 100px;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.max_img{
    max-height: 100%;
    max-width: 100%;
}
.absolute{
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto !important;
}
.header .menu{
    width: 32px;
    height: 80px;
    position: relative;
    margin-right: 63px !important;
    cursor: pointer;
}
.header .search{
    height: 80px;
    width: 31px;
   position: relative;
   cursor: pointer;
}
.header .logo{
    text-align: center;
    top: 10px;
    bottom: 10px;
    z-index: -1;
}
.header .logo img{
	width: 80px;
	
}
.header .tel{
    width: 29px;
    height: 80px;
    position: relative;
    margin-right: 65px !important;
}
.header .home{
    height: 80px;
    width: 30px;
   position: relative;
}

.header .nav-box{
	width: 100%;
	position: absolute;
	top: 90px;
}
.header .nav-box .nav-list{
	display: inline-block;
	padding: 0 10px 15px !important;
}
.header .nav-box span{
	border: 1px solid rgb(210,210,210);
	padding: 5px 20px !important;
	color: #333;
	font-size: 14px;
	cursor: pointer;
}
.header .nav-box .nav-list.active span{
	background: rgb(51,51,51);
	color: #fff;
}
/* 头部 */
/* 菜单 */
.z-nav-box{
	position: fixed;
	background: rgba(0,0,0,0.8);
	top: 0;
	left: 0;
	/*right: 0;*/
	bottom: 0;
	z-index: 9;
	color: #fff;
	width: 18%;
}
.list-n{
	/*border-bottom: 1px solid rgb(153,153,153);*/
	/*font-size: 14px;*/
	font-size: 16px;
	text-align: center;
}
.list-n a{
	display: block;
	padding: 15px !important;
}
.close-img{
	padding:20px 20px 10px !important;
	cursor: pointer;
}
.search-box{
	position: absolute;
	z-index: 9;
	width: 100%;
	bottom: -70px;
}
.search-box input{
	padding: 0 5px !important;
	/* outline: none !important; */
}
.search-box .input-group-append button{
	color: #fff;
	padding:  0 20px !important;
	background: #fff;
	color: #333;
}
@media (max-width: 1200px) {
	.search-box{
		width: 90%;
		left: 0px;
		right: 0px;
		margin: 0px auto !important;
	}
}
/*@media (min-width: 1200px) {*/
/*	.z-nav-box{*/
/*        background: #fff !important;*/
/*        color: initial !important;*/
/*        position: inherit;*/
/*        max-width: 1200px;*/
/*        margin: 0 auto !important;*/
/*        position: absolute;*/
/*        top: 100px;*/
/*        height: max-content;*/
/*    }*/
/*    .close-img{*/
/*        display: none;*/
/*    }*/
/*    .list-n{*/
/*        display: inline-block;*/
/*        border: none;*/
/*    }*/
/*}*/