/*----------cn-------------*/
@charset "utf-8";
body{ background:#fff; margin:20px 0 0 0; padding:0; font-size:12px;}
ul,li,dl,dt,dd,p{ margin:0; padding:0; list-style:none;}
h1,h2,h3{ font-size:12px; font-weight:normal; margin:0; padding:0;}
img{ border:0}
.clear{ clear:both;}
a{ text-decoration:none;}
a:hover{ text-decoration:underline;}
#webWrap{ width:840px; margin:0 30px 0 30px; background:#fff;}

/*------------header--------------*/
#header{ width:840px; height:28px; position:relative; margin:0 0 15px 0; font-size:12px;}
#header .logo{ float:left; width:120px; height:28px;color:#000; padding:2px 0 0; line-height:28px; letter-spacing:0.2em;}
#header .logo a{ color:#000; text-decoration:none;}
#header .english{ float:right; width:98px; padding:6px 0 0 2px; display:block; height:18px;line-height:18px;}
#header .english dt{ float:left; width:62px;color:#A4A4A4; padding:0 0 0 8px;font-family:arial;}
#header .english dt a{ color:#A4A4A4;}
#header .english dt a:hover{ color:#000; text-decoration:none;}
#header .english dd{ float:left; width:25px; color:#A4A4A4;}
#header .english dd a{ color:#A4A4A4;}
#header .english dd a:hover{ color:#000; text-decoration:none;}
/*nav*/
#nav ul{position:absolute;margin:0px;padding:0px;}
#nav .ls{letter-spacing:0.2em; display:block; font-weight:50;}
#nav ul li{display:inline;list-style-position:outside;float:left; padding:0 10px; }
#nav .navUl li.pad{ padding-left:10px !important;}
#nav{width:560px;height:30px;border-bottom:0px;	padding:0px 15px;position:absolute;z-index:1;top:0; left:130px;}
.list{text-align:left;filter:Alpha(opacity=70);-moz-opacity:0.7; padding:4px 0 6px 0;font-weight:normal !Important;}
.list a{ color:#999; text-decoration:none;}
.list a:hover{ text-decoration:underline !important;}
.menu1{width:90px;height:auto; line-height:28px;background:#F2F2F2;color:#222;cursor:hand;overflow-y:hidden;filter:Alpha(opacity=80);-moz-opacity:0.8; }
.menu1 a{ color:#666; text-decoration:none;}
.menu1 a:hover{ text-decoration:none; color:#000;}

.menu2{width:90px;height:28px; line-height:28px;background:#fff;color:#A4A4A4;overflow-y:hidden; cursor:pointer;}
.menu2 a{ color:#A4A4A4; text-decoration:none;}
.menu2 a:hover{ color:#000; text-decoration:none;}

.show{text-align:left; padding:10px 15px 14px 10px; width:auto; background:#F2F2F2;line-height:22px; color:#A4A4A4;font-weight:100; cursor:pointer; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px}
.show a{width:100px;color:#A4A4A4;}
.show a:hover{ color:#000; text-decoration:none;}

/*index box*/
#IndexBox{ width:814px; padding:12px 12px 12px 12px; border:1px solid #DCDCDC; margin:6px 0 0;}

#homeleftcolumn{}
#container{ float:left;}
#leftShow,#rightShow{ text-align:right; color:#666; font-size:0.8em; line-height:1.7em;}
#leftShow b,#rightShow b{ color:#666;}
#leftShow{ float:left; width:280px; margin:0 14px 0 0;}
#rightShow{ float:left; width:520px;}

/*---------------aboutMe--------------*/
.aboutBox{border:1px solid #DCDCDC; width:810px; padding:15px 14px 0 14px;}
.aboutBox .aboutL{ float:left; width:212px;}
.aboutBox .aboutL .person{ width:212px; height:166px;}
.aboutBox .aboutR{ float:right; width:540px;}
.aboutBox .aboutR .title{}
.aboutList{ width:210px; padding:20px 0 0;}
.aboutList li{ width:210px; line-height:24px; height:24px;font-family:Verdana,Arial,Helvetica,sans-serif; letter-spacing:0.1em;}

/*----------mainCss worksList---------*/
.mainBox{ border:810px; border:1px solid #DCDCDC; padding:10px 15px 0 13px; float:left;}
.mainBox .contentL{ float:left; width:120px;}
.mainBox .contentR{ float:left; width:670px; padding:10px 0 0 18px;}
.bigPic{}
.bigPic img{ border:1px solid #242424;}
/*.bigPic img{width:507px; height:385px; overflow:hidden;}*/

.smaPic{float:right;}
.smaPic img{ border:1px solid #242424;}
/*other*/
.line{background:url(../icon_dot.gif) repeat-x; height:1px; overflow:hidden; margin:8px 0 12px;}
/*font*/
.black_tit{color:#000; font-family:Verdana,Arial,Helvetica,sans-serif; font-weight:bold;font-size:12px; letter-spacing:0.1em;}
.black01{ color:#A4A4A4; font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px; letter-spacing:0.1em;}
.black01 a{ color:#A4A4A4; text-decoration:none;}
.black01 a:hover{ color:#000;}

.black02{ color:#000; font-family:"微软雅黑"; font-size:12px;}

.gray01{ color:#989898;font-family:Arial,"微软雅黑";font-size:9px;}
.gray02{ color:#787878; font-family:arial; font-size:10px;}
.gray02 a{color:#787878;}

.gray03{ color:#787878; text-decoration:underline; font-size:10px; font-family:arial;}
.gray03 a{ color:#787878; text-decoration:underline;}
.gray03 a:hover{ text-decoration:none; color:#787878;}


.us_con{font-size:11px; line-height:16px; font-family:Verdana, Arial, Helvetica, sans-serif; width:520px; font-weight:normal; float:right;}
.us_name{ color:#000;  font-weight:bold; font-size:12px;}

.text_blue{ color:#000;}
.title_gray{ font-weight:bold;}

.text_un,.text_un a,.text_un a:hover{ text-decoration:underline !important;}

/*-------------imgshow-----------*/
#show {overflow:hidden; padding:0 0 10px}
#show ul {margin:0; padding: 0px;font-size: 12px;line-height: 15px; white-space: nowrap;} 
#show ul img{ border:1px solid #000}
#show li { display:block;width:102px; height:70px; float:left;}
.Scroller-Container {height:20px; top: 100px; left: 0px;}
#.Scrollbar-Up { width: 10px; height: 10px; background-color: #CCC;font-size: 0px;}
.Scrollbar-Track { width: 650px; height:20px; border:1px #FFF solid;background:url(../bg.gif) repeat-x left -8px;}
.Scrollbar-Handle {margin: 1px 0 0 0; width:30px; height:11px; background: #6E6E6E; font-size:1px;cursor:pointer;}
/*---------imgshow2_wallhouse ---------*/
.bigPic2{ width:auto; height:auto;}

#show2 {overflow:hidden; padding:0 0 14px}
#show2 ul {margin:0; padding: 0px;font-size: 12px;line-height:15px; white-space: nowrap;} 
#show2 ul img{ border:1px solid #000}
#show2 li { display:block;width:auto; height:124px; float:left;}
/*---------imgshow3_dup---------*/
#show3 {overflow:hidden; padding:4px 0 14px}
#show3 ul {margin:0; padding: 0px;font-size: 12px;line-height: 15px; white-space: nowrap;} 
#show3 ul img{ border:1px solid #000}
#show3 li { display:block;width:auto; height:124px; float:left;}
/*------------statement.css------*/
.statementBox{ width:620px;color:#333;font-size:11px; line-height:16px; font-family:Verdana, Arial, Helvetica, sans-serif; width:520px; font-weight:normal; margin:0; float:right;}
/*------------scroll.css------*/
.scrollTab{}
.scrollTab td{ padding-bottom:10px;}
.scrollTab td img{ cursor:pointer;}

/*------------ag.css-------*/
.bigPic3{width:460px; margin:0 auto; height:420px; overflow:hidden;}
.bigPic3 img{ border:1px solid #242424;}

/*-----------woman.css----*/
.bigPic4{ width:auto; height:auto;}
.bigPic4 img{ border:1px solid #242424;}

#show4 {overflow:hidden; padding:0 0 14px}
#show4 ul {margin:0; padding: 0px;font-size: 12px;line-height: 15px; white-space: nowrap;} 
#show4 ul img{ border:1px solid #000}
#show4 li { display:block;width:auto; height:82px; float:left;}

/*--------sleepwakling-------*/
.bigPic5{}
.bigPic5 img{ border:1px solid #242424;}