/* CSS Document */
body {
	text-align:center;
	font-size:12px;
	line-height:150%;
}
a {
	text-decoration:none;
	color:#333;
}
a:hover {
	text-decoration:underline;
	color:#C30;
}
.cb { clear:both; font-size:0; height:0;}
.h10 { height:10px;}
.h386 { height:386px;}
filter {filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;}
shadow {box-shadow:2px 2px 2px #000; -webkit-box-shadow:2px 2px 2px #000; -moz-box-shadow:2px 2px 2px #123;}
#banner { width:100%; height:386px; overflow:hidden; text-align:center;}
#top { position:absolute; top:0; left:50%; margin-left:-490.5px; width:981px; height:115px; background:url(../images/top_bg.png);}
#top .logo { width:442px; float:left;}
#top .tel { width:330px; height:75px; line-height:75px; float:right;}
#top .tel #_userlogin { padding-left:22px; float:left; line-height:75px;}
#top .tel .nav ul li{ float:left; margin-left:15px; line-height:75px;}
#grayline {position:absolute; top:76px; left:50%; margin-left:-490.5px; width:981px; height:1px; background:#DFE0E0;}

#content { width:981px; margin:0 auto;}
#content .intro { width:291px; margin-right:10px; float:left;}
#content .intro h2 { background:url(../images/intro_title.jpg) no-repeat; height:24px; margin-bottom:10px; text-align:right;}
#content .intro p.text { text-align:left; text-indent:24px; line-height:24px;}
#content .news {width:409px; margin-right:10px; float:left;}
#content .news h2 { background:url(../images/news_title.jpg) no-repeat; height:24px; margin-bottom:10px; text-align:right;}
#content .news { text-align:left;}
#content .news h1 { font-size:12px; line-height:30px; font-weight:bold;}
#content .news p { line-height:24px;}
#content .news p img { float:left; padding:5px;}
#content .news ul li { line-height:24px; border-bottom:1px #ccc dashed;}
#content .news ul li span.time { float:right;}
#content .video { width:259px; float:left;}
#content .video h2 { background:url(../images/video_title.jpg) no-repeat; height:24px; margin-bottom:10px;}
#content .video p { text-align:right;}
#system { width:971px; height:160px; border:2px #166BAF solid; margin:0 auto;}
#system ul li { float:left; width:148px; height:95px; float:left; margin:24px 22px;}
#system ul li img { border:1px #ccc solid; padding:3px;}
#contact { width:981px; background:url(../images/contactus_bg.jpg) no-repeat; height:189px; margin:0 auto;}
#contact a { color:#FFF;}
#contact .text { width:194px; height:139px; padding-top:50px; color:#A3DFF7; float:left; text-align:left; padding-left:40px;}
#contact .qq { margin-top:38px; text-align:right; padding-right:30px;}
#contact .project { position:relative; width:710px; margin-left:5px; float:left;}
#contact .project .bd { position:absolute; left:44px;}
#contact .project .hd li { display:none;}
#contact .project .hd .prev { position:absolute; top:70px; left:0; margin-right:10px; float:left; display:block; background:url(../images/pre.png) no-repeat; width:24px; height:43px;}
#contact .project .hd .next { position:absolute; top:70px; right:0; float:right; margin-left:-20px; display:block; background:url(../images/next.png) no-repeat; width:24px; height:43px;}
#contact .project ul li { float:left; width:148px; height:135px; color:#666; float:left; margin-top:30px; margin-right:10px;}
#contact .project ul li a { color:#000;}
#contact .project ul li img { border:1px #ccc solid; padding:3px;}
#link {width:981px; margin:0 auto;}
#link ul li { float:left; margin-right:10px;}
#link ul li a { color:#000;}
#bottom { width:100%; height:90px; padding-top:30px; background:#1C6FB1; color:#fff;}
#bottom p { line-height:30px;}

/*二级页面*/
#show { width:981px; margin:0 auto;}

#show .left { width:230px; float:left;}
#show .left ul li.l_top { background:url(../images/l_top.jpg) no-repeat; height:41px; line-height:41px; font-size:14px; font-weight:bold; color:#FFF; text-align:center;}
#show .left ul li.l_center { background:url(../images/l_center.jpg) no-repeat; height:41px; line-height:41px;}
#show .left ul li.l_center a { color:#FFF; text-decoration:none;}
#show .left ul li.l_center a:hover { color:#FFD33C; text-decoration:none;}
#show .left ul li.l_bottom { background:url(../images/l_bottom.jpg) no-repeat; height:28px;}

#show .news .pages,#show .project .pages {
	width:280px;
	margin:0 auto;
	text-align:center;
}
#show .news .pages ul li,#show .project .pages ul li{
	list-style:none;
	border-bottom:none;
	float:left;
	padding:5px 5px;
}

#show .intro { width:230px; float:left; border:1px #EBEBEB solid;}
#show .intro h2 { background:url(../images/right_tbg.png) repeat-x; height:37px; border-bottom:1px #EBEBEB solid; line-height:37px; text-align:left; padding-left:10px; font-weight:bold;}
#show .intro p.text { text-align:left; text-indent:24px; line-height:24px;}

