/*-------header-------*/
.header{
	width:100%;
	height:122px;
}
.header .content{
	width: 1200px;
	height: 122px;
	margin: 0 auto;
}
.header .logo{
	margin-top: 20px;
	float: left;
	width: 398px;
	height: 84px;
}
.header .logo img{
	width: 398px;
	height: 82px;
}

.header_search{
	margin-top:43px;
	float:right;
	margin-right: 4px;
	position: relative;
}
.header_search .inputbox{
	float:left;
	width: 218px;
	height:34px;
	border:1px solid #e6e6e6;
	color:#333;
	outline:none;
	margin-right: 23px;
	padding-left: 28px;
	border-radius: 19px;
}
.header_search .search{
	width: 19px;
	height: 20px;
	background-image: url(../img/search_icon.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 9px;
	left: 210px;
	cursor: pointer;
	background-color: transparent;
}
/*-------nav导航-------*/
.nav{
	min-width:1200px;
	height:40px;
	background-color: #207bec;
}
.center{
	width: 1200px;
	height:40px;
	margin: 0 auto;
}
.categroies>li{ 
 position:relative;
 text-align:center; 
 float:left; 
 width:100px;
 }
.categroies>li.active{
	background-color:#f94c3b;
}
 .categroies>li>a{
	 color:#fff;
	 font-size:14px;
	 line-height:40px;
} 
.categroies>li:hover{
	background-color:  #f94c3b;
}
.categroies>li:hover a{
	color:#fff;
}
.smallbox{
	 position:absolute; 
	 top:39px; 
	 left:0;  
	 text-align:center; 
	 z-index:10;
	 width:100px;
	 text-align:center;
	 padding-bottom:12px;
}
.smallbox a{
	color:#333; 
	font-size:14px; 
	line-height:40px;
}
.smallbox>li{
	width:100px;
	text-align: center;
	background-color: #f94c3b;
	margin-bottom: 1px; 
}
.smallbox>li a{
	color:#fff;
}
.smallbox>li:hover{
	background-color:#fc6a5c;
}

/*-------页面底部-------*/
.footer{
	width: 100%;
	min-width: 1200px;
	height: 129px;
	background: #3688ee;
	border-bottom: 1px solid rgba(255,255,255,0.2);
}
.footer .footercon{
	width: 1200px;
	height: 180px;
	margin: 0 auto;
	overflow: hidden;
}
.footercon .blogroll{
	width: 65px;
	height: 30px;
	font-size: 16px;
	margin-top: 20px;
	margin-left: 567px;
	text-align: center;
	color: white;
}
.blogroll p{
	width: 65px;
	margin-bottom: 7px;
}
.blogroll .border{
	width: 65px;
	height: 1px;
	background: rgba(255,255,255,0.2);
}
.footercon .link{
	width: 1170px;
	height: 25px;
	margin: 0 auto;
	margin-top:33px;
	position: relative;
}

.link .left img,.link .right img{
	width: 10px;
	height: 20px;
	cursor: pointer;
	margin-top: 2px;
}
.link .left{
	float: left;
	
}
.link .right{
	float: right;
}
.linkcon{
	width: 1092px;
    height: 25px;
    overflow: hidden;
    position: absolute;
    left: 34px;
}
.linkcon ul{
	/*width: 200%;*/
    height: 25px;
}
.linkcon ul li{
	float: left;
	font-size: 14px;
	line-height: 25px;
	margin-right: 34px;
}
.linkcon li a{
	color: white;
}
.foot{
	width: 100%;
	min-width: 1200px;
	height: 51px;
	background: #3688ee;
	border-bottom: 1px solid rgba(255,255,255,0.2);
}
.footcon{
	width: 1200px;
	height: 51px;
	margin: 0 auto;
	color: white;
	font-size: 14px;
	overflow:hidden;
	position: relative;
}
.footcon .span1{
	position: absolute;
	top: 19px;
	left: 382px;
}
.foot a{
	color: white;
}
.foot a:hover{
	color: #f94c3b;
}
.footcon .span2{
	position: absolute;
	top: 19px;
	left: 691px;
}