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

*{ margin:0; padding:0; border:0; line-height:150%;  font-size:12px; font-family:Arial;}
html,body{ background:#050505; color:#868686; font-family:Arial;} 
a{ color:#868686; font-family:Arial; text-decoration:none;}
a:hover{ color:#999999; text-decoration:underline; }
a:active{ color:#999999; text-decoration:underline;}

.Hclear{ clear:both;}



#main_content{ width:1003px;}
#header{ background:url(../images/header_bg.jpg) no-repeat bottom center; height:152px;}
#logo{ background: url(../images/logo.jpg) no-repeat; width:152px; height:61px; margin:30px 0 0 30px;}
#lan{ float:right;}
#lan ul{ list-style-type:none;}
#lan ul li{ background:#292829; border:1px solid #4b4b4b; padding:2px; margin:3px; text-align:center;}



a.mainNav{ color:#fff; text-decoration:none; font-family:Arial; }
a.mainNav:hover{ color:#787878; text-decoration:none;} 
a.mainNav:active{ color:#787878; text-decoration:none;} 



#main{  padding:17px 0 0 15px; background:#1d1d1d; padding-bottom:8px;}
#banner{ height:266px;}
#main_bt,#mainNews_list{ float:left; width:240px; margin-right:5px;}

#main_bt div img{ margin:4px; padding-top:5px;}

#mainNews_list{ background:url(../images/news_title.jpg) no-repeat top; height:99px; padding-top:15px;}
#mainNews_list ul{ margin-left:23px;}
#mainNews_list ul li{ margin:2px;}
#mainNews_list ul li a{ font-weight:normal; font-family:Arial;}

#mainSearch{float:left; width:298px; margin-right:5px; vertical-align:middle;}
#mainSearch img{ padding:5px 4px 0 0;_margin-top:8px;}
#mainSearch p img{ vertical-align:middle; padding-bottom:4px; padding-left:5px;}
#mainSearch input{ background:#242424; width:224px; height:18px; border-bottom:1px solid #ccc; border-right: 1px solid #ccc; color:#ccc;}

#link{ float:left; width:150px; margin-right:5px; background:url(../images/link_tilte.jpg) no-repeat ; width:130px; padding-top:27px;}
#link select{ width:128px; background:#242424; color:#999999; border: 1px solid #000;; }

#footer{ background:#616161; height:37px; width:1003px; margin-bottom:30px; text-align:center; color:#2b2a2a; }





#about_main{ padding:17px 0 0 80px; background:#1d1d1d; padding-bottom:20px;}

#left{ float:left; width:184px; background:url(../images/about_title.jpg) no-repeat; padding-top:34px;}
#left_nav{ margin-left:5px;}
#left_nav ul{ list-style:none;}
#left_nav ul li{ background:url(../images/nav_bg.jpg) repeat-x; height:21px; text-align:center; width:166px; margin:4px 0;} 
#left_nav ul li a{ color:#a1a46a; font-weight:bold; text-decoration:none;}
#left_nav ul li a:hover{ color:#a1a46a; text-decoration:underline;}
#left_nav ul li a:active{ color:#a1a46a; text-decoration:underline;}

#left p{ margin-top:15px;}
#left p img{ padding:2px;}

#right{ width:642px; float:left; margin-left:10px; }
#page_title{ margin-bottom:10px;}
#page_title span{font-family: Arial; font-size:11px;}
#page_title div{ float:right; display:block; margin-top:-22px;}


#content{ font-family:Arial; background:url(../images/con_bgTop.jpg) no-repeat top; width:624px;  padding-top:8px; position:relative; }
#content .con_title{ background:#383838; color:#a1a46a; font-weight:bold; padding-left:10px;}
#content p{ background:#383838; padding:5px 10px 10px 10px;}
#con_foot{ background:url(../images/con_bgBottom.jpg) no-repeat bottom; height:10px; position:relative;}




#contact_main{ padding:17px 0 20px 170px; background:#1d1d1d;  }
#contact_main div{ background:url(../images/contact_title.jpg) no-repeat left top; padding-top:30px;}





#service_main{ padding:17px 0 20px 160px; background:#1d1d1d; }
#service_title{ background:url(../images/service_title.jpg) no-repeat left top; width:670px; }
#service_title P{ margin:7px 0 0 95px;} 
#service_title div{ text-align:right; margin-top:-20px;}
#service_con{ background:#292929; padding:10px; width:650px; margin-top:10px; color:#ccc;}
#service_con img{ float:left; padding:0 10px 0 0;}


#service_con ul{ list-style:none;}
#service_con ul li{ margin:9px 0;}
#service_con ul li span{ float:right;}
#service_con ul li .line{ border-bottom:1px dotted #ccc; margin:6px 0 8px 0; padding-bottom:5px;}
#service_con ul li .seCon{ font-weight:normal;}





#left_news{float:left; width:184px; background:url(../images/news.jpg) no-repeat; padding-top:34px;}
#con_newsLi,#con_news{ background:#383838;}
#con_newsLi ul{ margin-left:10px; width:580px; padding-top:1px;}
#con_newsLi ul li{ list-style-type:disc; margin:5px 0 0 20px; border-bottom:1px solid #4e4f43; padding-bottom:8px;}
#con_newsLi ul li span{ float:right; margin-right:10px;}
#con_newsLi .mar{ text-align:center;}
#con_newsLi .mar a{ margin:0 10px; }

#left_news  p{ margin-top:15px;}
#left_news  p img{ padding:2px;}



#con_news{ padding:0 15px; _padding:0 5px;}
#con_newsTitle{ margin-bottom:10px;border-bottom:1px solid #4f4f4f; height:1%;  }
#con_newsTitle p{ }
#con_newsTitle p span{ float:right; font-weight:normal; color:#9d9d9d;}

/* becom our dealer style */

#becom_title{ background: url(../images/become_title.jpg) no-repeat left top; width:670px; text-align:right;}
#becom_title P{ margin:7px 0 0 95px;} 
#becom_con{ background:#292929; padding:10px 15px 10px 15px; width:638px; margin-top:10px; color:#ccc;}
#becom_con .inputTexT{ background:#222; border-bottom:1px solid #000; border-right:1px solid #000; color:#ccc; }
#becom_con img{ margin:8px 5px;}
#becom_con table tr td{ padding:3px 7px;}
#becom_con table tr td input{ height:18px; }

#message_main{ padding:17px 0 20px 160px; background:#1d1d1d; }
#message_title{ background:url(../images/message_title.jpg) no-repeat left top; width:670px; text-align:right;}
#message_title P{ margin:7px 0 0 95px;} 

#message_con{ background:#292929; padding:10px 0 10px 20px; width:650px; margin-top:10px; color:#ccc;}
#message_con .inputTexT{ background:#222; border-bottom:1px solid #000; border-right:1px solid #000; color:#ccc; }
#message_con img{ margin:8px 5px;}




#products_main{padding:17px 0 20px 135px; background:#1d1d1d;   }
h4{ font:Arial; font-size:14px; font-weight:bold; color:#a1a46a; margin-bottom:7px;}

#products_title{ background:url(../images/products.jpg) no-repeat left top; width:750px; height:32px; padding-top:5px;}
#products_title span{ margin-left:115px; display:block; width:100px; }
#products_title #mainSearch{ float:right; margin-top:-20px;}


#product_left{ width:473px; float:left; margin-right:10px;}
#product_left .product_top{ background: url(../images/pro_top.jpg) no-repeat 0 0; height:14px;}
#product_left .product_bottom{ background:url(../images/pro_bottom.jpg) no-repeat bottom; height:11px;}
#product_left .pro_content{ background:#383838;  padding:0 12px; width:449px;_width:473px;}
#product_left .pro_content img{ padding:7px; border:1px solid #4e4e4e;}


#product_left .pro_content ul{ list-style:none; margin-top:8px;}
#product_left .pro_content ul li{ background:url(../images/pro_liBg.jpg) no-repeat; width:432px;_width:442px; margin:5px auto; color:#a1a46a; padding-left:15px;}


#product_right{ float:left; width:246px; }
#product_right .pro_r_top,#product_right2 .pro_r_top{ background: url(../images/pro_r_top.jpg) no-repeat 0 0; height:14px;}
#product_right .pro_r_bottom,#product_right2 .pro_r_bottom{ background:url(../images/pro_r_bottom.jpg) no-repeat bottom; height:11px;}
#product_right .pro_r_content{ background:#383838; padding:0 0 0 6px; margin-top:-5px;}

#product_right .pro_r_content ul{ list-style:none; margin-top:15px;}
#product_right .pro_r_content ul div,li{ color:#a1a46a; font-weight:bold; margin:8px; }
#product_right .pro_r_content ul li span{ float:right;display:block; width:153px; height:23px; background:url(../images/pro_r_bg.jpg) no-repeat; text-align:center; margin-top:-20px;}
#product_right .pro_r_content ul div span{ float:right;display:block; width:153px; height:23px; background:url(../images/pro_r_bg.jpg) no-repeat; text-align:center; margin-top:-20px;}
#product_right .pro_r_content ul div li{text-align:center;}



#product_right2{ float:left; width:246px; margin-top:10px;}
#product_right2 .pro_r_content2{ background:#383838; padding:0 0 0 6px;}

#product_left .pro_parameters{ margin:10px 0; }
#product_left .pro_parameters ul{ list-style:none;color:#fff;}
#product_left .pro_parameters ul li{ background:none;  padding:0; margin:0; border-bottom:1px solid #525252; width:420px;color:#fff;}
#product_left .pro_parameters ul li span{ float:right; margin-right:200px;color:#fff;} 



/* search page*/

#search_main{padding:17px 0 20px 170px; background:#1d1d1d;  }
#search_title{ background:url(../images/search_title.jpg) no-repeat; height:26px; width:645px; padding-top:3px;}
#search_title span{ margin-left:80px; display:block; width:100px; }
#search_title #mainSearch{ float:right; margin-top:-20px;}

#search_con{ width:625px; background:#383838; margin-top:8px; padding:10px 0 0 10px;; }
#search_con ul{ margin-left:10px; width:600px;}
#search_con ul li{ list-style-type:disc; margin:5px 0 0 20px; border-bottom:1px solid #4e4f43; padding-bottom:8px;}
#search_con ul li span{ float:right; margin-right:10px;}
#search_con .mar{ text-align:center; margin:10px 0;}
#search_con .mar a{ margin:0 10px; }


/* DIY page */
#diy_title{ background: url(../images/diy_title.jpg) no-repeat left top; width:670px; text-align:right;}
#diy_title P{ margin:7px 0 0 95px;} 
#diy_con{ background:#292929; padding:10px 15px 10px 15px; width:638px; margin-top:10px; color:#ccc;}
#diy_con .inputTexT{ background:#222; border-bottom:1px solid #000; border-right:1px solid #000; color:#ccc; }
#diy_con img{ margin:8px 5px;}
#diy_con table tr td{ padding:3px 4px;}
#diy_con table tr td input{ height:18px; }

#diyPro{ clear:both; text-align:center;}
#diyPro li{ list-style-type:none;  zoom:1; float:left; margin:0 5px;}


#daili
{ width:603px; height:664px; overflow:hidden; background:url(../images/dailiBG.gif) no-repeat top left;
 padding:190px 100px 100px 160px;font:12px/20px Arial;}
 #daili span
 { font-weight:700;}
 #daili ul,#daili ul li,#daili form
 { padding:0; margin:0; list-style:none;}
 #daili ul,#daili ul li
 { width:100%; display:block; height:30px;}
 
 #daili ul li label
 { width:100px; display:block; float:left;font:12px/30px Arial;}
 .Dinput
 { width:400px; height:20px;  border:none; border:1px #333 solid;font:12px/20px Arial; padding:2px 5px 0 5px;}
 .Dinput2
 { width:400px; height:50px;  border:none; border:1px #333 solid;font:12px/20px Arial; padding:2px 5px 0 5px;}
 .okBOT
 { width:115px; height:34px; border:none; background: url(../images/botBG2.gif) no-repeat;font:bold 14px/34px Arial;}

#ifram_index
{ width:1003px; height:120px; background:#1d1d1d; padding-bottom:8px;}
 
 #showpro
 { width:953px; padding:10px 0; height:100px; overflow:hidden; padding-left:50px;background:#1d1d1d url(../images/index01_02.jpg) no-repeat -10px 10px;}