@charset "gbk";
/* CSS Document */

/*
=====================
Common color
#044f6c; #017493;
=====================
*/


/* base */
* { margin: 0; padding: 0; }
body { background-color: #f1f1f1; width: 100%; height: 100%; font-family: "Microsoft YaHei", "SimSun", helvetica , sans-serif; font-size: 12px; line-height: 1.6em; color: #233a07; background-image: url(furniture_02.jpg); background-repeat: repeat-x; background-position: center 88px; }
ul { list-style: none; margin: 0; padding: 0;}
img { border: 0; }

a:link, a:visited { text-decoration: none; color:#000; }
a:hover, a:active { text-decoration:underline;color:#017493; }

.blank10 { height: 10px; clear: both; display: block; font-size: 1px; overflow: hidden; }
.blank15 { height: 13px; clear: both; display: block; font-size: 1px; overflow: hidden; }
.blank20 { height: 8px; clear: both; display: block; font-size: 1px; overflow: hidden; }
.blank30 { height: 30px; clear: both; display: block; font-size: 1px; overflow: hidden; }


/* title */
h2 { width: 60%; color: #FFF; padding-left: 35px; font-size: 15px; }
h3 { width: 60%; float: left; color: #133f62; padding-left: 35px; font-size: 15px; }
h4 { font-size: 15px; color:#79550e; text-align: center; height: 40px; line-height: 40px; border-bottom: 1px solid #bbb;  }

.title1 { background: url(furniture_13.jpg) ; width: 100%; height: 35px; line-height: 30px; }
.title2 { background: url(furniture_29.jpg); width: 100%; height: 35px; line-height: 30px; }


/* some special style */
span.price { color: #dd0000; }
span.must_tip { color: #dd0000; }


.more { width: 50px; height: 12px; text-align: right; float: right; color: #000; }
.more a { float: right; padding-right: 10px; font-size: 11px; color: #000; }
.more a:link, .more a:visited { color: 000;  }
.text p { font-size: 13px; line-height: 1.8em; margin-top:15px;}
.more a:hover{ text-decoration:underline; color: #000; }
.paging { width: 100%; height: 0px; text-align: center; clear: both; position: relative; top: -40px; }

.morebai { width: 50px; height: 12px; text-align: right; float: right; }
.morebai a { float: right; padding-right: 10px; font-size: 11px; color: #FFF; }
.morebai a:link, .more a:visited { color: #FFF; }

/*=============== layout =============== */

#container{ width:970px; height: auto; overflow: hidden; margin-top: 0px; margin-right: auto; margin-bottom: 0; margin-left: auto; }
#header { width: 970px; clear: both; background-image: url(header.jpg); background-repeat: no-repeat; background-position: left top; }
#content { width:970px; height: auto; padding: 0px 0px 0px 0px; background:#FFF; }
#content_left { width: 702px; height: auto; float:right; overflow: hidden;  }
#content_right { width: 262px; height: auto; float:left; overflow: hidden; background-color: #f6f6f6; }

.box_left { width: 700px; height: auto; border:1px solid #dedede;}
.box_right { width: 260px; height: auto; border:1px solid #dedede;}

.box_con { padding: 15px 10px 10px 10px; background-color: #fff; background-repeat: repeat-x; }
.box_con2 { background: #FFF repeat-x; padding-top: 0px; }


#aboutcompany { height: 270px; background-color: #FFF; }
#products_index { height: 402px; background-color: #FFF; }

#news_index { height: 230px; }
#news_index_side { height: 230px; background-color: #FFF; }


/* news_index 1&2_col common */
#news_index_list ul li { background: url(news_arrow.gif) 0 15px no-repeat; width: 95%; height: 20px; padding:10px 0 0 12px; font-size:12px;  border-bottom: 1px dashed #ddd; white-space:nowrap; text-overflow:ellipsis; overflow: hidden; }
#products_index_side { height: 205px; }



/* content_center */
#content_center { height: 680px; min-height: 680px; background-color: #FFF; }
div[id]#content_center { height: auto;}
#content_con { height: auto; padding: 20px 15px; font-size: 13px; color: #777; }



/* header */
#logo { height: 175px; margin: 0 auto; padding: 10px 10px 0; background-image: url(../pic/logo1.jpg); background-repeat: no-repeat; background-position: center top; }
#logo_pic { float: left; padding-top: 20px; }
#logo_text { font-size: 24px; font-weight: bolder; padding-top: 40px; color:#fff; padding-left:10px; }

#top_basic { width: 100%; height: 30px; padding-top: 5px; }
#top_basic a:link, .top_basic a:visited { text-decoration: none; color:#666666; }
#top_nav {

    font-size: 14px;
    width: 215px;
    float: right;
    text-align: right;
    color: #0848bd;
    font-weight: bold;
    margin: 30px 190px 0 0;

}
#top_nav a { height: 30px; font-size: 14px; color: #666666; }

#top_nav span { height: 30px; font-size: 14px; font-weight: bold; }



/* nav */
#nav { width: 970px; height: 45px; overflow: hidden; margin-top: 0; margin-right: auto; margin-left: auto; margin-bottom: 0px; background-image: url(../pic/nav_bg.gif1); background-repeat: repeat-x; background-position: left top; }
#nav ul { width: 934px; height:45px; margin: 0 auto; padding:0px 0; }
#nav ul li { width: 100px; height: 45px; float: left; text-align: center; font-size: 14px; font-weight: bold; line-height: 45px; border-right: 0px solid #701a01; }
#nav a:link, #nav a:visited { text-decoration: none; color:#fff; display: block; background-image: url(../pic/nav_1.jpg1); background-repeat: no-repeat; background-position: left; }
#nav a:hover, #nav a:active { text-decoration: none; color:#fff; display: block; background-image: url(nav_2.jpg); }


/* menu */
#menu { height: auto;}
#menu_list ul { width: 100%; margin: 0; }
#menu_list ul li { background: url(menu_arrow.gif) 0 14px no-repeat; font-size:12px; line-height:36px; text-align:left; width:100%; border-bottom:1px dashed #ddd;}
#menu_list ul li a { padding-left: 16px; width: 80&; overflow: hidden; }

#menu_list ul li.list_child { background: url(news_arrow.gif) 16px 7px no-repeat; }
#menu_list ul li.list_child a { padding-left: 30px; width: 70&; overflow: hidden; }



/* footer */
#footer { background: url(footer.jpg) repeat-x; width: 970px; height: 111px; clear: both; border-top: 0px solid #000; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
#footer_con { width:100%; height: auto;  padding: 22px 0; color: #fff; font-size: 12px; text-align:center; line-height: 1.7em; }




/*=============== news =============== */

/* news_index */
.news_index_list ul { list-style: none; margin: 0; padding: 0 5px; }
.news_index_list ul li { background: url(news_arrow.gif) 0 12px no-repeat; width: 95%; height: 32px; padding-left: 12px;  float: left; line-height:32px; font-size:12px;  border-bottom: 1px dashed #ddd; white-space:nowrap; text-overflow:ellipsis; overflow: hidden; }

/* news_index 2 col */
#news_2col ul li { width: 45%; padding-right: 8px; }

/* news_list */
#news_list { margin-top:5px; clear: both; }
#news_list ul { padding: 0 15px; }
#news_list ul li { background: url(news_arrow.gif) 0 16px no-repeat; width:100%; height:40px; float:left;  line-height: 40px; font-size: 13px;  border-bottom: 1px dashed #ddd; }
#news_list ul li a { width: 480px; padding-left: 12px; float: left; white-space:nowrap; text-overflow:ellipsis; overflow: hidden; }
#news_list ul li span { float: right; font-size: 12px;  color: #bbb; }



/*============== product ============== */

/* product_list */
#product_list ul { width:100%; }
#product_list ul li { width:25%; height: 180px; float:left; text-align:center; overflow:hidden; margin-top:15px; background-color: #FFF; }

.product_pic { width: 100%; }
.product_pic a{ width: 120px; height: auto; margin: 0 auto; padding: 4px; border:#d8e1ef 1px solid; display: block; }
.product_pic img {  width: 100%; height: 100px;  }

.product_info { margin-top: 10px; font-size: 13px; overflow: hidden; }
.product_info span { margin-top: 3px; display:block; font-size: 12px; color:#017493; }




/* product_content */
#product_up { width: 100%; height: 230px; margin-top: 15px; clear: both; }
#product_main {  width: 100%; height: auto; margin-top: 10px; clear: both;  }
#product_content { padding: 20px; line-height: 1.8em; font-size: 14px; color: #777;}

#product_show { width: 240px; height: auto; padding: 3px; float: left; border: 1px solid #e3e3e3; }
#pro_show_bigpic { width: 240px; height: 200px;  }
#pro_show_bigpic a { display: block; text-align: center; }
#pro_show_bigpic img { width: 240px; height: 180px; }

#pro_info { width: 350px; height: auto; float: left; margin-left: 30px;}
#pro_info_up ul { margin-top: 10px; }
#pro_info_up ul li { height: 28px; line-height: 28px;}
#pro_info_up ul li span { margin-left: 10px; }

h5 { font-size: 15px; color: #444; line-height: 25px; border-bottom: 1px solid #ddd; }
h6 { font-size: 14px; color: #666; text-align: left; height: 30px; line-height: 30px; padding-left: 10px; border-bottom: 1px solid #ddd; }
#price { font-size:26px; font-weight: bold; vertical-align:middle; color: #dc1f1f;}
.judge { color: #f2c529;}





/*============== modules ============== */

/* silde*/
#slide_main { background: #0b4168; width: 100%; height: 100%; }
#focus_img { width: 970px;  height: 100%; clear: both; }
#focus_img img { width: 100%; height: 100%; border: 0; }
#thumb_img_bg { background: #044f6c; filter:alpha(opacity=50); width: 100%; position: relative; top: -18px;  height: 25px; clear: both;}

#thumb_img { width: 175px; height: 18px;  position: relative; top: -42px; padding-left: 810px; padding-top: 3px; clear: both;  }
.thumb_img_box { width: 38px ; height: 11px; text-align: center; cursor: pointer; float: left; overflow: hidden; }
.thumb_img_box img { width: 28px; height: 11px; border: 0; }

 






/* contact */
#contact { height: 245px; }
#contact_content{height:190px;}
#contact_content p{ font-size:12px; font-weight:bold; line-height:25px;}





/* message */
#messagecontent { width: 100%; height: auto; padding: 10px 0; }
.message_box { width: 95%; height: auto; margin: 10px auto; border: 1px solid #dedede; overflow: hidden; }
.message_box_title { background: #d8f7fe; width: 100%; height: 25px; line-height: 25px;  }
span.mes_title { width: 45%; display: block; float:left; padding-left: 2%; overflow: hidden; }
span.mes_id { width: 20%; display: block; float:left; margin-left: 2%;  overflow: hidden; }
span.mes_time { width: 20%;  display: block; float:right; color: #999; font-size: 10px; }
.mes_content { padding: 10px 20px; color: #777; }

#leavemessage { width: 89%; padding: 0 3%; }
#leavemessage p { margin: 5px; }
#leavemessage textarea { width: 90%; }
span.leavemes_tit { width: 60px; display: block; float:left; overflow: hidden; }
span.must_tip { color: #dd0000; }



/* onlineqq */
#onlineqq_content { height: 90px; }
#onlineqq_content a { height: 26px; display: block; margin-top: 4px; }


/* friendlink */
#friendlink_content { height: 52px; }
#friendlink_content a { display: block; margin-bottom: 3px; border: 1px solid #ddd; margin-right: 5px; margin-left: 5px; padding-top: 1px; padding-right: 6px; padding-bottom: 1px; padding-left: 6px; }

 
