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

/*重置样式*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, button{padding:0;margin:0;}
body{font:12px/18px   "宋体", Arial, Helvetica, sans-serif;color:#333;}/*background:#05507B;background:url(../images/indexbg.jpg) repeat-x top*/
h1, h2, h3, h4, h5, h6{ font-size:100%}
fieldset, img{border:0;}
input, label, select, option, textarea, button, fieldset, legend{font:12px/18px Verdana, Simsun, Helvetica, Arial, sans-serif;/*表单中的字体属性与表单以外的不一致，需要单独定义*/}
ul, li ,dl,dt,dd{list-style:none;}

/*设置常用样式,定义页面中常重复使用的一些样式，可以观察设计稿来确定*/
.dis{ display:none} /*隐藏*/
.left{ float:left} /*左浮动*/
.right{ float:right} /*右浮动*/
.clear{ clear:both; margin:0px; padding:0px;  } /*清除浮动*/
.red{color:#cd0000;} /*红色文字*/
.boder1px{ border:1px solid #e4e4e4} /*1像素边框*/
.position_rel{ position:relative} /*相对定位*/
.hot{color:#F17500}
.del{ font-family:georgia}/*删除线样式字体，用在商品价格*/

/*区块与区块间隔调用样式*/

.blank15{clear:both; height:15px; display:block;}
.blank10{clear:both; height:10px; display:block;line-height:10px;font-size:0px;}
.blank20 {clear:both; height:20px; overflow:hidden; display:block;}


/*默认文字链接样式*/
a{color:#333;text-decoration:none;}
a:hover{color:#039;text-decoration:none;}

/* index css */
#indexbg{width:1042px;margin:0 auto;overflow:hidden;}/*background:url(../images/indexbg.png) repeat-y center top*/

#header{width:980px;margin:0 auto}

#menu{width:980px;height:40px;line-height:40px;margin:0 auto;background:url(../images/menu_bg.jpg) no-repeat}
#menu ul{padding:0 5px}
#menu ul li{width:156px;display:block;text-align:center;background:url(../images/menu_line.jpg) no-repeat right top;float:left}
#menu ul li a{color:#fff;font-weight:bold;font-size:14px;display:block}
#menu ul li a:hover{background:url(../images/menu_hover.jpg) no-repeat}

#banner{width:980px;height:320px;margin:0 auto}

#content{width:980px;margin:0 auto}

.topc .prolink{width:200px;height:280px;margin-right:10px}
.topc .prolink ul{border:1px solid #cecece;height:238px;padding:5px;}
.topc .prolink ul li{height:30px;line-height:30px;background:url(../images/arrow.jpg) no-repeat 5px center}
.topc .prolink ul li a{text-indent:20px;display:block;font-weight:bold}

.topc .about{width:500px;height:280px;}
.topc .about div{border:1px solid #cecece;height:232px;padding:8px;line-height:22px}
.topc .about div img{float:left;margin-right:10px}
.topc .about div a{color:#039}
.topc .about div a:hover{ text-decoration:underline}

.products{width:980px;height:210px;overflow:hidden}
#marquee{width:978px;height:178px;overflow:hidden;border:1px solid #cecece}
#marquee ul{padding:10px;}
#marquee ul li{float:left;width:170px}
#marquee ul li div{width:160px;height:140px; vertical-align:middle; text-align:center; display:table-cell;}
#marquee ul li span{width:160px;line-height:22px;text-align:center;display:block}

.b_l{width:710px;}

.contact{width:200px;}
.contact div{height:168px;border:1px solid #cecece;padding:5px 0 0 5px;line-height:28px;font-weight:bold}

.wh{width:500px;height:180px;}
.wh div{border:1px solid #cecece;height:157px;padding:8px;line-height:20px}
.wh div img{float:left;margin-right:10px}
.wh div a{color:#039}
.wh div a:hover{ text-decoration:underline}

.news{width:260px;height:315px;overflow:hidden}
.news ul{padding:5px;border:1px solid #cecece;height:273px;}
.news ul li{display:block;text-indent:20px;background:url(../images/arrow.jpg) no-repeat 10px center;height:28px;line-height:28px}

#bottom{width:980px;text-align:center;margin:0 auto;}
#bottom div{margin-top:20px;line-height:22px;}