﻿@charset "utf-8";
* { padding:0;margin:0; }
img { border:none; }
body{ color:#333;font:12px/22px Arial,Verdana,Helvetica,sans-serif; background:#ccc; }
h1,h2,h3,h4 { font-size:12px; }
ol,ul,li,dd,dt{list-style:none;}
.clear { clear:both; height:0;overflow:hidden; }
.clear_5 { clear:both; height:5px; overflow:hidden; }
.clear_12 { clear:both; height:12px; overflow:hidden; }
.fleft { float:left; }
.fright { float:right}
.btn { cursor:pointer; }
/* link */
a:link { color:#333; text-decoration:none;}
a:visited { color:#333; text-decoration:none;}
a:hover { color:#0861A4; text-decoration:underline;}
a:active {color:#333; }

.wrapper { width:1000px; margin:0 auto; background:#fff; }

.header {
  background: url(images/headbg.gif) repeat-x; height: 100px;
}
.header .logo {
	  width: 680px; float: left; height:100px; background:url(images/logo.gif) no-repeat;
}
.header .logo h2 { margin-top:68px; padding-left:130px; }
.header .toprt {
   width:180px; padding-left:120px; float: right; height:100px; background:url(images/toprt.gif) no-repeat; text-align:right;
}
.header .toprt a { display:block; height:20px; line-height:20px; padding:0 15px; float:left; margin-left:5px; background:#ccc; }

.hdate {
	height: 63px; CLEAR: both; VERTICAL-ALIGN: top
}
.psearch {
	text-align: center; VERTICAL-ALIGN: top
}
#menu {
	height:42px;
	padding-left:8px;
	background:url(images/menubg.gif) repeat-x 0px 0px;
}
#menu li {
	float:left;
	font-size:14px;
	width:120px;
	height:42px;
	line-height:42px;
	text-align:center;
	color:#fff;
}
#menu li a {
	display: block;
	font-weight:bold;
	color:#fff;
}
#menu li a:hover,#menu li a.on {
	background:url(images/menuon.gif) no-repeat center top; color:#F25E33;
}
#menu li.mline { width:3px; background:url(images/mline.gif) no-repeat 0px 0px; }

.banner {
  clear:both;text-align:center; height:300px; margin-top:15px;
}
#player { position:relative;width:960px;height:300px; overflow:hidden; margin:0 auto;}
#player .limg{ width:960px;position:relative }
#player .limg li{ position:absolute;top:0;left:0; }
#player .limg li img{ width:960px;height:300px;}
#player .limg li h3,#player .limg li h3 { position:absolute; top:10px; left:450px; font-size:14px; color:#fff; }
#player .nubbt{ position:absolute;z-index:9;left:392px;bottom:8px; line-height:24px;  }
#player .nubbt span{ display:block; float:left; height:12px; width:40px; margin:0 2px; font-style:normal;cursor:pointer; background:#ccc; }
#player .nubbt span.on{ background:#0B6AB1;color:#fff; }

.main { width:960px; margin:0 auto;background:url(images/contentbg.gif) repeat-x 0px 0px; padding-top:18px; }
.mainleft { width:220px; float:left; background:url(images/cline.gif) right repeat-y; padding-right:15px; }
.mainright { width:710px; float:right; }

.title { height:40px;line-height:32px; background: url(images/titlebg.gif) repeat-x; font-size:14px; }
.title .txt { float:left; color:#fff; display:block; width:106px; text-align:center; font-weight:bold; height:40px; line-height:32px; background:url(images/txtbg.gif) no-repeat; }
.title .txt1 { float:left; color:#000; display:block; width:106px; text-align:center; font-weight:bold; height:40px; line-height:32px; background:url(images/txtbg2.gif) no-repeat; margin-left:1px; }
.title .more { float:right; margin-top:10px; }
.title .pos { float:right; font-size:12px; margin-right:12px; }

.aboutbox {
	 margin: 0px 0px 0px 15px;  width: 450px;  float: left; height:230px;
}
.aboutbox .content {
	 line-height: 22px; height: 181px; COLOR: #000; FONT-SIZE: 12px; TEXT-DECORATION: none;
}
.aboutbox .content p { text-indent:24px; }
.aboutbox .content a { text-decoration:underline; color:#026FB9; }
.cline { width:30px; height:230px; float:left; background:url(images/cline.gif) center 0px repeat-y; }

.article {
	 margin: 0px 0px 0px 0px;  width: 450px;  float: left;  height:230px;
}
.article .cbox { display:block; }
.article .cbox1 { display:none; }
.article ul li { clear:both; height:28px; line-height:28px; border-bottom:1px dotted #ccc; padding-left:16px; background:url(images/icon.gif) no-repeat 5px 13px; }
.article ul li span { float:right; }

.productbox {
	 margin: 0px auto; padding:10px 15px; border:1px solid #ccc;
}
.productbox .proclass { display:block; float:left; height:40px; line-height:40px; font-size:12px; font-weight:bold; padding-left:12px; }
.productbox .proclass a { font-size:12px; padding:0 5px; }
.products { padding:0 10px; }

.foot {
	   background:url(images/footbg.gif) repeat-x; padding:12px 0px; clear:both;
}
.foot p {
	line-height: 22px; height: 22px; text-align:center;
}
.link { width:980px; margin:0 auto; margin-top:5px; line-height:16px; color:#777; }
.link a { color:#777; }

.mainleft ul { padding:0 10px; }
.mainleft .proclass li { padding-left:32px; height:30px; line-height:30px; background:#ccc; margin-top:5px; font-size:13px; }
.mainleft .proclass li a { padding-left:16px; background:url(images/icon_2.gif) no-repeat 0px 3px; }
.mainleft .contact li { height:24px; line-height:24px; padding-left:12px; background:url(images/icon.gif) no-repeat 5px 8px; }

.mainright .content { padding:10px; }
.mainright .content p { text-indent:24px; margin-top:3px; }

.prolist li { width:172px; height:140px; float:left;text-align:center;display:inline;  padding-top:5px;}
.prolist li img { width:158px; height:114px;border:1px solid #ccc; }
.prolist li a { color:#000; display:block; padding:0 5px; }

.newslist li { height:24px; line-height:24px; margin-bottom:3px; border-bottom:1px dotted; clear:both; padding-left:16px; background:url(images/icon.gif) no-repeat 5px 8px; }
.newslist li span { float:right; }

.content h2 { font-size:14px; text-align:center; height:32px; line-height:32px; border-bottom:1px dotted #ccc; }
.newsdate { text-align:right; }
.proimg { text-align:center; margin:5px 0px;}

.sitemap {
    width:690px;
	margin-top:8px;
	border:1px solid #ccc;
	}
.sitemap h4 { height:28x; line-height:28px; padding-left:16px; background:#ddd; }
.sitemap ul li {
	line-height:20px;
	height:20px;
	width:230px;
	overflow:hidden;
	text-indent:16px;
	background:url(images/icon.gif) no-repeat 5px 6px;
	margin:3px 0;
	float:left;
    }
.map2 ul li { width:345px; }

.articles { padding:5px; border:1px solid #ccc; }

.page { clear:both; height:30px; line-height:30px; background:#eee; text-align:center; margin-top:5px; }
.line { height:1px; line-height:1px; overflow:hidden; border-bottom:1px dotted #ddd; }
.prenext { line-height:24px; padding-left:10px;}