
body{ background:#EECBC9; width:100%}
#container{ width:1010px; background:#fff; margin:0px auto}

#header,  #footer{ width:1002px; margin:0px auto; overflow:hidden; }
#nav{ border-bottom:#CCC solid 1px; width:1003px; margin:0px auto;}

#main{ padding:0 20px 30px 20px; width:962px; margin:0px auto; overflow:hidden}

#main #left{ width:210px; float:left;}
#main #right{ width:730px; overflow:hidden; float:right;}


.left_title{ background:url(1-2_36.jpg)  repeat-x; height:27px}
.left_title .i,.left_title .a{height:27px; line-height:27px}
.left_title .a{ float:left; padding-left:15px}
.left_title .i{ float:right; padding-right:10px}

.right_title{ height:30px}
.right_title li.a{ padding:0 10px 0 45px;height:30px; line-height:30px; float:left;}
.right_title li.c{height:30px; float:left; width:13px}
.right_title li.i{ float:right;height:29px; line-height:28px; padding-right:15px; width:100px; text-align:right}

#header #logo{ float:left; height:38px; font-size:25px; font-weight:bold; line-height:38px; padding:10px 0 10px 30px}
#header #logo img{ margin-right:5px}
#header #topnav{ float:right; width:150px; padding:5px 30px 0 0}
#header #topnav li{ float:left; padding:0 5px;}


#menu{ width:972px; margin:0px auto; padding-left:20px; }
#menu ul,#menu{ height:28px; overflow:hidden; clear:both}
#menu ul{ width:630px; float:left}
#menu ul li{ float:left;  height:28px; width:85px }
#menu ul li span a{ padding:0 16px;max-width:100px; text-align:center; line-height:28px}


#footer{text-align:center}
#footer .a{ height:34px; line-height:34px; }
#footer p{ padding:15px 0 35px 0}


.smenu{ margin:0px auto 0px auto; padding:0px; list-style-type:none; height:30px;   color:#FFF; width:982px; padding-left:20px; overflow:hidden}
.smenu .s_li{line-height:30px; width:auto; display:none; height:30px;  }
.smenu .s_li a{ margin:0 10px; color:#FFF}
.smenu .s_li_a{line-height:30px; width:auto; display:block; height:30px; }

#nav #shop{ height:30px; width:1002px; margin:0px auto}
#nav #shop .search{ width:400px; overflow:hidden; padding-left:20px}
#nav #shop .search dd,#nav #shop .search dt{ float:left; height:20px; padding-top:5px}

#loginbar_a{ float:right}
#menu dl.loginbar{ width:330px; height:20px;float:right;overflow:hidden; margin-top:5px}
#menu dl.loginbar dt,#menu dl.loginbar dd{ float:left; height:20px;}
#menu dl.loginbar dt input{ width:80px; border:#CCC solid 1px; margin-right:5px}


#nav #shop .search dd{ padding-left:15px}
#nav #shop .contact{ float:right; background:url(1-2_31.jpg) no-repeat; margin-top:5px; padding-left:15px; padding-right:20px}
#nav #shop .contact li{ float:left; padding-left:15px}


#classify{ padding-top:2px}
#classify .left_list{ padding:0 10px 20px 10px}
#classify .left_list li h3{ padding-top:5px; padding-bottom:5px}

#contact .list_a,#news .list_a{ padding:5px 10px 10px 5px}
#news .list_a li{ color:#999; border-bottom:dotted #CCC 1px; height:25px; line-height:25px}

#contact .contact_time{ height:46px; font-weight:bold; padding-left:5px; line-height:35px}

#contact .list_a li{ line-height:22px; height:22px}




#inquiry .list li{ height:22px; line-height:22px; overflow:hidden}
#inquiry .list li input{ margin-right:5px}
#inquiry .list{ padding:0 20px}
#inquiry  p{ padding:10px 20px 0 10px; color:#999}
#inquiry .a2{ height:22px; padding:10px 0 10px 25px;}
#inquiry .a2 dd,#inquiry .a2 dt{ height:22px; float:left}
#inquiry .a2 dd{ padding-left:10px; width:100px}

#download,#news2,#product,#new_product,#commend_product,#about_us,#slide,#link{  margin-top:10px}


#link{width:210px;}
#link .list{ overflow:hidden; padding:10px}
#link .list li{ float:left; padding:0 2px; height:20px; line-height:20px;white-space:nowrap}

#about_us p{ padding:10px 0;}

#commend_product .commend_img{ overflow:hidden;width:720px; padding-left:11px}
#commend_product .commend_img li{ float:left; width:134px; height:195px; overflow:hidden; margin:0 10px 10px 0}
#commend_product .commend_img li dl dt{width:132px; height:132px; text-align:center;}
#commend_product .commend_img li dl dd{  padding-top:5px; height:55px; text-align:center}
#commend_product .commend_img li dl dt img{ width:122px; height:122px; margin-top:4px}



#new_product .new_img{ height:220px; padding-top:8px; padding-left:15px}
#new_product .new_img li{ width:167px; height:215px; float:left; margin-right:10px; overflow:hidden}
#new_product .new_img li dl{ overflow:hidden}
#new_product .new_img li dl dt{width:167px; overflow:hidden; height:166px; text-align:center}
#new_product .new_img li dl dt img{ width:157px; height:156px; margin-top:5px}
#new_product .new_img li dl dd{ height:45px; text-align:center; padding-top:5px;}
#product .product_attribute dd  img{float:left;  overflow:hidden; padding-top:10px;margin-left:200px}



#xsnazzy {background: transparent}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden; background:#FBF8F8}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 { border-left:1px solid #F0C1CD; border-right:1px solid #F0C1CD;}
.xb1 {margin:0 5px; background:#F0C1CD;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}


#new_product p{ padding:10px 20px 30px 20px }

.xboxcontent {display:block;  border:0 solid #F0C1CD; border-width:0 1px; height:230px; overflow:hidden}



/**/


.slide, .slide *{margin:0; padding:0;}
.slide{width:242px; height:141px; overflow:hidden;position:relative;}

.slider{position:absolute;}
.slider li{ list-style:none;display:inline;}
.slider img{ width:242px; height:141px; display:block;}

#news2 .list_a{ padding:0 15px}
#news2 .list_a li{ height:25px; line-height:25px; border-left:0; border-right:0; padding-left:20px}

.slider2{width:1000px;}
.slider2 li{float:left;}


#download .list{ padding:5px 20px}
#download .list li.c{ padding:10px 0}
#download .list li h3{ padding-left:20px}
#download .list li .a{ height:25px; padding-left:23px}
#download .list li .a li{ height:25px; line-height:25px; float:left; padding-right:25px}
#download .list li p{ padding:0 22px}
#download .list li .a li span{ font-weight:bold}





#product .list{ padding-left:35px}

#content h3{ font-size:24px; text-align:center; padding:20px 0}

/**/




.focus{width:716px; height:315px; padding:0px; margin:0px; display:inline; position:relative; overflow:hidden;  float:left;}
.focus ul{ position:absolute; right:8px; height:35px;bottom:18px}
.focus li{ float:left; text-align:center; color:#989696; background:url(2.png) no-repeat; margin-right:3px;width:33px;height:34px; line-height:34px;cursor:pointer; font-size:20px; font-weight:bold}
.focus li.cur{background:url(1.png) no-repeat;color: #fff;}

.mpc{ height:315px;text-align:center; margin:0px auto 0; *padding-top:1px; overflow:hidden;}
.mpc div{}
.mpc div img{width:716px; height:305px; margin:0 auto;}

#news .list2{ padding-bottom:3px;}
#news .list2 li{ height:27px; line-height:27px;  background:url(index_72.gif) repeat-x bottom; overflow:hidden;}
#news .list2 li a{ color:#d93563; font-weight:bold;display:block;padding-left:20px; text-decoration:none;border-bottom:#b9b9b9 solid 1px;}
#news .list2 li.current a,#news .list2 li a:hover{background:url(index_71.gif) repeat-x bottom ;border-bottom:#fb79a7 solid 1px;}