#show .news {width:730px; float:right; border:1px #EBEBEB solid; text-align:left;}
#show .news h2 { background:url(../images/right_tbg.png) repeat-x; height:37px; border-bottom:1px #EBEBEB solid; line-height:37px; text-align:left; padding-left:10px; font-weight:bold;}
#show .news h2 span.pos { float:right; padding-right:10px; font-weight:normal;}
#show .news h1 { font-size:12px; line-height:30px; font-weight:bold;}
#show .news ul li { line-height:30px; border-bottom:1px #ccc dashed;}
#show .news ul li span.time { float:right; padding-right:10px;}

#show .project { width:730px; float:right; border:1px #EBEBEB solid;}
#show .project h2 { background:url(../images/right_tbg.png) repeat-x; height:37px; border-bottom:1px #EBEBEB solid; line-height:37px; text-align:left; padding-left:10px; font-weight:bold;}
#show .project h2 span.pos { float:right; padding-right:10px; font-weight:normal;}
#show .project ul { margin-top:10px;}
#show .project ul li { float:left; width:148px; height:95px; text-align:center; border-bottom:none; float:left; margin-left:20px; margin-right:10px; margin-bottom:30px;}
#show .project ul li img { border:1px #ccc solid; padding:3px;}

#show .article { width:730px; float:right; border:1px #EBEBEB solid;}
#show .article .info {line-height:30px; text-align:center;}
#show .article h2 { background:url(../images/right_tbg.png) repeat-x; height:37px; border-bottom:1px #EBEBEB solid; line-height:37px; text-align:left; padding-left:10px; font-weight:bold;}
#show .article h2 span.pos { float:right; padding-right:10px; font-weight:normal;}
#show .article h1 { font-size:14px; line-height:50px; font-weight:bold;}
#show .article div { overflow-x: hidden; line-height:30px; text-align:left; padding:0 10px;}
#show .article div img { max-width:690px; _width:expression(this.width > 690 ? "690px" : this.width);}

/* 浮动面板 */
#floatPanel{}
#floatPanel .ctrolPanel{width:36px;height:166px;background:#fff url(../images/float-panel-bg.gif) no-repeat left top;border:solid 1px #ddd;position:fixed;right:25px;top:300px;overflow:hidden;z-index:10000; _position:absolute; /* for IE6 */_top:expression(documentElement.scrollTop + 300);}
#floatPanel .ctrolPanel a{width:34px;font-size:12px;color:#ff6600;letter-spacing:1px;text-align:center;overflow:hidden;}
#floatPanel .ctrolPanel .arrow{height:29px;line-height:28px;display:block;margin:1px auto;}
#floatPanel .ctrolPanel .arrow span{display:none;}
#floatPanel .ctrolPanel .arrow:hover{background:#f4f4f4;}
#floatPanel .ctrolPanel .arrow:hover span{display:block;}
#floatPanel .ctrolPanel .contact{height:60px;display:block;margin:2px auto;}
#floatPanel .ctrolPanel .contact span{line-height:90px;}
#floatPanel .ctrolPanel .qrcode{height:40px;display:block;margin:2px auto;}
#floatPanel .ctrolPanel .qrcode span{display:none;}

#floatPanel .popPanel{width:230px;height:242px;position:fixed;right:70px;top:300px;z-index:10000;overflow:hidden;display:none;_position:absolute; /* for IE6 */_top:expression(documentElement.scrollTop + 300); }
#floatPanel .popPanel .popPanel-inner{width:230px;height:242px;position:relative;overflow:hidden;}
#floatPanel .popPanel .popPanel-inner .arrowPanel{width:10px;height:240px;position:absolute;right:1px;top:102px;}
#floatPanel .popPanel .popPanel-inner .arrowPanel .arrow01{width:0;height:0;font-size:0;line-height:0;border-top:10px solid transparent;_border-top:10px solid black;_filter:chroma(color=black);border-right:10px solid transparent;_border-right:10px solid black;_filter:chroma(color=black);border-bottom:10px solid transparent;_border-bottom:10px solid black;_filter:chroma(color=black);border-left:10px solid #ddd;position:absolute;bottom:0;position:absolute;left:2px;top:0;}
#floatPanel .popPanel .popPanel-inner .arrowPanel .arrow02{width:0;height:0;font-size:0;line-height:0;border-top:10px solid transparent;_border-top:10px solid black;_filter:chroma(color=black);border-right:10px solid transparent;_border-right:10px solid black;_filter:chroma(color=black);border-bottom:10px solid transparent;_border-bottom:10px solid black;_filter:chroma(color=black);border-left:10px solid #fff;position:absolute;bottom:0;position:absolute;left:0;top:0;}
#floatPanel .popPanel .popPanel-inner .qrcodePanel{width:220px;height:240px;text-align:center;background:#fff;border:solid 1px #ddd;position:absolute;left:0;top:0;overflow:hidden;}
#floatPanel .popPanel .popPanel-inner .qrcodePanel img{width:200px;height:200px;border:none;padding:10px 10px 5px 10px;}
#floatPanel .popPanel .popPanel-inner .qrcodePanel span{font-size:12px;color:#666;line-height:24px;letter-spacing:1px;}