/* CSS Document */

@import url("top.css");
@import url("foot.css");
#banner{ width:100%; height:331px; background:url(images/banner_bg.jpg) repeat-x 0 0;}
#piclist{ width:1000px; height:149px; background:url(images/pic_bg.jpg) repeat; margin:10px auto 0 auto; padding:21px 0 20px 0;}
#piclist  li{ float:left; padding:0 33px; border-right:1px solid #FFFFFF; display:inline; position:relative;}
#piclist  li a{display:block; width:266px; height:149px; background:url(images/pic1.jpg); font-size:16px; color:#fff;}
#piclist #pic2 a{ background:url(images/pic2.jpg);}
#piclist #pic3 a{ background:url(images/pic3.jpg);}
#piclist  li a:hover{ color: #FFFF00;}
#piclist  #pic3{border-right:none;}
#piclist #pic1 p,#piclist #pic2 p,#piclist #pic3 p{ margin:114px 150px 6px 50px; position:absolute;}
#wrap {width:980px; margin:0 auto; background-color:#FFFFFF;  padding:10px;}
/* CSS container */
#container{ width:477px; float:left;}
#c_top{ width:477px; height:16px; background:url(images/c_t_bg.jpg) no-repeat 0 0; margin:0 auto; }
.title{ width:457px; height:41px;  background:url(images/c_c_bg.jpg) repeat-y 0 0; padding:0 10px;}
.title h3{ width:135px; height:40px; line-height:40px; text-align:center; font-size:14px; float:left; background:url(images/c_l_bg.jpg) no-repeat 0 0;}
.title p {width:44px; height:13px; float:right; margin-top:20px;}
.underline{ width:457px; line-height:1px; background-color:#CCCCCC;}
#about,#newslist{width:457px;background:url(images/c_c_bg.jpg) repeat-y 0 0; padding:10px 10px;}
#newslist{height:125px;}
#about img{border:1px solid #CCCCCC; float:left; margin-right:10px;}
#about{line-height:1.8; text-align:left; text-indent:2em; color:#333333;}
#newslist li { height:30px; line-height:30px; text-align:left; width:420px; padding-left:20px; border-bottom: 1px  dashed #CCCCCC; background:url(images/dot.gif) no-repeat 5px 10px;}
#c_bottom{ width:477px; height:13px; background:url(images/c_b_bg.jpg) no-repeat 0 0; }
/* CSS product */
#product {width:503px; float:right; margin-top:4px;}
#product ul{ width:500px; margin-right:3px;}
#product li{float:left; display:inline; margin-left:10px; width:238px; margin-bottom:20px; border:1px solid #ccc;}
#product li a{ text-align:center; display:block; background-color:#eaeaea; width:238px; height:223px;}
#product li a img { width:194px; padding:3px; border:1px solid #ccc; background-color:#FFFFFF; height:150px; margin-bottom:8px; margin-top:20px;}
#product li a:hover{ background-color: #333; color:#FFFFFF;}
#product li a:hover img{ border:1px solid  #003399; background-color:#13A5FB;}