/*

白色： #cbcbcb
黄色： #DBAB3D

*/

*{
margin:0;
padding:0;
}
body{
background-color:#E9E9E9;
background-image:url(../images/htmlBg.png);
background-repeat:repeat-x;
text-align:center;
font-family:Verdana,Tahoma, Arial,Helvetica, sans-serif;
font-size:0.70em;
color:#cbcbcb;
}

.clear{
clear:both;
}
a{
text-decoration:none;
color:#cbcbcb;
}
a,area { blr:expression(this.onFocus=this.blur()) } /* for IE */
:focus { -moz-outline-style: none; } /* for Firefox */ 
form{
margin:0px;
}
input,select,textarea{
font-size:11px;
font-family:Tahoma,Verdana,Arial;
color:#cbcbcb;}
h1,h2,h3,h4,h5,h6,td{
font-size:1em;}
ol,ul{
margin:0px;
padding:0px;
list-style:none;
}
.clear{
height:0;
font-size:0.0001em;
line-height:0.0001em; 
clear:both;
}

p{
margin:0px;
}
fieldset,img{
border:0;}
.orange{color:#DBAB3D;}

/*--from now--*/

#wrapper{
position:relative;
margin:0 auto;
text-align:left;
width:960px;
background:#232323; 
}

h1{
padding-right:12px; 
height:18px; line-height:18px; 
background:#000;
text-align:right;
font-weight:normal;
color:#7b7b7b;}

/*header*/
.header{
position:absolute;
height:58px;width:100%; }
.mask{
position:absolute;
height:58px;width:100%; 
background:#000;
filter:alpha(opacity=50);
opacity:0.5;}


.a_logo{
position:absolute;
display:block;
width:202px;height:54px;
top:2px;left:46px; }


.ul_mainNav{
position:absolute;
left:290px;top:1px; 
width:420px;height:56px;
padding:0 15px; 
border-left:1px solid #A9AAA8;
border-right:1px solid #A9AAA8;
voice-family:"\"}\"";
voice-family:inherit;
width:390px;
}
.ul_mainNav li{
line-height:56px; 
display:inline;
font-weight:bold;
padding:0 19px 0 18px; 
border-right:1px solid #eee; }

.ul_mainNav li.li_contact{
border-right:none; }

body.index .li_home a,
body.products .li_pro a,
body.about .li_about a,
body.contact   .li_contact a,
.ul_mainNav li a:hover{
color:#DBAB3D;}

.headerTel{
position:absolute;
right:0px;top:0px;
width:200px;padding-top:8px; }
.headerTel h2{
line-height:1.8em; 
color:#DBAB3D;}

/*banner*/
.banner{
height:284px; 
overflow:hidden;}
/*main*/
.main{
height:304px;
background:url(../images/contBg.jpg) repeat-x;
overflow:hidden;}

.mainCont{
height:304px;
padding:0 170px; }

.h2_title{
height:56px; 
padding-top:40px; 
border-bottom:3px solid #DBAB3D;
text-align:right;
voice-family:"\"}\"";
voice-family:inherit;
height:16px;
}
.h2_hid{
width:100%; 
text-indent:999em;
overflow:hidden;}
.h2_none{
position:absolute;
top:-9999em;}

.contBox{
padding:10px 0;
line-height:1.6em; }
.contBox p{
margin-bottom:1.2em; }


/*siteInfo*/
.siteInfo{
height:23px; line-height:23px;  
border-top:1px solid #393939;
color:#7b7b7b;
text-align:right;}
.siteInfo span{
margin:0 10px; }







/*=index*/
body.index{background-image:url(../images/indexHtmlBg.png);}

body.index .header{
z-index:100;}

.indexBanner{
position:relative;
height:420px;
overflow:hidden;}
.indexBanner img{
position:absolute;}

.mainIndex{
height:168px;
overflow:hidden;}

.h2_recom{
height:28px;line-height:28px;
padding-left:24px; 
background:url(../images/icon.gif) no-repeat 15px -39px;
color:#DBAB3D;
font-size:1.1em;}
.h2_recom a.a_more{
margin-left:10px;
padding-left:10px; 
border-left:1px solid #cbcbcb;
color:#cbcbcb;
font-size:0.9em;}


/*=proRecomBox*/
.proRecomBox{
position:relative;}
.jcarousel-clip{
position:relative;
margin:0 0 0 37px;
width:900px;
z-index:2;
overflow:hidden;}

.ul_proRecom{
position:relative;
overflow:hidden;
z-index:1;}

.jcarousel-prev,.jcarousel-next{
position:absolute; 
top:48px;
width:20px;height:20px;  
background:url(../images/icon.gif) no-repeat;
cursor:hand;
cursor:pointer;}
.jcarousel-prev-disabled,.jcarousel-next-disabled{
background:none;
cursor:auto;}
.jcarousel-prev{
left:8px;_left:-27px;
background-position:0 0;}
.jcarousel-next{
right:8px; 
background-position:-81px 0;}

.ul_proRecom{}

.ul_proRecom li{
float:left;
width:180px; }
.ul_proRecom img{border:4px solid #fff;}

.ul_proRecom span{
display:block;
width:167px;
text-align:center;
margin-top:3px; }

/*=proRecomBox over*/






/*products*/
body.products{
background-image:url(../images/proHtmlBg.png);}

.mainPro{
position:relative;
height:403px; }


/*ul_proA*/
.ul_proA{
padding:25px 0 0 40px; 
overflow:hidden;
height:100%; }
.ul_proA li{
float:left;
position:relative;
padding-left:170px; 
width:302px;height:94px; 
voice-family:"\"}\"";
voice-family:inherit;
width:132px;}

.ul_proA li img{
position:absolute;
top:0px;left:0px; 
border:4px solid #fff;}
.ul_proA li h3{margin-right:5px;font-weight:normal;margin-bottom:3px; }
.ul_proA li h3 span{margin:0 3px;color:#DBAB3D;}
.ul_proA li h3 span.span_l{margin-left:0;}

.ul_proA li a.a_videw{
color:#DBAB3D;}


/*ul_proB*/
.ul_proB{
margin:28px 0 0 234px;
padding-left:18px; 
height:365px; 
overflow:hidden;
border-left:1px solid #484848; }
.ul_proB li{
float:left;
width:168px;height:175px;
text-align:center;}
.ul_proB li a{
display:block;}
.ul_proB li img{
border:4px solid #fff;
margin-bottom:5px; }
.ul_proB li span{
padding:0 3px; 
border-left:1px solid #DBAB3D;
border-right:1px solid #DBAB3D;}


/*h3_proLead*/
.h3_proLead{
position:absolute;
top:28px;left:40px;
width:167px;text-align:center; }
.h3_proLead img{
border:4px solid #fff;}

.h3_proLead span{
display:block;
margin-top:5px;
color:#DBAB3D;}

.a_backPro{
position:absolute;
left:101px;top:150px;
}


/*productsKinds*/
body.productsKinds{
background-image:url(../images/proKindsHtmlBg.png);
}

.productsKinds .p_page{
width:960px; 
top:402px;left:0px; }

.productsKinds .mainPro{
height:440px; }


/*p_page*/
.p_page{
position:absolute;
top:372px;left:262px;
*top:370px; 
width:655px;
text-align:center;}



.p_page a{
margin:0 6px;}
.p_page a.a_p{
position:relative;
*top:2px; 
display:inline-block; 
padding:1px 8px 2px; 
color:#DBAB3D;
background:url(../images/icon.gif) no-repeat 0 -200px; }
.p_page a.now{
font-weight:bold;
color:#DBAB3D;}
.p_page a:hover{
color:#DBAB3D;}

/*=contact*/
.mainContact{
overflow:hidden;}

.adressBox{
float:left;
width:337px;
margin-left:45px;
display:inline;
overflow:hidden;}

.ul_adress{
margin-top:10px; 
overflow:hidden;}
.ul_adress li{
overflow:hidden;
width:100%;
line-height:1.7em; }
.ul_adress span{
float:left;
width:260px; }
.ul_adress span.span_title{
width:50px;
margin-right:6px;
text-align:right;
display:inline;
}

.messageBox{
float:right;
width:433px;
margin-right:40px;
display:inline;
overflow:hidden; }

.messageBox p{
height:100%; overflow:hidden;}
.p_mat{margin-top:15px; }
.p_is{text-align:right;padding:0px 14px 0 0; }
.messageBox label{
float:left;
position:relative;
top:4px; 
width:57px;
text-align:right;
margin-right:3px; 
display:inline;}
.messageBox .it{
float:left;
width:360px;
height:18px; line-height:18px; 
border:none;
background:url(../images/line_brown.gif); 
margin-right:2px; }
.messageBox img{vertical-align:middle;margin:2px 3px 0; }
.messageBox .it_short{width:60px; }
.messageBox .ta{
height:108px;
overflow:hidden;}
.is{
width:57px;height:17px;line-height:17px;
border:none;
color:#232323;
background:url(../images/icon.gif) no-repeat 0 -150px; }




/*detailsShowBox*/

/*ul_proShow*/
.ul_proShow{}
.proDetailsCont{display:none;}

.htmlMask{
display:none;
position:absolute;
top:0px;left:0px; 
width:100%; height:730px; 
background:#000;
filter:alpha(opacity=80);
opacity:0.8;}



.detailsShowBox{
display:none;
position:fixed;
left:50%;top:50%;
background:#fff; 
margin:0 0 0 -323px;
min-height:500px;
height:510px;width:578px;
overflow:hidden;
color:#383838;
text-align:left;
}

* html .detailsShowBox{
position:absolute;
top:expression(offsetParent.scrollTop+280);
}


.detailsShowBox img{margin:7px;width:564px;height:369px;  }

.detailsShowBox h3{margin:10px 7px 0; }
.detailsShowBox .proDetailsShow{margin:7px;line-height:1.4em;height:64px; overflow:auto;}
.detailsShowBox p.p_close{
position:absolute;
left:0px;bottom:0;
display:block;
background:#ccc;
width:100%;
height:24px;line-height:24px;
text-align:right;
margin:0;
}
.a_close{
color:#000;
margin-right:10px;}







body#productsIntro{
background:#e9e9e9 url(../images/proIntroHtmlBg.png) repeat-x left top; }

body#productsIntro .a_backPro{
top:200px; }

/*mainProDetails*/
.mainProDetails{
position:relative;
height:auto; }

.proDetailsBox{
border-left:1px solid #484848;
margin:28px 10px 10px 234px;
padding:0 10px 10px 20px;
overflow:auto; 
}

.imgBox{
text-align:center;
margin-bottom:15px;}
.imgBox img{
border:4px solid #fff;}

.proDetailsBox p{
line-height:1.7em;}







/*

白色： #cbcbcb
黄色： #DBAB3D

*/