/*头部*/
.head {
    width: 100%;
    position: fixed;
	height:125px;
	background:#fff;
	top: 0;
	left: 0;
    z-index: 99;
    transition: all 0.3s ease-out 0s;
}

.head .nav {
    transition: all 0.3s ease-out 0s;
	position:relative;
	z-index:999999;
	margin-left:3%;
}


.navbg{
	width:100%;
	background:#128eab;
}

.head .nav li {
	float: left;
	min-width:100px;
    line-height:45px;
    position: relative;
    transition: all 0.3s ease-out 0s;
}

.head .nav li>a {
	display: block;
	padding:0px 40px;
	font-size: 16px;
    transition: all ease-out .3s;
	color:#fff;
}
.head .nav li.active>a,
.head .nav li:hover>a{
	color: #fff;
    background: #128eab;
}
.head .nav li .subnav {
	width:99.5%;
	box-shadow: 0px 20px 30px rgba(34, 107, 183, 0.3);
    opacity: 0;
    visibility: hidden;
	position: absolute;
	top:45px;
	left:0px;
    transition: all 0.3s ease-out 0s
}

.head .nav li:hover .subnav {
	display: block;
	opacity: 1;
	visibility: visible;
	top:45px;
}

.head .nav li .subnav a {
	height: 49px;
	display: block;
	padding:0px 40px;
	line-height: 48px;
    border-bottom: 1px solid rgba(255,255,255, 0.3);
    background: #128eab;
    transition: all 0.2s ease-out 0s;
	color:#FFF;
	font-weight:normal;
}

.head .nav li .subnav a i {
	opacity: 0;
	float: right;
    transition: all 0.2s ease-out 0s;
}
.head .nav li .subnav a:hover {
    background: #f1f1f1;
    color: #333;
}
.head .nav li .subnav a:hover i {
	opacity: 1;
}

.mark a{ color:#868686; cursor:pointer;
}
.mark a:hover{ color:#128eab;
}
.mark .oa{
	padding-right:12px; float:right;
}
.mark .fav{
	padding-right:12px; float:right;
}
.mark{ display: block; float: right; margin-top:40px; font-size:14px; color:#dadada}
.mark .search{ display: inline-block; position: relative; padding-right:12px; margin-right:12px; color:#868686; height:25px; float:right;}
.mark .search:after{content: ""; display: block; width: 1px; height: 10px; background: #fff; position: absolute; right: 0; top:5px;}
.mark .search input{ width: 20px; height: 20px; display: inline-block;  background: none; vertical-align: middle; border: 0 none; outline: 0 none; color:#128eab;}
.mark .search input.text{ width: 0px; border-bottom: 1px solid #888; 
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
}
.mark .search input.submit{ background:url(../images/search0.png) no-repeat center center; cursor: pointer;}
.mark .search:hover input.text{ width: 100px;}