body, ol, ul, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea,select{
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5 {
    font-weight: normal;
}
a {
    text-decoration: none;
}
em, i {
    font-style: normal;
}
ol, ul, dl, li, dt, dd {
    list-style: none
}

.header{
	height: 460px;
	background: url(../img/bgbanner.png) center center no-repeat;
	overflow: hidden;
	position: relative;
}
.versions{
	position: absolute;
	top: 2px;
	left: 10px;
	font-size: 	14x;
	color: red;
	color: #ff00006e;
	font-size: 30px;
	font-weight: bold;
}
.headerBox{
	max-width: 1200px;
	margin: auto;
	height: 70px;
	margin-top: 40px;
}
.logoBox,
.switchBox{
	float: left;
}
.registerBox{
	float: right;
	margin-top: 30px;
	color: #fff;
	font-size: 0;
}
.registerBox>div{
	cursor: pointer;
}
.registerBox>div ul li:hover{
	background: #01a5f2;
	color: #fff;
}
.logoBox span{
	display: inline-block;
	width: 70px;
	height: 70px;
	background: url(../img/picCommon.png) 0px 0px no-repeat;
	vertical-align: middle;
}
.logoBox h1{
	display: inline-block;
	vertical-align: -7px;
	font-weight: bold;
	color: #fff;
	font-size: 32px;

}
.switchBox{
	margin-top: 22px;
	margin-left: 40px;
	position: relative;
}
.switchBox>span{
	display: inline-block;
	font-size: 22px;
	color: #fff;
	font-weight: bold;
	vertical-align: middle;
}
.switchBox .switchBtn{
	display: inline-block;
	width: 120px;
	height: 24px;
	box-sizing: border-box;
	border: 1px solid #fff;
	border-radius: 14px;
	vertical-align: middle;
}
.switchBtn p{
	position: relative;
	font-size: 13px;
	color: #fff;
	text-align: center;
	line-height: 23px;
	cursor: pointer;
}
.switchBtn p .span1{
	position: absolute;
	left: 13px;
	top: 5px;
	display: inline-block;
	width: 11px;
	height: 13px;
	background: url(../img/picCommon.png) -1px -74px no-repeat;
}
.switchBtn p .span2{
	position: absolute;
	right: 12px;
	top: 9px;
	display: inline-block;
	width: 11px;
	height: 7px;
	background: url(../img/picCommon.png) -23px -76px no-repeat;
}

.areaBox{
	position: absolute;
	left: -300px;
	margin-top: 20px;
	border-radius: 6px;
	width: 965px;
	background: rgba(255,255,255,95);
	padding: 10px;
}
.areaBox>em{
	position: absolute;
	top: -16px;
	left: 50%;
	margin-left: -64px;
}
.areaBox .divBox{
	display: flex;
	font-size: 14px;
	margin-top: 6px;
}
.areaBox .divBox span{
	width: 130px;
	text-align: right;
	color: #0259c3;
	line-height: 24px;
}
.areaBox .divBox ul{
	flex: 1;
	font-size: 0;
}
.areaBox .divBox ul li{
	font-size:14px ;
	display: inline-block;
	width: 90px;
	height: 24px;
	padding: 0 6px;
	line-height: 24px;
	text-align: center;
	border-radius: 13px;
	cursor: pointer;
	margin-bottom: 10px;
	margin-right: 1px;
}

.divBox li:hover,
.divBox li.areaActive{
	background: #01a5f2;
	color: #fff;
}

.selectVersions{
	display: inline-block;
	width: 90px;
	font-size: 14px;
	margin-right: 30px;
	vertical-align: top;
}
.selectVersions p img{
	vertical-align: -2px;
	margin-right: 4px;
}
.selectVersions ul{
	background: #fff;
	color: #333;
	border-radius: 3px;
	text-align: center;
	padding:4px 0;
	box-sizing: border-box;
	line-height: 28px;
	margin-top: 10px;
	display: none;
}
.registerBox a.register{
	margin-right: 14px;
	font-size: 14px;
	color: #fff;
}
.registerBox span{
	color: #fff;
	font-size: 14px;
	
}
.registerBox a.login{
	margin-left: 13px;
	color: #fff;
	font-size: 14px;
}
.registerBox a.back{
	margin-left: -26px;
	font-size: 14px;
	color: #fff;
}
.searchBox{
	max-width: 1200px;
	margin:110px auto 0;
}
.searchInputBox{
	width: 550px;
	height: 49px;
	font-size: 16px;
}
.searchInputBox input{
	width: 450px;
	height: 100%;
	border: 0;
	border-bottom-left-radius: 6px;
	border-top-left-radius: 6px;
	vertical-align: middle;
	outline: none;
	box-sizing: border-box;
	padding-left: 10px;
	display: inline-block;
	float: left;
}
.searchInputBox span{
	display: inline-block;
	width: 100px;
	height: 49px;
	line-height: 49px;
	font-size: 14px;
	border-bottom-right-radius: 6px;
	border-top-right-radius: 6px;
	background: #0097e0;
	color: #fff;
	vertical-align: middle;
	cursor: pointer;
}
.searchInputBox span em{
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin-left: 12px;
	background: url(../img/picCommon.png) -57px -267px no-repeat;
}

.searchBox ul{
	font-size: 0;
	margin-top: 14px;
}
.searchBox ul li{
	display: inline-block;
	font-size: 14px;
	margin-right: 6px;
	padding: 2px 9px;
	color: #fff;
	border-radius: 4px;
	cursor: pointer;
}
.searchBox ul li:hover,
.active{
	background: #f3b900;
}


/*脚部*/
.footer{
	
}
.footer .footerHeader{
	height: 46px;
	text-align: center;
	line-height: 46px;
	background:#1c5fab ;
	color: #fff;
}

.footerBottom{
	padding: 40px 0;
	text-align: center;
	/*background: #0394e9;*/
	background:#045beb;
}
.footerBottom span{
	vertical-align: top;
}
.footerBottom .span1{
	display:inline-block;
	width: 110px;
	height: 60px;
	background: url(../img/picCommon.png) 0 -305px no-repeat;
}
.footerBottom .span2{
	display:inline-block;
	width: 600px;
	font-size: 14px;
}
.footerBottom .span2 p{
	margin-bottom: 10px;
	color: #fff;
}
.footerBottom .span3{
	display:inline-block;
	width: 44px;
	height: 55px;
	background: url(../img/picCommon.png) 0 -247px no-repeat;
}