@charset "utf-8";
/* CSS Document */
.nav{
	overflow:hidden;
	padding:20px 0;
	}
.nav .logo{
	float:left;
	width:430px;
	}
.nav .right{
	height:84px;
	width:550px;
	float:right;
	overflow:hidden;
	display:flex;
    justify-content:center;
    align-items:center;
	}
.nav .phone{
	width:230px;
	margin-left:40px;
	float:left;
	}
.nav .search{
	width:280px;
	overflow:hidden;
    position: relative;
	float:left;
	}
.nav .search .kuan {
	width:calc(100% - 35px);
    float: left;
}
.nav .search .an {
	float: left;
}
.nav .search .kuan input {
    width: 100%;
    height: 33px;
    line-height: 26px;
    color: #9b9b9b;
    padding-left: 10px;
    font-size: 12px;
    border: 1px solid #dddddd;
}
.nav .search .an input {
    width: 35px;
    height: 35px;
    background: #FFA800 url(../images/about_16.png) no-repeat center center;
    border: none;
    position: absolute;
    top: 0px;
}

.nav_bot{
	background-color:#0170c1;
	height:48px;    
	position: relative;
    z-index: 2;
	padding-top:2px;
	box-shadow:0 5px 8px rgba(0,0,0,0.4);
	}
.nav_bot .nav_list{
	overflow:hidden;
	}
.nav_bot .nav_list li{
	width:150px;
	height:48px;
	float:left;
	text-align:center;
	line-height:48px;
	}
.nav_bot .nav_list li a{
	color:#fff;
	font-size:15px;
	display:block;
	}
.nav_bot .nav_list li:hover{
	background-color:#fff;
	transition:all 0.3s linear;
	}
.nav_bot .nav_list li:hover a{
	color:#0170c1;
	font-weight:bold;
	transition:all 0.3s linear;
	}
.nav_bot .nav_list .ative{
	background-color:#fff;
	}
.nav_bot .nav_list .ative a{
	color:#0170c1;
	font-weight:bold;
	}

.ban{
	width:100%;
	height:300px;
	margin-bottom:60px;
	}