@charset "utf-8";
/* CSS Document */
body{ padding:0; margin:10px 0 0 0; text-align:center; background:url(images/bj.gif) repeat; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#9c9c9c; line-height:160%;}
html{
 scrollbar-face-color:#454545;
 scrollbar-highlight-color:#666666;
 scrollbar-shadow-color:#1f1f1f;
 scrollbar-3dlight-color:#252525;
 scrollbar-arrow-color:#0a0a0a;
 scrollbar-track-color:#161616;
 scrollbar-darkshadow-color:#040404;
}
div, p, ul, li, h1, h2, h3, h4, h5, h6, h7, img, span, form{padding:0px; margin:0px; text-align:left;}
*{margin:0;padding:0;}
ul{list-style-type:none;}
h1{ font-size:14px; font-weight:bold;color:#21518b;}

/* 链接 */
a{font-family: Arial,"宋体";font-size: 12px;color:#21518b;text-decoration:none;}
a:hover{font-family:Arial, "宋体";font-size: 12px;color:#24b7bb4; text-decoration: underline;}

/* 公用,样式 */
.tleft {float:left;}
.tright {float:right;}
.clear{display:block; clear:both; font-size:0px;}
.xuxian{ border-bottom:1px dashed #1e1e1e;}
.blue{ color:#3b355e;}
a.blue{ color:#3b355e; text-decoration:none;}
a.blue:hover{ color:#2f6960; text-decoration:underline;}


/* 首页 */
.index_header{margin: 0px auto; padding:0; width:890px; height:238px; background:url(images/index_2_03.jpg) no-repeat;}
.header{margin: 0px auto; padding:0; background:url(images/about_03.jpg) no-repeat; width:890px; height:127px;}

.swf{width:520px; height:227px; float:right; padding-right:18px;margin-top:11px;padding-right:33px!important;}

.content{margin: 0px auto;padding:0; background:url(images/index_2_05.jpg) repeat-y; width:890px;}
.yidong{ height:auto; margin:0; padding:0;}
.yidong_top{ background:url(images/index_2_06.jpg) no-repeat; height:11px; width:890px; margin-bottom:0px; font-size:0;}
.yidong_middle{ width:850px; height:194px; text-align:center; display:block; margin-left:20px; background:#020000;margin-bottom:2px!important; }

.design{display:block; background:#020000; height:194px;}
.design p{ padding:10px 5px 0px 10px;}
.design p a{ width:120px; height:162px; border:1px solid #141414;;background:#424141; padding:7px; margin:4px; float:left;}
.design p a:hover{ background:#612121; border:1px solid #931414;}
.design p img{ border:1px solid #000;}

#links{ width:840px; height:auto; padding-left:26px; padding-top:14px; padding-bottom:10px;}
.link_top{ background:url(images/index_2_09.jpg) no-repeat; width:837px; height:24px;}
.link_middle{ border-left:1px solid #1a1a1a;border-right:1px solid #1a1a1a; border-bottom:1px solid #1a1a1a;width:835px; height:68px;}

.logo{display:block; background:#020000;}
.logo p{ padding:5px 8px 5px 15px;}
.logo p a{ width:88px; height:30px; border:1px solid #141414;;background:#424141; padding:5px 6px 5px 5px; margin:6px; float:left;}
.logo p a:hover{ background:#612121; border:1px solid #931414;}
.logo p img{ border:1px solid #000;}

.footer{margin: 0px auto; padding:0; width:890px; height:auto; background:url(images/index_2_05.jpg) repeat-y;}
.f_content{ width:488px; height:86px; line-height:120%; color:#585454; margin:0 auto; margin-top:8px;}
.f_content p{ margin:6px;}

/* 内页 */
#left{ background:url(images/about_08.jpg) repeat-y; width:189px; height:380px; float:left; margin:0; padding:0;}
.menu{ display:block; width:152px; float:right;padding-right:6px!important;padding-right:0px;}
.menu ul{ margin:9px 0 5px 6px; }
.menu li a{ width:152px; margin:4px 0;overflow: hidden; padding-top: 48px;HEIGHT: 0px; display:block;}
.menu li a:hover{ width:152px; margin:4px 0;overflow: hidden; padding-top: 48px;HEIGHT: 0px;}

.menu li#about a{ background:url(images/button_about.gif);}
.menu li#design a{ background:url(images/button_design.gif);}
.menu li#photo a{ background:url(images/button_photo.gif);}
.menu li#drawing a{ background:url(images/button_drawing.gif);}
.menu li#others a{ background:url(images/button_others.gif);}

.menu li#about a:hover{ background:url(images/button_about.gif) 0 -48px;}
.menu li#design a:hover{ background:url(images/button_design.gif) 0 -48px;}
.menu li#photo a:hover{ background:url(images/button_photo.gif) 0 -48px;}
.menu li#drawing a:hover{ background:url(images/button_drawing.gif) 0 -48px;}
.menu li#others a:hover{ background:url(images/button_others.gif) 0 -48px;}

.menu li#about a:active{ background:url(images/button_about.gif) 0 -96px;}
.menu li#design a:active{ background:url(images/button_design.gif) 0 -96px;}
.menu li#photo a:active{ background:url(images/button_photo.gif) 0 -96px;}
.menu li#drawing a:active{ background:url(images/button_drawing.gif) 0 -96px;}
.menu li#others a:active{ background:url(images/button_others.gif) 0 -96px;}

#about2.menu li#about a {background:url(images/button_about.gif) 0 -96px;}
#design2.menu li#design a {background:url(images/button_design.gif) 0 -96px;}
#photo2.menu li#photo a {background:url(images/button_photo.gif) 0 -96px;}
#drawing2.menu li#drawing a {background:url(images/button_drawing.gif) 0 -96px;}
#others2.menu li#others a {background:url(images/button_others.gif) 0 -96px;}

#right{ background:url(images/about_06.jpg) repeat-y; width:701px; height:auto; float:right;margin:0; padding:o;}

.about{ margin:0px 10px 8px 16px; line-height:170%;}
.tiao{ background:url(images/about_11.jpg) no-repeat; width:890px; height:30px;}