*{margin:0; padding:0; list-style-type:none;}
a{ text-decoration:none; color: #333333;}
img{ border:none;}
html { background: url(../images/bg.jpg); font-family:"微软雅黑"; font-size:12px;  color: #333333;}
body {width:960px;margin:0 auto;}
h1,h2,h3 { margin-top: 0px;}
h1 { line-height:100px; letter-spacing:4px;}
h3 { float:left; color:#FFFFFF;font-size:14px; line-height:32px;margin-left:50px;}
p { font-weight: normal; line-height:25px;}
.clear{clear: both;}

#head { width:960px;height:136px;}
#title { height:100px; }
#title-right {float:right; text-align:right;line-height:100px;color: #30577c; font-size:22px;margin-right:20px; font-weight:bold;}
#nav { width:960px; height:36px;background-image:url(../images/menu-off.jpg);}

.top-menu a {float:left; text-align:center; width: auto; color:#FFFFFF;}
.top-menu a:hover { color:#333333;}
#nav .on a { color:#333333;}
#nav li{width:160px; height:36px;  float:left;}
#nav li a{display:block; width:100%; height:100%;}

#nav1{background:url(../images/menu1.jpg) no-repeat center;}
#nav1:hover{background:url(../images/menu1o.jpg) no-repeat center;}

#nav2{background:url(../images/menu2.jpg) no-repeat center;}
#nav2:hover{background:url(../images/menu2o.jpg) no-repeat center;}

#nav3{background:url(../images/menu3.jpg) no-repeat center;}
#nav3:hover{background:url(../images/menu3o.jpg) no-repeat center;}

#nav4{background:url(../images/menu4.jpg) no-repeat center;}
#nav4:hover{background:url(../images/menu4o.jpg) no-repeat center;}

#nav5{background:url(../images/menu5.jpg) no-repeat center;}
#nav5:hover{background:url(../images/menu5o.jpg) no-repeat center;}

#nav6{background:url(../images/menu6.jpg) no-repeat center;}
#nav6:hover{background:url(../images/menu6o.jpg) no-repeat center;}
.more { text-align:right; line-height:30px; padding-right: 20px; color: #787878; font-size:9px; font-weight:normal;}

#banner { width:960px;height:295px;}
#left-nav { width:206px; float:left; }
.left-nav-title { width:206px;height:32px; background:url(../images/left_title.jpg);}
.left-up { border: 1px  #C5C5C5 solid; margin-bottom:15px; padding: 10px 0 10px 0;background:#F1F1F1;}

.left-menu { text-decoration:none; color: #333333; line-height:35px; margin-left:18px;margin-right: 18px; border-bottom: 1px dashed #ccc}
.left-menu a:hover { color: red; }
.left-menu span { font-size:13px; font-weight:bold;}
#right { width:744px; float:left; margin-left:10px;}
#products-title { height:31px;  background-image:url(../images/right_title.jpg);border: 1px  #C5C5C5 solid; border-bottom:none; }
#products-title h3 {color: #333333; margin-left: 40px;}
#products { border: 1px #C5C5C5 solid; border-top:none; padding-bottom:20px;overflow:hidden;width: 742px;}
#products ul {padding-left: 15px;}
#products li {width:121px; height:130px; float:left; margin:10px; text-align:center;}
#products li img {width:110px; height:110px;padding:5px;border: 1px  #DDDDDD solid;}
#right-down {width:744px; margin-top:10px;}
#right-down h3 { color:#333333;}
#about { width:364px; height:289px;float:left; border: 1px  #C5C5C5 solid; background-image:url(../images/right_title.jpg); background-repeat:no-repeat; margin-right:12px;}
#about img { clear: both; float:left; margin: 0 5px 5px 0;}
.tongyong {padding:12px; text-indent:2em;padding-top:20px;}
#news { width:364px;float:left; border: 1px  #C5C5C5 solid; background-image:url(../images/right_title.jpg); background-repeat:no-repeat;}
#news ul { padding-top:10px; padding-right:30px;}
#news li { clear:both; list-style-type:circle; line-height:30px; font-weight:normal; border-top:1px solid #CDCDCD;margin-left:35px; position: relative;}
#news li span { color:#D7D7D7; font-size:8px; position: absolute; top: 0; right: 0;}
#news li:nth-child(1){ border:none;}
#foot { text-align:center; margin-top:10px;}
#foot-nav { width:960px; height:30px; background-image:url(../images/bottom.jpg); }
#foot-nav ul { width:489px; margin:0 auto;}
#foot-nav li { line-height:30px; float:left;}
#foot-nav li a { color:#FFFFFF; padding-right:10px; padding-left:10px;border-left:1px #FFFFFF solid;}
#foot-nav li:nth-child(1) a { border-left: none;}
#foot-nav li a:hover { color:#8C0002;}

.article_list li{font:13px/34px microsoft yahei; border-bottom: 1px dashed #666; margin-left: 15px; position: relative;}
.article_list li span{position: absolute; top: 0; right: 15px; font-size: 13px;}

.article h2{text-align: center; margin:20px; font-size: 15px;}
.article p{padding: 0 20px; font:12px/23px Microsoft YaHei;}

.article_img{}
.article_img li{width: 122px; height: 152px; float: left; margin: 12PX}
.article_img img{width: 110px; height: 110px; padding: 10px; border:1px solid #CCC;}
.article_img a{line-height: 30px; text-align: center; display: block;}