@charset "utf-8";
/*---------------common---------------*/
*{ margin:0; padding:0;}
body{ font-size:12px; color:#fff; background:#000;}
li{ list-style:none;}
.clear{ clear:both; width:100%; height:1px; overflow:hidden;}
a{ text-decoration:none; color:#b6b6b6;}
a:hover{}
a:visited{}
img{ border:0;}
/*---------------common end---------------*/

.top{ width:1000px; position:relative; height:146px; background:#000;}
.topbox{ width:100%; background:#000;}
.nav{ position:absolute; bottom:0; right:0px; width:624px; background:url(../img/line5.gif) repeat-x bottom; padding-bottom:1px;}
.line1{ position:absolute; right:0; top:145px;}
.line2{ position:absolute; right:0; top:586px; width:100%; background:url(../img/line3.gif) no-repeat right; height:26px; overflow:hidden;}
/*---------------logo---------------*/
.logo{
width:373px; height:238px;
position:absolute;
left:3px;
top:0px;
display:block;
}
/*IE6支持*/
* .logo{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="img/logo.PNG")
}
html>body .logo{
background:url(../img/logo.PNG) no-repeat;
}

#logo{ position:absolute; top:40px; z-index:1000; left:5px;}
#logo li{ 
float:left; display:inline; width:373px; height:100px; background:#000;-moz-opacity:0; filter:alpha(opacity=0);
}
#logo li a{ float:left; display:inline; width:373px; height:100px; }

/*---------------logo end---------------*/

.h_page{width:1000px; padding:0 0 20px 0; height:420px; overflow:hidden;}
.h_box1{ width:475px; float:left; display:inline; padding:80px 0 0 12px;}
.h_box1 h4,.h_box1 h5,.h_box1 h6{ 
background:url(../img/line.gif) bottom no-repeat; height:18px; padding:5px 80px 5px 0;
text-align:right;
color:#b0b0b0;
font-weight:normal;
font-size:12px;
}
.h_box1 h5{ position:relative;}
.h_box1 h5 span{ position:absolute; left:0; padding:0 0 0 20px; background:url(../img/iocn1.GIF) no-repeat 0 3px;}
.h_box1 h5 span a:hover{ color:#fff;}
.ad{ width:484px; float:left; display:inline; padding:41px 0 0 0;}



/*product*/
.h_product{ background:url(../img/line.gif) bottom no-repeat; padding:0 0 5px 0;}
.h_pro{ width:90px; float:left; margin:14px 14px 0 0;}
.h_pro h1{ font-size:12px; font-weight:normal; color:#4d4d4d; padding:5px 0; font-family:Arial, Helvetica, sans-serif,宋体;}
.h_pro h1 a{ color:#4d4d4d;}
.h_pro h1 a:hover{ color:#fff;}
.pro_img{
border-top:3px solid #7b7b7b;
border-bottom:3px solid #7b7b7b;
border-left:2px solid #7b7b7b;
border-right:2px solid #7b7b7b;
}
.pro_img img{ width:84px; height:70px; border:0;}
.pro_img a img{-moz-opacity:0.5; filter:alpha(opacity=50);}
.pro_img a:hover{font-size:12px;}
.pro_img a:hover img{-moz-opacity:1; filter:alpha(opacity=100); cursor:hand;}


.news{ background:url(../img/line.gif) no-repeat bottom; padding:0 0 5px 0;}
.news li{ padding:4px 0;}
.news li a{ text-decoration:none;}
.news li a:hover{ color:#fff; text-decoration:underline;}

/*foot*/
.foot{ 
padding:0 0 0 0; height:26px;
width:100%;
background:url(../img/line3.gif) no-repeat right top;
}
.foot h1{ 
position:relative; font-size:12px; font-weight:normal; color:#b6b6b6;
background:url(../img/line6.gif) repeat-x;
height:18px;
width:900px;
padding:8px 0 0 0;
padding:5px;
letter-spacing:2px;
}
.foot h1 span{ position:absolute; left:755px; top:5px; background:url(../img/iocn2.GIF) no-repeat 0 0; padding:0 0 0 18px; font-family:Arial, Helvetica, sans-serif; font-size:10px;}
.foot p{ line-height:150%; padding:5px 0; text-align:right; font-family:Arial, Helvetica, sans-serif; color:#575757;}

/*link*/
/*---------------roll---------------*/
.marquee{/*滚动框容器*/
width:455px;
background:;
height:27px;
margin:10px 0;
overflow:hidden;
}
.arrow{ width:7px; float:left; padding:0;}
.arrow img{ cursor:pointer;}
.marboxw{/*loop容器*/
width:441px;
height:27px;
float:left;
background:#3f3f3f;
overflow:hidden;
}
.picl{/*列表容器*/
float:left;
width:auto !important;
width:27px;
min-width:27px;
height:27px;
}
.listin{/*产品容器*/
height:27px;
}
.upoo{/*图片容器*/
height:27px;
}
.upoo img{
height:27px;
border:0;
}
.upoo a img{-moz-opacity:0.5; filter:alpha(opacity=50);}
.upoo a:hover{font-size:12px;}
.upoo a:hover img{-moz-opacity:1; filter:alpha(opacity=100); cursor:hand;}

.uptext{/*标题容器*/
width:119px;
height:25px;
background:;
font:bold 1.4em "";
color:#565656;
text-align:center;
display:none;
}
/*---------------roll end---------------*/

.h_p1{}




/*numpage*/
.numpage{ text-align:right; padding:200px 0 0 0;}
.pagenum{
padding:10px 55px 10px 0;
margin:3px;
text-align:right;
font-size:12px;
}
.pagenum a{
color:#fff;
text-decoration:none;
margin:0 2px 0 0;
padding:2px 5px;
}
.pagenum a:hover{
color:#ccc;
}
.pagenum a:active{
color:#fff;
}
.pagenum span.current{
padding:2px 5px;
margin:0 0 0 2px;
border:#666 1px solid;
}
.pagenum span.disabled{
color:#ccc;
margin:0 2px 0 0;
padding:2px 5px;
}

.pagenum1{
padding:10px 55px 10px 0;
text-align:right;
font-size:12px;
position:absolute;
width:310px;
top:540px;
left:380px;
}
.pagenum1 select{ display:none;}
.pagenum1 a{
color:#fff;
text-decoration:none;
margin:0 2px 0 0;
padding:2px 5px;
}
.pagenum1 a:hover{
color:#ccc;
}
.pagenum1 a:active{
color:#fff;
}
.pagenum1 span.current{
padding:2px 5px;
margin:0 0 0 2px;
border:#666 1px solid;
}
.pagenum1 span.disabled{
color:#ccc;
margin:0 2px 0 0;
padding:2px 5px;
}


/*产品页面*/
.prolist{ float:left; width:205px; display:inline; margin:5px 0 0 20px;}
.prolist h1{ text-align:center; font:normal 12px ""; height:20px; padding:5px 0; background:#333; margin-top:2px;}
.prolist h1 a{ text-decoration:none;}
.prolist h1 a:hover{ color:#fff;}
.prolist h1 a:visited{ color:#ccc;}

.product{ width:920px; margin:0 auto; padding:50px 0;}
.probox{
width:203px; height:162px; border:1px solid #333;
background:#0f0f0f;
overflow:hidden;
position:relative;
text-align:center;
display:table-cell;
vertical-align:middle;
}
.probox p{
position:static;
+position:absolute;
top:50%;
vertical-align:middle;
text-align:center;
}
.probox p img{
width:191px;
height:155px;
position:static;
+position:relative;
top:-50%;left:-50%;
vertical-align:middle;
}
.probox a img{-moz-opacity:0.5; filter:alpha(opacity=50);}
.probox a:hover{font-size:12px;}
.probox a:hover img{-moz-opacity:1; filter:alpha(opacity=100); cursor:hand;}


.product_t{ font-size:14px;}
/*---------------product details---------------*/
.p_detail{ padding:50px 0 0 0;}
.p_detail_pic{ width:368px; float:left;}
.p_detail_pic h1{ font:bold 2.8em ""; padding:5px 0;}
.p_detail_pic img{ width:368px; height:272px;}
.p_detail_txt{ 
float:left; width:520px; height:272px; 
overflow-y:auto; overflow-x:hidden; 
scrollbar-3d-light-color:#222;
scrollbar-highlight-color:#222;
scrollbar-face-color:#222;
scrollbar-arrow-color:#ccc;
padding:0 0 0 30px;
}
.p_detail_txt p{ line-height:150%; font-size:12px; padding:5px 0;}
/*---------------product details end---------------*/


/*设计师*/
.d_box{ float:left; width:415px; padding:45px 0 0 20px; position:relative; display:inline; overflow:hidden;}
.dbar{
width:290px; height:31px;
}
/*IE6支持*/
* .dbar{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="img/bar1.PNG")
}
html>body .dbar{
background:url(../img/bar1.PNG) no-repeat;
}

.d_first_txt{ 
margin:0 0 0 0; height:120px; overflow-y:auto;
scrollbar-3d-light-color:#222;
scrollbar-highlight-color:#222;
scrollbar-face-color:#222;
scrollbar-arrow-color:#ccc;
padding:15px 0;
background:url(../img/line2.gif) no-repeat bottom;
}
.d_first_txt p{ line-height:150%; font-size:12px; padding:5px 0;}

.d_first{ float:left; width:248px; height:314px; background:#333; margin:55px 0 0 220px; display:inline;}
.d_first_img{
width:248px; height:314px;
overflow:hidden;
position:relative;
text-align:center;
display:table-cell;
vertical-align:middle;
}
.d_first_img p{
position:static;
+position:absolute;
top:50%;
vertical-align:middle;
text-align:center;
}
.d_first_img p img{
position:static;
+position:relative;
top:-50%;left:-50%;
vertical-align:middle;
}


.d_list{ width:600px; padding:5px 0; margin-top:10px; background:url(../img/line2.gif) no-repeat top left;}
.d_l{ float:left; width:84px; display:inline; margin:5px 20px 0 0;}
.d_l h1{ background:#5e5e5e; margin:2px 0 0 0; text-align:center; font-weight:normal; padding:5px 0; font-size:12px;}
.d_l h1 a{ color:#ccc;}
.d_l_img{
width:82px; height:99px; border:1px solid #5e5e5e;
background:#0f0f0f;
overflow:hidden;

text-align:center;
display:table-cell;
vertical-align:middle;
}
.d_l_img2 p{
position:static;
+position:absolute;
top:50%;
vertical-align:middle;
text-align:center;
}
.d_l_img2 p img{
width:82px;
height:99px;
position:static;
+position:relative;
top:-50%;left:-50%;
vertical-align:middle;
}
.d_l_img a img{-moz-opacity:0.5; filter:alpha(opacity=50); width:82px; height:99px}
.d_l_img a:hover{font-size:12px;}
.d_l_img a:hover img{-moz-opacity:1; filter:alpha(opacity=100); cursor:hand;}

.side_nav{ float:left; width:325px; padding:50px 0 0 90px;}
.side_nav ul{ margin:80px 2px 0 0 ;}
.side_nav li{ float:left; width:325px; height:26px; margin-bottom:1px;}
.side_nav li a{ 
float:left; width:105px; height:18px; background:url(../img/bg_sidenav.GIF) no-repeat;
padding:8px 0 0 220px;
}
.side_nav li a:hover{ color:#fff;}

.subbox{ 
margin:50px 0 50px 0; width:580px; height:266px; background:#222; float:left;
position:relative;
}
.dpic{ width:207px; float:left;}
.dpic img{ width:207px; height:266px;}

.d_info{ float:left; width:303px; padding:0 0 0 10px; height:266px; overflow-y:auto;}
.d_name{ font-size:12px; padding:5px 0;}
.d_info p{ line-height:150%; padding:5px 0;}


/*news*/
.firstbox{ float:left; width:195px; padding:25px 0 0 150px;}
.newslist{ float:left; width:605px; padding:0 0 0 50px; background:url(../img/bg_d2.JPG) no-repeat right top; height:420px;}

.f_news{ width:191px; border:2px solid #545454; float:left; margin:8px 0 0 0; display:inline;}
.f_news h1{ text-align:center; padding:5px 0; font-size:13px; font-weight:normal; color:#fff;}
.f_news h1 a{ color:#fff;}
.f_news h1 a:hover{ color:#ccc;}

.f_newsimg{
width:191px; height:91px;
background:#0f0f0f;
overflow:hidden;
position:relative;
text-align:center;
display:table-cell;
vertical-align:middle;
}
.f_newsimg p{
position:static;
+position:absolute;
top:50%;
vertical-align:middle;
text-align:center;
}
.f_newsimg p img{
width:191px; height:91px;
position:static;
+position:relative;
top:-50%;left:-50%;
vertical-align:middle;
}

.n_style1{ margin:28px 0 0 0;}
.n_style1 li{ color:#fff; padding:4px 0;}
.n_style1 li a{ color:#fff;}
.n_style1 li a:hover{ text-decoration:underline; color:#ccc;}

.newsinfo{ width:700px; margin:60px auto 20px auto; height:350px; }
.news_t{ text-align:center; font:bold 16px ""; color:#fff; padding:10px 0 0 0;}
.news_date{ text-align:center; font:normal 12px ""; color:#ccc; padding:5px 0 15px 0;}
.newsinfo p{ 
line-height:150%; padding:5px 0;
text-justify:inter-ideograph;
text-align:justify;
font-size:13px;
}
.news_close{ text-align:center; font:normal 12px ""; color:#ccc; padding:5px 0 15px 0;}
.news_close a{ text-decoration:none; color:#ccc;}


/*about*/
.about_t{ 
width:578px; height:266px; overflow-y:auto; padding:10px 0 10px 0; border:1px solid #3f3f3f;
color:#3f3f3f; 
}
.about_t p{ line-height:150%; padding:5px 0;}



.tdipt td{ color:#ccc;}
.btn1{ background:url(../img/btn1.gif); width:100px; height:25px; cursor:pointer; border:0; color:#fff;}

.guest{ 
width:700px; margin:60px auto 20px auto; height:340px;
scrollbar-3d-light-color:#222;
scrollbar-highlight-color:#222;
scrollbar-face-color:#222;
scrollbar-arrow-color:#ccc;
overflow-y:auto;
overflow-x:hidden;
}
.select{ text-align:right; padding:20px 60px 0 0;}

.por_class{ text-align:right; font-size:12px; font-weight:normal;}

.por_class a{ background:#333; padding:3px; margin:0 0 0 5px;}
.por_class a:hover{ background:#000;}