* { margin:0; padding:0;}
ul,li,ol { list-style:none;}
body { font-size:12px; font-family:Arial, Helvetica, sans-serif; background-color:#000;}
img { border:none;}
.clearDiv { clear:both; font-size:0px;}


.logo { clear:both; width:870px; height:140px; margin:0 auto; }
.logo img { display:block;}


.flash { clear:both; width:870px; height:260px; margin:0 auto; margin-bottom:15px;}
#home .flash,#contact .flash { background:url(../images/homepage banner.jpg) no-repeat left top;}
#resume .flash { background:url(../images/resume banner.jpg) no-repeat left top;}
#forsail .flash { background:url(../images/forsail banner.jpg) no-repeat left top;}
#abstract .flash { background:url(../images/abstract banner.jpg) no-repeat left top;}
#hutong .flash { background:url(../images/hutong banner.jpg) no-repeat left top;}
#person .flash { background:url(../images/person portrait banner.jpg) no-repeat left top;}
#lanscape .flash { background:url(../images/landscape banner.jpg) no-repeat left top;}
#other .flash { background:url(../images/landscape banner.jpg) no-repeat left top;}



.menu { clear:both; width:870px; height:27px; margin:0 auto; overflow:hidden; margin-bottom:15px;}
.menu li { float:left; width:94px; height:27px; text-align:center; margin-right:2px; line-height:27px;}
.menu li#last { border:none; width:102px; margin:0;}
.menu li#menuOther { display:block; line-height:11px; }
.menu li#menuOther a { padding-bottom:3px; padding-top:2px;}
.menu li a { text-decoration:none; display:block; background-color:#808183; font-size:12px; color:#fff; letter-spacing:1px;}
.menu li a:hover { background-color:#b23031; color:#fff}
#home .menu li a.home { background-color:#b23031; color:#fff}
#resume .menu li a.resume { background-color:#b23031; color:#fff}
#forsail .menu li a.forsail { background-color:#b23031; color:#fff}
#abstract .menu li a.abstract { background-color:#b23031; color:#fff}
#hutong .menu li a.hutong { background-color:#b23031; color:#fff}
#person .menu li a.person { background-color:#b23031; color:#fff}
#lanscape .menu li a.lanscape { background-color:#b23031; color:#fff}
#other .menu li a.other { background-color:#b23031; color:#fff}
#contact .menu li a.contact { background-color:#b23031; color:#fff}



.titleTop { clear:both; width:870px; height:75px; margin:0 auto; overflow:hidden;}
.titleTop h1 { display:block; float:left; width:430px; height:75px; padding-top:55px; overflow:hidden;}
.titleTop h1 span { font-weight:normal; font-size:14px; letter-spacing:2px; color:#000; background:#fffefe url(../images/line1.jpg) repeat-y left top; padding:2px 30px 2px 10px;}
.titleTop h1 span#hometitle { background:#fff url(../images/line2.jpg) repeat-y left top; color:#fff; padding-right:100px;}
.titleTop blockquote { display:block; float:right; width:430px; height:75px; text-align:right; color:#595858; font-size:13px; line-height:18px;}
.titleTop blockquote b { font-weight:bold; font-size:15px;}
.titleTop blockquote b span { color:#b03611;}

.txtSM_h1 { clear:both; width:870px; margin:0 auto;}
.txtSM_h1 h1 { display:block; float:left; width:430px; overflow:hidden;}
.txtSM_h1 h1 span { font-weight:normal; font-size:14px; letter-spacing:2px; color:#000; background:#fffefe url(../images/line1.jpg) repeat-y left top; padding:2px 30px 2px 10px;}
.txtSM_h2 { clear:both; width:870px; margin:0 auto;}
.txtSM_h2 h2 { font-weight:normal; clear:both; display:block; color:#eee; line-height:40px; font-size:14px;}

.footer { clear:both; width:870px; height:120px; margin:0 auto; background-color:#181818; margin-top:40px;}
.footer p { text-align:right; line-height:19px; padding-top:10px; padding-right:10px; color:#666;}






.imgListNoTitle { clear:both; width:885px; height:115px; margin:0 auto; margin-top:50px;} 
html>body .imgListNoTitle { height:auto; min-height:115px;}
.imgListNoTitle ul li { float:left; width:177px; text-align:center; padding-bottom:15px;}
.imgListNoTitle ul li img { display:block; border:1px #363636 solid; margin:0 auto;}
.imgListNoTitle ul li a:hover img { border:1px #999 solid;}

.imgListNoTitle2 { clear:both; width:885px; height:115px; margin:0 auto; margin-top:20px; margin-bottom:20px;} 
html>body .imgListNoTitle2 { height:auto; min-height:115px;}
.imgListNoTitle2 ul li { float:left; width:177px; text-align:center; padding-bottom:15px;display: table-cell;vertical-align:middle;text-align:center;*display: block;*font-size: 101px;*font-family:Arial;}
.imgListNoTitle2 ul li img { border:1px #363636 solid; vertical-align:middle;}
.imgListNoTitle2 ul li a:hover img { border:1px #999 solid;}

.imgListNoTitle3 { clear:both; width:885px; height:115px; margin:0 auto; margin-top:20px; margin-bottom:20px;} 
html>body .imgListNoTitle3 { height:auto; min-height:115px;}
.imgListNoTitle3 ul li { float:left; width:88px; text-align:center; height:80px; padding-bottom:15px;display: table-cell;vertical-align:middle;text-align:center;*display: block;*font-size: 72px;*font-family:Arial;}
.imgListNoTitle3 ul li img { border:1px #363636 solid; vertical-align:middle;}
.imgListNoTitle3 ul li a:hover img { border:1px #999 solid;}



.txtBoxMain { clear:both; width:885px; height:115px; margin:0 auto; margin-top:50px;} 
html>body .txtBoxMain { height:auto; min-height:115px;}
.txtBoxTxt { padding:0 10px;}
.txtBoxTxt h1 { font-weight: bold; font-size:18px; color:#000; line-height:40px;}
.txtBoxTxt h2 { font-weight: bold; font-size:15px; color:#000; line-height:50px;}
.txtBoxTxt ul { padding-left:20px;}
.txtBoxTxt ul li { line-height:25px;}

.txtBoxMain2 { clear:both; width:885px; height:115px; margin:0 auto; margin-top:50px; color:#666} 
html>body .txtBoxMain2 { height:auto; min-height:115px;}
.txtBoxTxt2 { padding:0 10px;}
.txtBoxTxt2 h1 { font-weight: bold; font-size:18px; color:#999; line-height:40px;}
.txtBoxTxt2 h2 { font-weight: bold; font-size:15px; color:#999; line-height:50px;}
.txtBoxTxt2 ul { padding-left:20px;}
.txtBoxTxt2 ul li { line-height:25px; font-size:14px;}