@charset "utf-8";
/* CSS Document */
/*基本信息*/
html,body {
	font-family:Arial;
	font-size:12px;
	line-height:20px;
	background: #ffffff;
	margin:0;
	padding:0;
}

/*页面层容器*/
#container {width:100%;}
.content{width:1200px; margin-left:auto; margin-right:auto;}
.w990{width:990px; margin-left:auto; margin-right:auto;}
h1 {font:24px Arial; color:#e16a10; margin-top:20px;text-align:left;}
h2 {font:18px Arial; color:#1e2a76; margin-top:10px;}
p {text-align:left;}
table {width:880px; border: 1px solid #008ddd; margin:10px auto; text-align:center;}
th { background:#008ddd; color:#ffffff;}
td { text-align:left; padding:10px;}

/*页面头部header*/
#header {
	float:left;
	width:100%;
	height:50px;
	text-align:center;
	color: #1e2a76;
	background: #e16a10;
}

#header .logo {
	float:left;
    width: 150px;
	height:50px;
	line-height:50px;
}

#header .nav{
    float: right;
	width:840px;
	height:50px;
	line-height:50px;
}

#header .nav ul{
    padding:0;
	margin:0;
}

#header .nav ul li{
    float:left;
	list-style: none;
	width:140px;
}

#header .nav ul li a{
	text-decoration: none;
	color: #f8f8f8;
	font-size:14px;
	height:50px;
	line-height:50px;
}

#header .nav ul li a:focus,
#header .nav ul li a:hover {
	text-decoration: none;
	color: #f8f8f8;
}



/*页面主体*/
#main {
	float:left;
	width:100%;
	text-align:center;
	margin:0 auto;
	padding:0;
}

#main .img-d{
	transition:all 2s ease;
}

#main .img-d:hover{
	transform:scale(1.2);
}

/*页面page1,page2 */
#main .blk77{
	float:left;
	width:980px; 
	height:400px;
	margin:0px 5px 5px 5px;
	padding:0;
	position:relative;
	overflow:hidden;
}

#main .blk88{
	float:left;
	width:400px;
	height:280px;
	margin:5px;
	padding:0;
	position:relative;
	overflow:hidden;
}

#main .blk99{
	float:left;
	width:280px;
	height:280px;
	margin:5px;
	padding:0;
	position:relative;
	overflow:hidden;
}

#main .blk100{
	float:left;
	width:280px;
	height:280px;
	margin:5px;
	padding:0;
	position:relative;
	overflow:hidden;
}

#main .blk77 .blkt77{
	width:980px;
	height:100px;
	line-height:100px;
	font-size:20px;
	text-align:center;
	color:#e4e7eb;
	background:rgba(0,0,0,0.5);
	z-index:9000;
	position:absolute;
	bottom:-100px;
	transition:all 2s ease;
}

#main .blk77:hover .blkt77{
	transform:translateY(-100px);
}

#main .blk88 .blkt88{
	width:400px;
	height:50px;
	line-height:50px;
	font-size:16px;
	text-align:center;
	color:#e4e7eb;
	background:rgba(0,0,0,0.5);
	z-index:9000;
	position:absolute;
	bottom:-50px;
	transition:all 2s ease;
}

#main .blk88:hover .blkt88{
	transform:translateY(-50px);
}

#main .blk99 .blkt99,
#main .blk100 .blkt100{
	width:280px;
	height:50px;
	line-height:50px;
	font-size:16px;
	text-align:center;
	color:#e4e7eb;
	background:rgba(0,0,0,0.5);
	z-index:9000;
	position:absolute;
	bottom:-50px;
	transition:all 2s ease;
}

#main .blk99:hover .blkt99,
#main .blk100:hover .blkt100{
	transform:translateY(-50px);
}



/*页面底部*/
#footer {float:left; width:100%; height:400px; margin:0 auto; background:#1e2a76; color:#f8f8f8;}

#footer .w180{float:left; width:400px; margin-top:30px; height:300px; padding:0 0 0 10px; color:#f8f8f8}
#footer .w800{float:left; width:580px; margin-top:30px; height:300px; color:#f8f8f8}
#footer a {text-decoration:none;  font-weight:bold;}
#footer a:link,a:visited{color:#f8f8f8;}
#footer a:hover,a:active{color:#ffffff;}
#footer ul {list-style:none; margin:0; padding:0}
#footer li {line-height:30px; width:400px;}

hr {
	clear:both;
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ffffff;
	margin:10px;
	padding: 0;
}