/*
reset.css
理念：清除和重置是紧密不可分的
特色：1.适应中文 2.基于最新主流浏览器
维护：玉伯(lifesinger@gmail.com), 正淳(ragecarrier@gmail.com)
*/

/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}
*{
	margin:0;
	padding:0;
	}

/** 设置默认字体 **/
body,
button, input, select, textarea { /* for ie */
    /*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
    font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; /* 用 ascii 字符表示，使得在任何编码下都无问题 */
}

h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 100%; }

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 正常化 */

/** 重置列表元素 **/
ul, ol { list-style: none; }

/** 重置文本格式元素 **/
a { text-decoration: none; color:#FFF; }
a:hover { text-decoration:none; }

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 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */
}

/** 重置表格元素 **/
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/** 其它 **/
hr {
    border: none;
    height: 1px;
    *color: #fff; /* for ie6 */
}
body
{
	background:#115868 url(../images/bj.jpg);}
	
#main{ width:990px; margin:0px auto;}
/*页眉*/
#head{ width:990px; height:130px; background:url(../images/head_bj.jpg) no-repeat left top;}
	#collect { width:180px; height:30px; margin-top:10px; float:right; }
	#collect ul{ list-style:none; }
	#collect ul li{ width:60px; height:18px; float:left; margin:0 10px; background:#fff; text-align:center; line-height:18px; border:#cfcfcf 1px solid; }
	#collect ul li a{ display:block; color:#666; }
	#collect ul li a:hover{ background:#0e4858; color:#FFF; }
#logo{ width:500px; height:95px; float:left; overflow:hidden;}

/*nav*/
#nav{width:980px; height:35px; background:url(../images/nav_r.jpg) no-repeat right; margin:0 auto; clear:both;}
#nav ul{ width:970px; height:35px; list-style:none; }
#nav ul li{ width:100px; height:35px; line-height:35px; float:left; border-right:#6cb5c7 1px solid;}
#nav ul li a{ width:100px; height:35px; display:block; text-indent:-5000px;}
#nav ul li.kong{ width:364px;  background:url(../images/nav_c.jpg) left top; float:left; border-right:none;}

#nav ul li .index{ background:url(../images/index.png) no-repeat 0px 0px; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/index.png"); _background:none; _width:100px; _height:35px;}
#nav ul li .index:hover,#nav ul li .on_index{ background:url(../images/index_on.png) 0px 0px; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/index_on.png"); _background:none; _width:100px; _height:35px;}

#nav ul li .about{ background:url(../images/nav.png) no-repeat 0px 0px;}
#nav ul li .about:hover,#nav ul li .on_about{ background:url(../images/nav_on.png) 0px 0px; display:block;}
#nav ul li .hlj{ background:url(../images/nav.png) no-repeat 0px -35px;}
#nav ul li .hlj:hover,#nav ul li .on_hlj{ background:url(../images/nav_on.png) 0px -35px; display:block;}
#nav ul li .gd{ background:url(../images/nav.png) no-repeat 0px -70px;}
#nav ul li .gd:hover,#nav ul li .on_gd{ background:url(../images/nav_on.png) 0px -70px; display:block;}
#nav ul li .hn{ background:url(../images/nav.png) no-repeat 0px -105px;}
#nav ul li .hn:hover,#nav ul li .on_hn{ background:url(../images/nav_on.png) 0px -105px; display:block;}
#nav ul li .tel{ background:url(../images/nav.png) no-repeat 0px -140px;}
#nav ul li .tel:hover,#nav ul li .on_tel{ background:url(../images/nav_on.png) 0px -140px; display:block;}

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

#left{ width:245px; float:left; background:#f5f5f5;}
#onlineqq{ width:245px;}
#onlineqq h2{ width:245px; height:45px; text-align:center; line-height:45px;  font-size:14px; color:#fff;}
#onlineqq ul{ width:235px; height:270px; margin:0px auto; background:url(../images/left_bj.jpg) }
#onlineqq ul li{ padding:5px; line-height:20px; font-size:13px;}
#left_c{ width:245px; background:#f5f5f5;}
#img{ width:245px; height:200px; background:url(../images/left_b.jpg) no-repeat left bottom;}
#imgjs{ width:235px; height:190px; margin-left:5px;}

.left_about{}
.left_about .title{background:url(../images/left_t.jpg) 0px 0px;}
.left_hlj{}
.left_hlj .title{background:url(../images/left_t.jpg) 0px -45px;}
.left_gd{}
.left_gd .title{background:url(../images/left_t.jpg) 0px -90px;}
.left_hn{}
.left_hn .title{background:url(../images/left_t.jpg) 0px -135px;}
.left_tel{}
.left_tel .title{background:url(../images/left_t.jpg) 0px -180px;}

#right{ width:730px; float:right; background:#f7f7f7;}
#right h2{ width:730px; height:45px; line-height:45px;}
#right h2 #title{ width:150px; height:45px; line-height:45px;  float:left; color:#FFF; font-family:"宋体", Arial, sans-serif; font-size:14px; text-align:center;}
#right h2 #more{ width:580px; height:35px; background:url(../images/right_tr.jpg) no-repeat left top; float:left; }
#right_c { width:730px; height:470px;background:url(../images/right_b.jpg) no-repeat left bottom; line-height:20px; font-size:14px; overflow:auto;}
#right_c p{width:700px; margin:0 auto; padding-top:15px;}

.right_about{}
.right_about .title{background:url(../images/right_t.jpg) no-repeat 0px 0px;}
.right_about .more{border-bottom:5px #b19be5 solid;}
.right_hlj{}
.right_hlj .title{background:url(../images/right_t.jpg) no-repeat 0px -45px;}
.right_hlj .more{border-bottom:5px #90cded solid;}
.right_gd{}
.right_gd .title{background:url(../images/right_t.jpg) no-repeat 0px -90px;}
.right_gd .more{border-bottom:5px #7af0cf solid;}
.right_hn{}
.right_hn .title{background:url(../images/right_t.jpg) no-repeat 0px -135px;}
.right_hn .more{border-bottom:5px #fc93ea solid;}
.right_tel{}
.right_tel .title{background:url(../images/right_t.jpg) no-repeat 0px -180px;}
.right_tel .more{border-bottom:5px #eeb77d solid;}



#foot{ width:990px; margin:0px auto; height:80px; background:url(../images/foot_bj.jpg) no-repeat left top;}
#foot h4{	padding-top:18px; width:990px; text-align:center; font-weight:normal; line-height:18px; color:#Fff; }
#foot a{ color:#FFF;}
#foot a:hover{ text-decoration:underline;}