﻿@charset "utf-8";
@media screen {

body {
	margin:20px;
	text-align:center;
	overflow-x:hidden;
	background:#fff url(/images/bodybg.jpg) repeat-x center top;	
}
/*页面主框架*/
.page_width {
	width:900px;
	margin:auto;
	clear:both;
	z-index:10;
}

.product_menu a { display:block;border-bottom:1px solid #e5e5e5;line-height:22px; text-indent:15px; background:url(/images/sign68.gif) no-repeat 5px center;}
.table { border-collapse:collapse}
.table th { text-align:left; font-weight:bold;font-size:10pt; background:#f5f5f5;padding:3px;}
.table td {padding:3px;}

.linkbutton {padding:0px 8px; display:inline-block;vertical-align:middle;color:#fff !important; background:#027db6;clear:none; vertical-align:middle;height:22px;line-height:22px;}
.linkbutton:hover { background:#6bc61a; color:#fff !important; text-decoration:none;}

.hoticon { width:24px;height:24px; vertical-align:middle; background:url(/images/hot.gif) no-repeat center center}
hr { border:1px solid #e0e0e0;height:1px;}
#path {margin-bottom:10px; text-align:right;text-align:left;padding-bottom:5px;}

#banner {overflow:hidden;height:180px;margin-bottom:10px;width:100%; text-align:left; }
#seotext {padding-bottom:5px;margin-top:5px;}
#seotext,#seotext a { color:#999; text-align:left}
#share span{margin:0px ;;padding:0px 2px;;width:16px;height:16px; vertical-align:middle}

#links {padding-top:5px; text-align:left}
#links a {margin:0px 5px;}
.home_column {padding:10px 5px;}
.home_column .header {margin-bottom:5px;}
.home_column .column_item a {display:block; text-indent:10px; background:url(/images/112.gif) no-repeat left center;line-height:24px;}
#home_profile {padding:10px; text-align:left;padding-bottom:5px;}
#home_profile  p, #home_profile div {margin:0px;text-align:left;line-height:170%;font-size:8pt;}
.menuitem {color:#ccc;margin-right:15px;}
.menuitem:hover { color:#fff}
.home_summary p,.home_summary div {margin:0px;}
#mainmenu { background:url(/images/menubg.jpg) repeat-x center top;height:27px;}

#left_panel {
	width:200px;
	text-align:left;
	overflow:hidden;
	position:relative;
	border-right:1px solid #e0e0e0;
	
}

.cat_item a { display:block;line-height:25px;color:#6d6d6d; text-indent:12px; background:url(/images/caticon.jpg) no-repeat left center;}
.cat_item a:hover {color:#053de3; text-decoration:underline;background:url(/images/caticonover.jpg) no-repeat left center;}


.subcat {line-height:200%}
.subcat_item {margin-right:5px;}
.homecat .cat {margin-left:5px;}
#leftMenu  {padding:2px 8px;}
#leftMenu ul {list-style:none;margin:0px;clear:both;padding:0px;}
#leftMenu li  a {display:block;height:30px;line-height:30px; text-indent:15px; background:url(/images/menuicon1.jpg) no-repeat 5px center;color:#000;border-bottom:1px solid #efefef; text-align:left}
#leftMenu li  a:hover { color:#0b5ed8;background:url(/images/menuicon.jpg) no-repeat 5px center;}
#leftMenu li.split { display:none}
#leftMenu li  li  a {
	background:url(/images/sign66.gif) no-repeat 15px center; text-indent:25px;font-size:9pt
	}
#leftMenu li  li  a:hover {
	background:url(/images/sign661.gif) no-repeat 15px center; text-indent:25px;font-size:9pt
	}
#leftMenu  .subdiv { display:none}	
#content_panel  {clear:both;border:1px solid #e0e0e0;}

#right_panel {
	 text-align:left;position:relative;
}

#search { position:absolute;bottom:10px;right:0px}
#header { height:93px; text-align:left;position:relative;}
#logo {position:absolute;left:0;top:0;width:510px;height:93px;}
#servicer {position:absolute;right:0px;top:10px; text-align:right;width:540px;}

#lang { position:absolute;right:0px;top:40px;width:400px; text-align:right}

.button {display:block;height:19px; text-decoration:none;color:#fff;}
.button .l {float:left;width:5px;height:19px; background:url(/images/btnl.png) no-repeat;clear:none}
.button .c {float:left;height:19px; background:url(/images/btnbg.png) repeat-x;clear:none;text-align:center;color:#fff;cursor:hand;padding:0px 2px;color:#fff !important}
.button .r {float:left;width:10px;height:19px; background:url(/images/btnr1.png) no-repeat;clear:none}

.button:hover { text-decoration:none;color:#fff;}
.button:hover .l {background:url(/images/btnl_over.png) no-repeat;clear:none}
.button:hover .c {background:url(/images/btnbg_over.png) repeat-x;clear:none;text-align:center;color:#fff;}
.button:hover .r { background:url(/images/btnr1_over.png) no-repeat;clear:none}


.redbutton {display:block;height:19px; text-decoration:none;color:#fff;}
.redbutton .l {float:left;width:5px;height:19px; background:url(/images/btnl_over.png) no-repeat;clear:none}
.redbutton .c {float:left;height:19px; background:url(/images/btnbg_over.png) repeat-x;clear:none;text-align:center;color:#fff;padding:0px 2px;}
.redbutton .r {float:left;width:10px;height:19px; background:url(/images/btnr_over.png) no-repeat;clear:none}


#footer {text-align:left;float:left;line-height:25px;}
#footer a {margin:0px 5px;}

#footer_link {float:right;color:#444;line-height:25px;}
#footer_link a {margin:0px 10px;color:#000 }
#page_body {overflow-x:hidden;margin: 10px 20px;}
#page_content {
	width:100%; text-align:left
	}
#page_content p{
	line-height:200%;color:#000	
	}
#page_content p *,#page_content p td *,#page_content div * {color:#000}
.title_header {position:relative;height:28px; line-height:28px;text-indent:5px;color:#027db6;font-weight:bold;font-size:11pt;}


#page_title {
	margin-bottom:20px;
	font-size:12pt;
	color:#027db6;
	font-weight:bold;
	}

#bt_line {border-bottom:1px solid #d0d0d0;}
#tp_line {border-top:1px solid #d0d0d0;width:490px;}

.row {
	clear:both;
}

/*仅标题*/
.titlelist {border-bottom:1px dotted #ddd}
.titlelist .col {
	float:left;	
	line-height:30px;
	margin-right:10px;	
}
.titlelist .title {
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow-x:hidden;
	float:left;
	color:#444;
	text-indent:15px;
	background:url(/images/newsicon.jpg) no-repeat left center;
	width:80%
}



/*标题+时间*/
.title_time {border-bottom:1px dotted #ddd}
.title_time .col {
	float:left;	
	margin-right:10px;	
}
.title_time .title {
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow-x:hidden;
	float:left;
	color:#444;
	line-height:30px;
	text-indent:15px;
	background:url(/images/newsicon.jpg) no-repeat left center;
	width:80%
}
.title_time .time {float:right;line-height:25px;color:#666}



.download {border-bottom:1px dotted #ddd}
.download .col {
	float:left;	
	line-height:30px;
	margin-right:10px;	
}
.download .title {
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow-x:hidden;
	float:left;
	color:#444;
	text-indent:25px;
	background:url(/images/pdf.jpg) no-repeat left center;
	width:80%
}
/*标题+时间+摘要*/
.title_time_summary .col {
	float:left;
	margin:10px auto;
}
.title_time_summary .title a {
	display:block;color:#333;font-weight:bold
}
.title_time_summary .time {
	color:#999999;
	padding:2px 0px;
}
.title_time_summary .visitor {float:left;width:60px;height:60px;border:1px solid #c0c0c0; background:#fffff5; text-align:center}
.title_time_summary .visitor .click {font-size:18pt;color:#e00}
.title_time_summary .summary p  {
	margin:3px 0px;
	color:#555;
	line-height:150% !important
}

/*标题+摘要*/
.title_summary .col {
	float:left;
	margin:5px auto;
	margin-right:5px;
}
.title_summary .title a {
	background:url(/images/newsicon.jpg) no-repeat left center;
	text-indent:15px;
	display:block;
	margin:5px auto;
	color:#C00;
}
.title_summary .summary p,.title_summary .summary div {
	margin:3px 0px;
	color:#666
}


/*上图下文*/
.top_bottom
{
	height:200px;
}
.top_bottom .col {
	float:left;	
	margin-right:6px;	
}
.top_bottom .pic {
	display:block;
	text-align:center;
	
}
.top_bottom .pic img {
}


.top_bottom .pic:hover  img
{
	filter:Alpha(opacity=80);
	-moz-opacity:0.8;  
	opacity:0.8;
}


.top_bottom .title a {
	margin:2px auto;
	text-align:center;
	color:#000;
	display:block;
	padding:0px 5px;
	
}
.top_bottom .summary {
	text-align:left	;padding:0px 5px;
}

.top_bottom .summary p,.top_bottom .summary div 
{
	line-height:150% !important;margin:2px auto;
}



.Gallery .col {
	float:left;	
	margin-bottom:10px;
	margin-right:6px;
}
.Gallery .pic {
	display:block;
	text-align:left;
	
}
.Gallery .pic a img {
	border:1px solid #ccc
}


.Gallery .pic a:hover  img
{
	filter:Alpha(opacity=80);
	-moz-opacity:0.8;  
	opacity:0.8;
	border:1px solid #a00
}

.Gallery .title  {
	margin-top:5px;
	text-align:center;
	
}
.Gallery .summary {
	text-align:left	;
	color:#666;
}

.Gallery .summary p,.Gallery .summary div 
{
	margin:2px auto;
	color:#666;
}


/*上代表图下文*/
.left_right .col {
	float:left;	
	margin-right:5px;
	margin-bottom:10px;
}
.left_right .pic {
	text-align:left;
}
.left_right .pic img
{
border:1px solid #e0e0e0;	

}
.left_right .pic:hover  img
{
	filter:Alpha(opacity=80);
	-moz-opacity:0.8;  
	opacity:0.8;
	border:1px solid #C00;
}
.left_right .content {padding-left:20px; position:relative}
.left_right .title a {
	text-align:left;
	display:block;
	margin-bottom:5px;
	color:#000;
	font-weight:bold;
	color:#258c09;font-size:10pt;
}

.left_right .summary {
	text-align:left	;
	color:#666
}

.left_right .summary p,.left_right .summary div 
{
	margin:0px;
	color:#666
}


#thumb .item {float:left;margin-right:10px;margin-bottom:10px;}
#thumb .item a {display:block}
#thumb .item a:hover img {filter:Alpha(opacity=80);
	-moz-opacity:0.8;  
	opacity:0.8}
	
#thumb_list div {float:left;margin-left:5px;margin-bottom:5px;}
#thumb_list div a { display:block;border:1px solid #e0e0e0;}
#thumb_list div a:hover {border:1px solid #999999}

#pager {
	clear:both;
	padding:5px 0px;
	text-align:center;
}
#Pager a {
	margin:0 2px;
	line-height:14px;
	padding:0 3px;
	line-height:16px;
	margin:0px 5px;
	color:#666
}
#Pager a:hover {
	text-decoration:none;
	font-weight:bold;
	color:#000;
	border:1px solid #999
}
#Pager .selected {
	text-decoration:none;
	font-weight:bold;
	color:#000;
	border:1px solid #999
}
#pager_header #pager {
	margin-bottom:10px;
}
#pager_footer #pager {
	margin-top:10px;
	border-top:1px solid #efefef;
}

label {
	width:60px;
	float:left
}
/*首页幻灯片*/

#homeBanner {
	width:900px;
	text-align:center;
	margin:auto;
	height:360px;
	position:relative;
	margin-bottom:10px;
	border:1px solid #e0e0e0
}


#fw_prev_div {  position:absolute;bottom:15px;right:45px;z-index:10000;;width:22px;height:22px;}
#fw_next_div {z-index:10001;position:absolute;bottom:15px;right:15px;width:22px;height:22px;}
#fw_prev  {  display:block;width:22px;height:22px;  background:url(/images/prev.jpg) no-repeat center center;}
#fw_next {  display:block;width:22px;height:22px; background:url(/images/next.jpg) no-repeat center center}
#fw_prev:hover {background:url(/images/prev_over.jpg) no-repeat center center;}
#fw_next:hover {background:url(/images/next_over.jpg) no-repeat center center;}

.summarytext p {margin:0px;}
#fW_Recommend {
	width:400px;height:220px;overflow:hidden;
	top:0;
	left:0;
	position:relative;
	z-index:5;
	background:#fff;
	
}
#fW_Recommend .item {clear:both;width:430px;}
#fW_Recommend .item .title a {font-weight:bold;color:#F00; display:block; margin-bottom:5px;}
#fW_Recommend .item .summary {margin-top:5px;}
#fW_Recommend .item .summary p,#fW_Recommend .item .summary div {margin:0px ;line-height:150%}


#pager_ctrl {float:right;}
#pager_ctrl a {display:block;width:10px;height:15px;float:left;margin:0px 2px; background:url(/images/circle.gif) no-repeat;}
#pager_ctrl a.activeSlide {background:url(/images/circle_sel.gif) no-repeat; }


#fW_Content {
	top:0;
	left:0;
	height:360px;
	position:relative;
	z-index:5;
	width:900px;
	overflow:hidden;

}

#fW_Content  a  {display:block}

#fW_Controls {
	DISPLAY:block;
	position:absolute;
	z-index:10;
	right:10;
	bottom:10;
}
#fW_Controls A {
	FONT-SIZE: 8pt;
	FLOAT: left;
	WIDTH: 14px;
	COLOR: #000;
	HEIGHT: 14px;
	line-height:16px;
	TEXT-ALIGN: center;
	line-height:100%;
	margin-top:10px;
	margin-right:3px;
	color:#ffffff;
	background:#000000;
	filter:Alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}
#fW_Controls A.activeSlide {
	COLOR: #ffffff;
	background-color:#6bc61a;
	filter:Alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	text-decoration:none;
}
#fW_Controls A:hover {
	COLOR: #fff;
	background-color:#6bc61a;
	text-decoration:none;
	filter:Alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
.home_articles a { display:block; text-indent:5px;line-height:22px; background:url(/images/aico.jpg) no-repeat left center;text-overflow:ellipsis;
	white-space:nowrap;
	overflow-x:hidden;width:260px;color:#777}
.home_articles a.first {border:none}
.home_article_summary p {margin:2px auto;color:#666}
.home_topnews  {padding-right:10px;}
.home_topnews a { display:block; text-indent:15px;line-height:21px; background:url(/images/96.gif) no-repeat 5px center}
.home_topnews a.first {border:none}


.home_pic {padding:8px;}
.home_pic .item { text-align:left;float:left;margin-right:10px;margin-bottom:10px;}
.home_pic a:hover img {filter:Alpha(opacity=80);
	-moz-opacity:0.8;  
	opacity:0.8}
#serviceBox {}

#serviceBox .item a {
	height:24px;
	line-height:24px;
	padding:3px 0px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow-x:hidden;
}

#serviceBox .item div {float:left;}
#serviceBox .item a .qq {
	width:24px; display:block;float:left
}
#serviceBox .item a .msn {
	background:url(/images/msn.jpg) no-repeat center left;height:24px;
	width:24px; display:block;float:left
}
#serviceBox .item a .skype {
	background:url(/images/skype.jpg) no-repeat center left;width:24px; display:block;float:left
}
#serviceBox .item a .icon {
	height:24px;
	width:24px;
	vertical-align:middle;
	line-height:24px;
	margin-right:2px;
}
#contactInfo {padding:0px 5px;color:#666;}
#contactInfo p {margin:3px auto;line-height:200%;color:#666;}

