@charset "utf-8";
* html {
overflow: hidden;
}
* html body,
* html #wrapper {
position:relative;
width:100%;
height:100%;
overflow:auto;
}
* html #adv {position:absolute;

}


/* Basic */
html,body,ul,li,h1,h2,h4,h5,h6,blockquote,object,img,em,form,input,textarea,label{
	margin: 0px;
	padding: 0px;
}
body{
	font: 15px clean,sans-serif;
	line-height:1.8;
	text-align:left;
}

p{text-align: justify; text-justify:inter-ideograph;}

a{text-decoration: none;}
a:hover{}
img{border:none;}

.wrapper{width:840px; margin-right: auto; margin-left: auto; padding-top:100px;}
.space{	clear: both; }
#adv {
    bottom: 5%;
    display: block;
    position: fixed;
    right: 1%;
    width: 130px;
    z-index: 10;
}
/* Header */
.header{ padding:100px 0 1200px; background:url(/background_main.jpg)} 
.outside{position:relative; height:420px;}
.header #portfolio{width:800px; height:420px; overflow:hidden; margin:0 auto;}
.header #portfolio li{ width:100%; 
 display: table-cell;/*图片容器以表格的单元格形式显示*/
					text-align: center; /* 实现水平居中 */
					vertical-align: middle; /*实现垂直居中*/	
					}
.header #portfolio li img{vertical-align: middle; }
.header h1{display:none;}

.skip_button{ padding:20px 0; position: absolute; top:420px; width:100%; text-align:center;}

				

/* Main Content */
.main{width: 840px; padding-bottom:20px;}
.sider{ margin:20px 10px 0 ;width:186px; float:left; text-align:left;  padding-bottom:0; line-height:0;}
.sider ul{ list-style:none; padding-left:15px; width:160px; padding-bottom:0; margin-bottom:0;}
.sider ul li{font-size:15px;  border-bottom:#CCC 1px dashed; padding:11px 0 11px 15px;line-height:1em;}
.content{ float:left; width:580px; padding:20px 25px; _padding:20px;}
.content h2{  padding-left:20px; margin-bottom:15px;}
.content h2 a{ font-size:12px; font-weight:lighter;}

.bottom_link{ background-color:#FFFFCC; border:1px solid #FFCC33; margin:15px; text-align:center; font-size:13px; padding:5px;}

/* Footer */
.footer{ color: #656565;  padding:1px 10px 10px 280px; font-size:13px; line-height:1.5em;}