@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;}
body{font-size:14px;line-height:24px;font-family:Microsoft YaHei; color:#5b4747; background:url(../images/body-bg.jpg) center 532px no-repeat;}
dl,dt,dd,ul,li{display:block;}
li{list-style-type:none;}
img{border:none;}
.clr{clear:both; height:0px; overflow:hidden;}
.left{float:left;}
.right{float:right;}
a{color:#37aac3; text-decoration:none;}
a:hover{text-decoration:underline;}


.banner{width:980px; margin:0 auto;}

/*top*/
.top{width:100%; background:url(../images/top_bg.gif) repeat-x; color:#8e8e8e; border-bottom:1px solid #fff;height:30px;}
.top ul{width:1000px; margin:0 auto;}
.top li{float:left; margin:0 3px;height:30px; line-height:30px; font-size:12px;}
.top .topline{width:3px; background:url(../images/top_line.gif) 0 6px no-repeat;}
.top li a{color:#8e8e8e; text-decoration:none;}
.top li a:hover{color:#7b0707; text-decoration:underline;}

/*header*/
.header{width:100%; height:510px; background:url(../images/header.jpg) center no-repeat;}
.header .box{width:980px; height:510px; margin:0 auto; position:relative;}
.header .box .erweima{position:absolute;top:254px; left:720px;}
.header .box .guide{width:450px; position:absolute; top:250px; left:250px;}
.header .box .guide span{font-size:26px; font-weight:500; display:block; margin-bottom:15px; letter-spacing:5px;}

/*pit*/
.pit{width:980px; height:407px; background:url(../images/work-bg.png) center bottom no-repeat; padding:0px 64px 0 64px; margin:0 auto;}
.pit .text{width:335px; background:#b6b5b4; padding:20px; filter:alpha(opacity=80);-moz-opacity:0.8; -khtml-opacity: 0.8;opacity: 0.8; float:left; margin-top:30px;}
.pit h3{font-size:22px; color:#5c8383; font-weight:normal; text-align:center; margin-bottom:15px; font-family:'方正正中黑简体'；}
.pit h3 a{color:#5c8383;}
.pit .work{width:590px; float:right;}
.pit .work li{width:295px; float:left; text-align:right;}



/*epilogue*/
.epilogue-tit{width:980px; height:110px; clear:both; background:url(../images/epilogue.png) 0 bottom no-repeat;}
.epilogue{width:780px; margin:10px auto;}



/*bottom*/
.bottom{width:100%; background:url(../images/bottom_bg.gif) repeat-x; height:200px; clear:both; line-height:24px; margin-top:35px; font-size:12px;}
.bottom .bt{width:980px; margin:auto; padding:40px 0 15px 0; color:#373737; text-align:center;}
.bottom .bt a{color:#373737; text-decoration:none;}
.bottom .bt a:hover{color:#373737; text-decoration:underline;}


