@charset "utf-8";

/* 清除内外边距 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}

/* 设置默认字体 */
body, button, input, select, textarea {font:12px/16px Verdana,Arial,Tahoma;}
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */
abbr[title], acronym[title] { /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */border-bottom: 1px dotted;cursor: help;}
q:before, q:after { content: ''; }

/* 重置表单元素 */
legend { color:#000;} /* for ie6 */
fieldset, img { border: none;} /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea { font-size:100%;}/* 使得表单元素在 ie 下能继承字体大小 */
hr{border:none; height:1px;}/* 重置 hr */
html { overflow-y:scroll;}/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */

h1, h2, h3, h4, h5, h6, p{ width:100%; height:auto; font-size:12px; overflow:hidden;}
ul,ol,li,dl,dt,dd{ list-style:none; width:100%; height:auto; overflow:hidden;}
div{width:100%; height:auto; overflow:hidden;}
a{ text-decoration:none; cursor:pointer;}


/*首页样式或公共样式*/
#huachi-yujie{ background:url(../images/bg.jpg) top repeat-x; }
.section{ width:1000px; margin:0 auto;}
#head{ width:1000px; height:125px;margin:0 auto; background:url(../images/head.jpg) no-repeat; margin:0 auto;}
#head .logo{ width:260px; height:125px; float:left;}
#head .lag{ float: right; height: 25px; width: 170px;}
.sel{ height: 18px;
    margin: 3px 0 0 80px; line-height:12px; font-size:11px;
    width: 88px;}
.opt{ height:16px; line-height:12px;}	


#head .lag a{ display:block; width:25px; line-height:25px; color:#7d7d7d; height:25px; float:left;}
#head .search{ width:740px; height:60px; float:left;}
#head .search{ width:740px; height:60px; float:left;}
#head .search .form{margin: 27px 0 0 443px;}

#head .search .form .text{ width:153px; border:1px #fff solid; vertical-align:top; margin:8px 0 0 0;}
#head .search .form .btn{ margin:6px 0 0 0;}
#head .nav{ width:740px; height:40px; float:left;}
#head .nav ul{ padding:5px 0 0 0px;}
#head .nav ul li{ width:auto; height:30px; float:left; line-height:30px; }
#head .nav ul li a{ display:block; height:40px; color:#e5212d; font-size:14px; font-weight:bold;padding:0 8px;}
#head .nav ul li a:hover{ color:#fff; background:#e70014;}

.banner{ width:1000px; height:445px; background:url(../images/banner.jpg) no-repeat;}

.index_pro{ width:1000px; height:169px; background:url(../images/index_pro.jpg) no-repeat; }
.index_pro ul{ margin:0 0 0 10px}
.index_pro ul li{ float:left; width:120px; height:80px; margin: 66px 10px 0;}
.index_pro ul li a{ display:block; width:120px; height:80px;}
.index_pro ul li a img{width:120px; height:80px;}
.index_new{ width:1000px; height:160px; background:url(../images/index_new.jpg) no-repeat;}
.index_news{ width:265px;float:left;}
.index_news h3{ height:34px;}
.index_news h3 .more{ display:block; width:50px; height:34px; float:right;}
.index_news ul{ margin:10px 0 0 3px;}
.index_news ul li{ height:18px; line-height:18px;}
.index_news ul li a{ height:18px; color:#333; font-size:11px;}
.index_news ul li a span{ display:block; width:80px; height:18px; float:right;}

.index_about{ width:510px; float:left; }
.index_about h3{ height:34px;}
.index_about h3 .more{ display:block; width:50px; height:34px; float:right;}
.index_about img{ padding:11px 0 0 18px; float:left;}
.index_about p{ width:320px; line-height:15px; font-size:11px; padding:10px 0 0 10px; height:106px;}

.index_contact{ width:225px; float:left;}
.index_contact h3{ height:34px;}
.index_contact h3 .more{ display:block; width:50px; height:34px; float:right;}
.index_contact p{ font-size:11px; padding:10px 0 0 25px;}

#foot{ background:url(../images/foot.jpg) top repeat-x; height:90px;}
#foot p{ height:23px; line-height:23px; width:1000px; margin:0 auto; color:#fff;}



#cat_id{ vertical-align:top; width:100px; margin:6px 5px 0 0;}