/*飘浮对象*/
.float { background:#ffffff; border:1px solid #999999; position:relative; z-index:5000;overflow-x:hidden;display:none;}
.float .title { text-align:left; font-size:11pt;height:20px;font-weight:bold;padding-top:10px; text-indent:10px;}
.float .close {position:absolute;right:2px;top:2px;width:18px;height:16px; line-height:16px;font-family:Calibri;}
.float .close a { display:block;font-size:9pt; color:#666666}
.float .close a:hover { text-decoration:none; color:red}
.float .content {text-align:left;padding:10px;}
.float .tips {height:25px;line-height:25px; text-align:right;border-top:1px solid #e0e0e0;padding:2px 6px}

#fancybox-title-custom-btnclose  {display:block;width:60px;height:15px;float:right; background:url(/images/close.gif) no-repeat center center;}
#fancybox-title-custom-btnclose:hover { background:url(/images/close_over.gif) no-repeat center center}
#fancybox-title-custom-text {margin-right:80px; }
.fancybox-title-custom-pager  { height:15px;width:10px;background:url(/images/circle.gif) no-repeat center center;float:left }
.fancybox-title-custom-pager:hover { background:url(/images/circle_sel.gif) no-repeat center center}
.fancybox-title-custom-pager-sel {background:url(/images/circle_sel.gif) no-repeat center center !important}

#loadingbar {position:absolute;filter:Alpha(opacity=90);-moz-opacity:0.9;  	opacity:0.9;z-inidex:2000; display:none;top:0;left:0;  width:400;height:100;padding:20px;}
#loadingbar #bar {height:60px; background: url(/images/loading.gif)  no-repeat center center;}

.page_att {margin:5px auto;padding:10px 0px;clear:both}
.page_att_title {font-weight:bold;font-size:11pt;margin-bottom:10px;}
.page_att .title { text-indent:22px;margin:5px 0px; background:url(/images/pdf.jpg) no-repeat left center;}
.page_att .time {margin-left:20px;font-size:8pt;color:#666}
.page_att .content {margin:5x 0px;margin-bottom:10px;color:#666;padding-left:25px}

.form {padding:10px 0px;}
.form_title,.h3 {font-size:11pt;font-weight:bold;margin:5px auto}
.form_desc { margin-bottom:5px;}


.tb {border-collapse:collapse;border:1px solid #e0e0e0}
.tb td {padding:2px;border:1px solid #e0e0e0}

.gbox { width:100%;background:url(/images/boxml.jpg) repeat-y left center}
.gbox .header {width:100%;clear:both;height:5px;background:url(/images/gbox2.jpg) repeat-x center center}
.gbox .header div {height:100%;}
.gbox .header .l {width:5px;float:left;background:url(/images/gbox1.jpg) no-repeat left center}
.gbox .header .r {background:url(/images/gbox3.jpg) no-repeat right center}
.gbox .content {clear:both;padding:5px;border-left:1px solid #eee;border-right:1px solid #eee; text-align:center}
.gbox .footer {width:100%;clear:both;height:5px;background:url(/images/gbox8.jpg) repeat-x center bottom}
.gbox .footer div {height:100%;}
.gbox .footer .l {width:5px;float:left;background:url(/images/gbox7.jpg) no-repeat left bottom}
.gbox .footer .r {background:url(/images/gbox9.jpg) no-repeat right bottom}

#hotproduct .item {float:left}

#hotproduct .item .pic:hover  img
{
	filter:Alpha(opacity=80);
	-moz-opacity:0.8;  
	opacity:0.8;
}

#hotproduct  .title {width:170px;text-overflow:ellipsis; text-align:center;padding-bottom:5px;
	white-space:nowrap;-o-text-overflow: ellipsis;  display:block;
	overflow:hidden;}
	#hotproduct  .title:after{content:"...";}
.newsbox .head {font-size:11pt;font-weight:bold;margin-bottom:5px; text-align:left; text-indent:3px;}
.newsbox .title {
	display:block;
	line-height:25px;
	text-align:left;
	text-indent:10px;
	background:url(/images/sign66.gif) no-repeat 3px center;
	border-bottom:1px solid #f0f0f0
	}
.newsbox .more a {  display:block;text-align:left;color:#F30;font-weight:bold;text-indent:3px;}

#billboard .title {width:190px;text-overflow:ellipsis;
	white-space:nowrap;
	overflow-x:hidden;}
#companynews .title {width:230px ;text-overflow:ellipsis;
	white-space:nowrap;
	overflow-x:hidden;}
#events .title  {width:230px;text-overflow:ellipsis;
	white-space:nowrap;
	overflow-x:hidden;}
#life  .title {width:240px;text-overflow:ellipsis;
	white-space:nowrap;
	overflow-x:hidden;}
.dirLink {margin:5px 0px; text-indent:15px; background:url(/images/sign04.gif) no-repeat left center}
.dirLink a {color:#666;}
.dirLink a:hover {color:#090}
.dirLink a:visited {color:#666;}
.linkblock {float:left;width:190px; border-right:1px solid #e5e5e5; text-align:left;height:140px}
}
@media print {
}
