/*全局样式初始化*/

html,
body {
	height: 100%;
}

* {
	margin: 0;
	padding: 0;
}

body {
	word-break: break-all;
	font: 14px/1.5 "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
	color: #2b2b2b;
	background: #1680ea url(../images/bg.png) 100% 100% repeat-x;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
}

img,
a img {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: middle;
	outline: none;
}

ul,
li {
	list-style: none;
}

input,
select {
	vertical-align: middle;
}


/*全局链 接blr:expression(this.onFocus=this.blur());*/

a {
	text-decoration: none;
	color: #000;
	outline: none;
	zoom: 1;
}

a:hover {
	color: #197ECC;
}


/*闭合浮动层*/

.fixfloat {
	zoom: 1;
	_height: 1px;
}

.clearB,
.fixfloat:after {
	content: ".";
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	line-height: 0px;
	font-size: 0px;
}

.clearb {
	clear: both;
}

.header {
	position: absolute;
	width: 700px;
	height: 40px;
	left: 50%;
	top: 10%;
	margin-left: -350px;
	z-index: 3;
}


/*中间背景*/

.centerbg {
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 510px;
	margin-top: -255px;
	background: url(../images/bg2.png) center no-repeat;
}

.box {
	width: 1200px;
	margin: 40px auto 0 auto;
    overflow:hidden;
}

.boxleft {
	float: left;
	
}
.boxmenu{
	margin: 50px 0;
	position: relative;
	width: 620px;
    margin-left:40px;
}
/*.boxtit {
	position: absolute;
	top: -10px;
	width: 100%;
	color: #d1d8f2;
	text-align: center;
	overflow: hidden;
	z-index: 999;
	
}*/

.boxtit
{ position: absolute;
    width:100%;
    height:36px;
    line-height:36px;
    text-align:center;
    top: -18px;
}
.text{ display: inline-block; width: 120px; color: rgb(212,219,238)\9;color: rgba(212,219,238,0.8); font-size:18px ;}
.line
{
    display:inline-block;
    width:245px; 
    border-top:1px solid rgb(255, 255, 255)\9;
    border-top:1px solid rgba(255, 255, 255, 0.35);
    vertical-align:5px;  
　　//看到网上有把.text设置为vertical-align:-5px的，试了一下感觉和.header设置的line-height有冲突,效果不太合适。所以将vertical-align设置到.line上了
}


.boxwarp {
	padding: 30px 10px 30px 30px;
	border-width: 1px;
	border-style: solid;
	/*hack,注意border-color前后顺序*/
	border-color: rgb(255, 255, 255)\9;
	border-color: rgba(255, 255, 255, 0.35);
	border-top: none;
	overflow: hidden;
	position: relative;
	z-index: 2;
}

.boxmodle {
	margin-right: 20px;
	float: left;
	display: block;
	width: 105px;
	height: 120px;
	background-color: rgba(75, 174, 233, 0.2);
	/* IE9、标准浏览器、IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂 */
}

.boxmodle:hover{
	background-color: rgba(217,237, 250, 0.2);
}
.boxmodle1 {
	margin-right: 15px;
	float: left;
	display: block;
	width: 100px;
	height: 100px;
	background-color: rgba(107, 112, 249, 0.2);
	/* IE9、标准浏览器、IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂 */
}

.boxmodle1:hover{
	background-color: rgba(224,204, 251, 0.2);
}
.boxmodle p,.boxmodle1 p {
	text-align: center;
	color: rgb(212,219,238)\9;
	color: rgba(212,219,238,0.8);
}

.boxmodle img,.boxmodle1 img {
	margin: 10px auto 10px auto;
	display: block;
}


@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
	.boxmodle {
		background-color: #4baee9;
		filter: Alpha(opacity=20);
		position: static;
		/* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
		*zoom: 1;
		/* 激活IE6、7的haslayout属性，让它读懂Alpha */
	}
	.boxmodle:hover{
	background-color: #d9edfa;
	filter: Alpha(opacity=20);
		position: static;
		/* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
		*zoom: 1;
		/* 激活IE6、7的haslayout属性，让它读懂Alpha */
}
	.boxmodle1 {
		background-color: #6b70f9;
		filter: Alpha(opacity=20);
		position: static;
		/* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
		*zoom: 1;
		/* 激活IE6、7的haslayout属性，让它读懂Alpha */
	}
	.boxmodle1:hover{
	background-color: #e0ccfb;
	filter: Alpha(opacity=20);
		position: static;
		/* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
		*zoom: 1;
		/* 激活IE6、7的haslayout属性，让它读懂Alpha */
}
	.boxmodle img,.boxmodle1 img {
		position: relative;
		/* 设置子元素为相对定位，可让子元素不继承Alpha值 */
		margin: 25px auto 10px auto;
		display: block;
	}
	.boxmodle p,.boxmodle1 p {
		position: relative;
		/* 设置子元素为相对定位，可让子元素不继承Alpha值 */
		color: rgb(212,219,238);
	
	}
}

.boxright{
	float: right;
	width: 520px;
	height: 460px;
	background: url(../images/bigmap.png) no-repeat;
    margin: 15px 0px 0px 0px;
}
/*底部背景*/

.bottombg {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 135px;
	background: url(../images/bg3.png) center no-repeat;
}