@charset "utf-8";
/* CSS Document */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5,h6, pre, form, fieldset, input, p, blockquote, table, th, td, embed,object {
     padding: 0;
     margin: 0; 
}
table {
     border-collapse: collapse;
     border-spacing: 0;
}
address, caption, cite, code, dfn, em, 
h1, h2, h3, h4, h5, h6, strong, th, var {
     font-weight: normal;
     font-style: normal;
}
ul
{ list-style:none;}
a img, :link img, :visited img {
        border:0px;
} 
a{ outline:none; color:#FFCC00; text-decoration:none;}

a:hover{ color:#f00;}

body { font-size:12px; color:#ded4c8; font-family:Verdana, Geneva, sans-serif; background:#000;}
.clear { clear:both;}
.layout { width:1004px; margin:0 auto; }

.nav { width:966px; height:40px; background: url(../images/nav1.jpg) no-repeat; padding-left:42px; position:relative;}
.base {
	width:120px;
	height:40px;
	text-indent:-9999px;
	position:absolute;
	left: 882px;
	top: 1px;
}
.base a{text-indent:-9999px;width:120px;
	height:40px; display:block; outline:none; }
.nav1 li { float:left;  position:relative; }
.nav1 li a { display:block; height:40px; width:86px;text-indent:-9999px;outline:none; }

.nav li .a1:hover { background: url(../images/nav2_02.jpg) no-repeat -42px; }
.nav li .a2:hover { background: url(../images/nav2_02.jpg) no-repeat -128px; }
.nav li .a3:hover { background:url(../images/nav2_02.jpg) no-repeat -214px;  }
.nav li .a4:hover { background:url(../images/nav2_02.jpg) no-repeat -300px; }
.nav li .a5:hover { background:url(../images/nav2_02.jpg) no-repeat -386px;}
.nav li .a6:hover { background:url(../images/nav2_02.jpg) no-repeat  -472px;}
.nav li .a7:hover { background:url(../images/nav2_02.jpg) no-repeat  -558px;}
.nav li .a8:hover { background:url(../images/nav2_02.jpg) no-repeat  -644px;}
.nav li .secondary-menu{
	position:absolute;
	width:88px;
	height:120px;
	background: url(../images/nav3bg_03.png) ;
	left: 0px;
	top: 40px; display:none;
}
.nav li ul  li a{ text-indent:20px; width:89px; color:#b2a89a; text-decoration:none; line-height:35px;}
.nav li ul  li a:hover{ text-indent:20px; width:89px; color:#fff; text-decoration:none; line-height:35px;}

.nav li .secondary-menu2{
	position:absolute;
	width:86px;
	height:80px;	
	background: url(../images/nav3bg_03.png) ;
	left: 0px;
	top: 40px; display:none;
	}
.nav li .secondary-menu3{
	position:absolute;
	width:83px;
	height:120px;
	background: url(../images/nav3bg_03.png) ;
	left: 0px;
	top: 40px; display:none;
}

.b1,.b3,.b2  { width:89px; height:35px;}
.c1,.c2 { width:89px; height:35px;}





.main { background:#000; width:1004px; }
.main-left { width:217px; float: left;}
.shipin { border-left:#141414 solid 5px; border-right:#141414 solid 5px; width:205px; height:168px; margin-left:1px;}
.about { width:217px; min-height:188px; height:auto !important; height:188px; background:#141414; text-transform:uppercase;}
.about span { display:block; padding:10px; line-height:150%;}

.main-right { width:780px; float:right; padding-left:7px;}
.top-left { width:400px; float:left; min-height:200px; height:!important; height:200px; }
.top-right { width:380px; float:right;min-height:200px; height:!important; height:200px;}
.top-left ul { list-style: square; padding-left:18px;padding-top:10px;}
.top-left ul li{ line-height:150%;}
.top-left ul li a{ color:#ded4c8; text-decoration:none; }
.top-left ul li a:hover{ color:#fff; text-decoration:none; }
.right1 { padding:5px 5px;}
.right1 span { float:right; display:block; width:270px;}
.right1 img { border:#bb721c solid 2px;}
.top-right ul {  list-style:square; padding:3px 0 3px 20px;}
.top-right ul li { line-height:150%;}
.top-right ul li a{ color:#ded4c8; text-decoration:none; }
.top-right ul li a:hover{ color:#fff; text-decoration:none; }
.right-top li span{ float:right; padding-right:10px;}
.case { background:url(../images/casebg.gif) repeat-x;}
.case .casemore { float:right; padding-top:2px;}
.case ul { list-style:none;}
.case ul li { padding:15px 5px; float:left;}
.teambg { background:url(../images/teambg.gif) repeat-x;}
.team .teammore { float:right;}
.team2 { height:170px; width:780px; background:url(../images/teambg2_03.gif) repeat-x; }


.pro { padding-top:15px; padding-left:18px;}
#demo { overflow:hidden; width: 730px;  padding-left:10px; }
#indemo { float:left; width: 800%;}
#demo1 { float:left;}
#demo1 ul{ list-style:none; }
#demo1 li,#demo2 li { float:left; width:74px; padding:0 10px;}
#demo1 li img,#demo2 li img { border:#993300 solid 1px;}
#demo1 span,#demo2 span  { float:left; width:74px; display:block; height:25px; line-height:25px; text-align:center; }
#demo2 {float: left; list-style: none;}


.footer { width:1004px; height:60px; background:url(../images/footerbg.jpg) no-repeat; text-align:center; color:#626262; padding-top:20px;}
.footer a { color:#626262; text-decoration:none;}
.footer a:hover { color:#fff; text-decoration:none;}

.main-left1 { width:209px; float:left;}
.main-right2{ width:794px; float:right; background:#000; min-height:500px;height:auto !important; height:500px; }
.nav4 { width:209px; height:243px; background:url(../images/pic3_06.jpg) no-repeat;}
.nav4 ul { padding:16px 0 0 80px; }
.nav4 ul li { line-height:29px;}
.nav4 ul li a {color:#ffcc00; text-decoration:none;}
.main2 { background:url(../images/pic3_08.jpg) no-repeat bottom left; width:1004px; min-height:500px; height:auto !important; height:500px;}
.content { background:#390000;}
.main-right2 .neirong { padding:25px; line-height:150%;  text-transform:uppercase;}
.about1 { width:794px; height:39px; background:url(../images/bg2_03.jpg) no-repeat; color:#ffcc00; font-weight:bold; font-size:14px;}
.about2 { padding-top:15px; padding-left:35px;}
.case2 { padding:10px 0; min-height:380px; height: auto !important; height:380px;}
.case2 ul li { width:220px; float:left; padding:5px 12px;}
.case2 ul li a { color:#ffcc00; text-decoration:none;}
.case2 ul li span { display:block; text-align:center; line-height:20px; vertical-align:middle;}
.page { display:block; text-align:center; padding:3px 0;}
.news2 {min-height:380px; height: auto !important; height:380px;}
.news2 ul li span { float:right; color:#F00;}
.news2 ul li { line-height:200%; border-bottom:#666 dotted 1px;}
.news2 ul li a { color:#ded4c8; text-decoration:none;}
.team{}
.team ul{ list-style:none;}
.team ul li{ float:left; width:100px; padding:10px 23px;}
.team ul li span{ display:block; text-align:center; padding-top:10px;}

.news2 ul li a:hover{ color:#ffcc00; text-decoration:none;}

.designer{ padding:30px 40px; color:#FFCC00;}
.designer .img1{ float:left; width:150px; padding:0px 20px; }
.designer .img1 img{border:solid 1px #ccc;}
.designer hr{ border:none; border-bottom:solid 1px #FE0000; padding-top:20px;}
.designer .designer_info{ float:left; width:300px; line-height:200%;}
.designer .designer_info span{ color:#ded4c8; padding:0px 0px 20px 50px;}
.designer .designer_zp{}
.designer .designer_zp ul{ list-style:none;}
.designer .designer_zp ul li{ float:left; padding:15px 23px;}
.designer .designer_zp ul li span{ display:block; text-align:center; line-height:20px; vertical-align:middle; width:130px; height:40px; }

.video{ width:500px; margin:0 auto; margin-top:20px; }
.videoplayer{width:500px; height:351px; border-top:solid 4px #333; border-left:solid 4px #333; border-right:solid 4px #333;}
.video_info{ line-height:200%; padding-top:10px; padding-bottom:20px;}

.linkimg{ width:220px; height:200px; display:block; text-align:center; border:solid 1px #333;}
.linkimg:hover{border:solid 1px #FFCC00;}

.hidden{ display:none;}

/*   Χ°ΠήΤ€ΤΌ   */
.Message { padding-top:20px;}
.Message h1 { height:45px; background:url(../images/order_1.gif) no-repeat 10px 0; font-size:12px; padding-left:150px; padding-top:10px;}
.M-table { padding:10px 10px;}
.M-table td { padding:7px 5px; background:#1A1A1A; border:#454545 solid 1px;}
.M-table .lefttd { width:100px; text-align:center;}
.M-table input,.M-table textarea { border:#666 solid 1px; background:#333; font-size:12px; color:#ddd; padding:2px;}
.M-table textarea{ width:500px;}
.M-table .submit{ border:none; background:url(../images/submit.jpg) no-repeat; width:92px; height:24px;}
.M-table .reset{ border:none; background:url(../images/reset.jpg) no-repeat; width:74px; height:24px;}