@charset "utf-8";
/* CSS Document */
.nav{
	overflow:hidden;
	background-color:#333;
	}
.nav p{
	float:left;
	font-size:14px;
	color:#fff;
	line-height:30px;
	}
.nav .phone{
	float:right;
	overflow:hidden;
	display:flex;
    justify-content:center;
    align-items:center;
	line-height:30px;
	}
.nav .phone>img{
	width:19px;
	margin-right:10px;
	float:left;
	}
.nav .phone span{
	font-size:14px;
	color:#fff;
	}

.nav{
	border-bottom:80px solid #000;
	}
	
.nav_bot{
	position:fixed;
	top:30px;
	z-index:999;
	width:100%;
    height: 80px;
    background: -webkit-linear-gradient(-45deg, #fff 0%, #fff 60%, #e20202 60%, #e20202 70%,#8d0606 100%); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(-45deg, #fff 0%, #fff 60%, #e20202 60%, #e20202 70%,#8d0606 100%); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(-45deg, #fff 0%, #fff 60%, #e20202 60%, #e20202 70%,#8d0606 100%); /* Firefox 3.6 - 15 */
    background: linear-gradient(-45deg, #fff 0%, #fff 60%, #e20202 60%, #e20202 70%,#8d0606 100%); /* 标准的语法（必须放在最后） */  
	box-shadow:0 0px 8px rgba(0,0,0,0.4);
	}	
.nav_bot .logo{
	float:left;
	width:29%;
	height:80px;
    display:flex;
    justify-content:center;
    align-items:center;
	}
.nav_bot .logo>img{
	width:100%;
	}
.nav_bot .nav_list{
	width:60%;
	float:right;
	overflow:hidden;
	}
.nav_bot .nav_list li{
	width:calc(100%/7);
	height:76px;
	float:left;
	text-align:center;
	line-height:76px;
	}
.nav_bot .nav_list li a{
	color:#333;
	font-size:16px;
	display:block;
	}
.nav_bot .nav_list li:hover{
	border-bottom: 4px solid #e20202;
	transition:all 0.3s linear;
	}
.nav_bot .nav_list li:hover a{
	color:#e20202;
	font-weight:bold;
	transition:all 0.3s linear;
	}
.nav_bot .nav_list .ative{
	border-bottom: 4px solid #e20202;
	}
.nav_bot .nav_list .ative a{
	color:#e20202;
	font-weight:bold;
	}
.wap_nav{
	position:fixed;
	top:0;
	left:0;
	z-index:999;
	height:50px;
	width:100%;
	display:none;
	background-color:#e20202;
	}
.logo2{
	display:none;
	display:block;
    width: 150px;
	padding:8px 0;
    margin: 0 auto;
    float: none;
	}

	
@media (max-width:992px){
	.wap_nav{
	display:block;
	}
	.nav{
	display:none;
	}
	.nav_bot{
	display:none;
	}
}