/* Copyright (c) 2008 All rights reserved. */
/* Built by cws */
/* xide314@hotmail.com */
/* ///////////////////////////////////////////// */

* { margin: 0px; padding: 0px; border: 0px; }

body { background: #FFFFFF; margin: 0px; padding:0; /* text-align: center; */ }
body,div,td,th { font-family: verdana, simsun, Lucida Grande, "Microsoft YaHei", 'ËÎÌå', sans-serif;  font-size: 12px; line-height: 180%; }

div,form,img { padding: 0px; border: 0px; margin: 0px; }
dl,dt,dd,ul,ol,li { list-style-type: none; list-style-position: outside; padding: 0px; border: 0px; margin: 0px; }
dl,ul { clear: left; text-align: left; }
dt,dd,li { display: block; }
h1,h2,h3,h4,h5 { margin: 0px; }
select,input { font-size: 9pt; }
select { border:1px solid #86A1C0; }
/* td,p { text-align: left; } */

em { font-style: normal; }

/* ///////////////////////////////////////////// */

.center { margin: 0 auto; }
.left   { margin: 0 auto 0 0; }
.right  { margin: 0 0 0 auto; }
.b { font-weight: bold; }

.float-l { float: left; }
.float-r { float: right; }

.clear-both { clear: both; height: 0; overflow: hidden; }

.white { color:#FFFFFF; }
.red { color: #FF0000; }
.gray { color:#999999; }
.orange { color:#D96D03; }
.blue { color:#014CCC; }
.green { color:#157c10; }

/* ///////////////////////////////////////////// */

.space8 { clear:both; width:100%; height:8px; font-size:0; overflow:hidden; clear:both; }
.space10 { clear:both; width:100%; height:10px; font-size:0; overflow:hidden; clear:both; }
.space20{ clear:both; width:100%; height:20px; font-size:0; overflow:hidden; clear:both; }

/* ///////////////////////////////////////////// */

.input { width:91%; height:20px; padding:0 3px; line-height:20px; color:#333333; }
.bt-mid { height:24px; line-height:24px; color:#333333; padding:1px 3px 1px 3px;  }

/* head  ///////////////////////////////////////////// */

#head_menu { width:960px; margin:0 auto; height:40px; height:30px !important; *height:60px !important; }
#head_menu .top_left { float:left; height:50px; line-height:50px; font-size:20px; font-weight:bolder; padding:10px 15px; }

#head_menu .top_right { float:right; height:20px; line-height:20px; margin:25px 0; }
#head_menu .top_right a { margin:0 7px; }

.nav { clear:both; margin:0 auto; width:960px; height:32px; }
.nav li { display:block; float:left; width:130px; font-size:14px; font-weight:bolder; }

.banner { clear:both; margin:0 auto; width:960px; height:200px; }
.banner_flash { margin:0 auto; width:960px; height:200px; }
.location { width:958px; margin:0 auto; height:30px; line-height:30px; text-indent:15px; }
.location a { margin:0 6px; }

/* body  ///////////////////////////////////////////// */

#main { width:960px; margin:0 auto; overflow:hidden; }
#main1 { width:878px; height:auto; display:table; margin:0 auto; overflow:hidden; padding:15px 40px; font-size:14px; line-height:180%;  }
#left { width:246px; height:auto; display:table; }
#right { margin:0 2px 0 0 !important; margin:0; width:700px; height:auto; display:table; }

/* title  ///////////////////////////////////////////// */

h3 { height:33px; width:100%; margin:0 auto; line-height:33px; }
h3 p { float:left; text-indent:10px; font-size:14px; font-weight:bolder; }
h3 a { float:right; margin-right:8px; font-size:12px; font-weight:normal; }

h4 { margin:8px auto 0 auto; width:96%; min-height:55px; height:auto !important; height:55px; line-height:180%; display:table; text-align:center; font-size:20px; font-weight:bolder; }
h5 { margin:15px auto; width:96%; font-size:14px; }
h5 span { display:block; margin:1px auto 0 auto; width:83px; height:23px; line-height:25px; text-align:center; }
h5 p { width:85px; height:25px; line-height:25px; text-align:center; }

h2 {  width:100%; height:33px; margin:0 auto; line-height:33px; text-indent:10px; font-size:14px; font-weight:bolder; }

h6 { width:100%; height:30px; line-height:30px; margin:0 auto; text-indent:10px; font-size:14px; font-weight:bolder; }
/* public ////////////////////////////////////////// */


.page { clear:both; float: right; width:350px; display:block; height:18px; margin:10px 0 15px 0; line-height:19px; }
.page a { float:left; display:block; width:auto; height:18px; margin:0 3px; padding:0 6px; *line-height:19px !important; line-height:19px; border:1px solid #CCC; background:#FFFFFF; }
.page strong { float:left; display:block; width:auto; height:18px; margin:0 3px; padding:0 6px; line-height:19px; background:#F5F5F5; border:1px solid #3A6EA5; color:#FFF; }
.page a:link    { color: #04D; }
.page a:visited { color: #04D; }
.page a:hover   { color: #FFF; background:#F5F5F5; text-decoration: none; }


/* menu ///////////////////////////////////////////// */


.goods_menu dl { width:96%; margin:5px auto; }

/* article ///////////////////////////////////////////// */

.article_list { width:99%; height:auto; display:table; }

#left .article_list ul { width:230px; margin:10px auto; overflow:hidden; }
#right .article_list ul { width:96%; margin:10px auto; }

#left .article_list li a { float:left; display:block; width:210px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} 
#right .article_list li a { float:left; }

#left .article_list li span { display:none; }
#right .article_list li span { float:right; font-size:11px; }

.article_content { width:100%; height:auto; display:table; }
.article_content_con { margin:20px auto; width:96%; height:auto; display:table;  font-size:14px; line-height:180%; }

/* search ///////////////////////////////////////////// */

.goods_search { width:99%; height:auto; display:table; }
.goods_search table { margin:15px auto; width:90%; height:30px; line-height:30px; } 

/* contact ///////////////////////////////////////////// */

.contact_text { width:99%; height:auto; display:table; }
.contact_text .contact { width:96%; margin:10px auto; }



/* intro ///////////////////////////////////////////// */

.intro_text { width:100%; height:auto; display:table; }
.intro_text_content { clear:both; width:96%; height:auto; display:table; overflow-x:hidden; margin:15px auto; font-size:12px; line-height:180%; }

/* goodss  ///////////////////////////////////////////// */


.commend_goods, .new_goods_nav { width:100%; height:auto; display:table; }

.new_goods_nav ul { width:100%; }
.commend_goods ul { width:100%; }

.goods_list, .goods_list_l { width:100%; height:auto; display:table; }
.goods_list ul { width:100%; }
 
.goods_content { clear:both; width:100%; }

.goods_content_top { clear:both; width:96%; margin:15px auto; height:240px; }
.goods_content_top dl {  clear:both; float:left; width:55%; height:230px; }

.goods_content_top .goods_li { clear:none; float:right; width:40%; height:230px; }
.goods_content_con { clear:both; width:95%; height:auto; margin:15px 0 15px 15px; display:table; font-size:12px; line-height:180%; }

.goods_relation_article { width:96%; height:auto; display:table; margin:10px auto; }
.goods_relation_article ul { width:100%; height:auto; display:table; margin:10px auto; }
.goods_relation_article li { float:left; width:330px; height:25px; line-height:25px; text-indent:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

/* friend_link  ///////////////////////////////////////////// */

#friend_link_foot { clear:both; display:table; width:958px; margin:0 auto; }
#friend_link_foot ul { width:98%; margin:10px auto; }

#friend_link_nav { clear:both; height:auto; display:table; width:100%; margin:0 auto; }
#friend_link_nav ul { width:96%; margin:0 auto; }


/* foot  ///////////////////////////////////////////// */
#foot { width:960px; height:50px; margin:0 auto; text-align:center; padding:10px 0 0 0; }



