@charset "utf-8";
/*移除元素中margin以及padding*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; } 

body { text-align: center; font-size: 12px; color: #404040; font-family:Tahoma, Arial, Helvetica, sans-serif, Geneva;}
a{
 outline: none; /* for Firefox */
 hlbr:expression(this.onFocus=this.blur()); /* for IE */
}
a:link, a:visited { text-decoration:none;}


#divall{
	width: 830px;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
}
#productA{width: 840px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;}
#divlogo {
	width: 222px;
	height:73px;
	float:left;
}

#webtop{
	width: 599px;
	height:46px;
	text-align: right;
	float:left;
}
#webtoplink{
	height:46px;
	margin-right:8px;
	text-align: right;
}

.clearfloat{clear: both;}

.toplink{ font-size: 11px; color: #404040; text-decoration:none;}
.toplink a{ font-size: 11px; color: #404040; }
.toplink a:hover{ color: #f27008; text-decoration:underline; }

/*index mainlink*/
* { margin:0; padding:0; list-style:none;}
.divuplink { width:84px; float:left; z-index:50; }
.divuplink a { text-decoration:none; color:#333;}
.divuplink a:hover { color:#f60;}
.divuplink ul ul { position:absolute; display:none; top:27px; left:0px;}
.divuplink li { position:relative; _position:static; float:left; width:100%;}
.divuplink a.li { position:relative;}
.divuplink li .option { display:block; text-align: center; line-height:27px; height:27px; color: #313e0a; font-size: 13px!important; font-size:12px; background-image: url(images/main/link_bg.gif);}
.divuplink li .option:hover {
	color: #ffffff;
	background-image: url(images/main/link_bg.gif);
	background-position: 0px -27px;
}
.divuplink li .option span { display:block; padding-right:1px; background:url(images/main/link_ico.gif) no-repeat right 0;}
.divuplink li .option:hover span { background-position:right -15px; }
.divuplink .li:hover { z-index:5; background:transparent;}
.divuplink .li:hover ul { display:block;}
.divuplink .li:hover ul ul { display:none;}
.divuplink .li:hover ul { border:1px solid #ccc; border-width:1px 1px 1px 1px; width:135px; background:#fff; z-index:5;}
.divuplink .li:hover li { border-bottom:none;}
.divuplink .li:hover li .option { padding:2px 5px; background:transparent; border-bottom:1px solid #ddd;}
.divuplink .li:hover li .option:hover { background-color:#7bc240; color:#fff;}
.divuplink .li:hover li .option:hover span { background-position:right -30px;}
.divuplink .li:hover .li:hover ul { display:block; left:135px; top:-1px;}
.divuplink .charges .option {}
.divuplink .biz .option {}
.divuplink .change .option {}
/*indwx mainlink end*/

#linkbar{
	width: 821px;
	height: 4px;
	background-image: url(images/main/link_line.gif);
	background-repeat: no-repeat;
	clear: both;
	overflow:hidden;
}

.flasharea{ width: 800px; height: 300px; border:1px solid #ccc; margin-top:12px; z-index:0px;}

/*maincontent*/
#hitarea{ margin-top:6px; margin-left:5px;}
#boardarea{float:left;
	margin-left:3px;
	margin-right:2px;
	margin-top:1px;
	margin-bottom:5px;
}
#newsarea{ margin-left:4px; margin-right:3px; margin-top:2px; margin-bottom:2px; float:left; width:265px; height:166px; background:url(images/main/news_bg.gif) no-repeat;}
.newstitle{ margin-top:6px; margin-left:6px; font-size: 13px!important; font-size:12px; color: #ffffff; text-align:left; height:20px; font-weight:bold;}
.newsword{ float:left; width:92%;}
.newsword li { margin-top:6px; margin-left:7px; padding-left:15px; font-size: 12px; color: #333333; text-align:left; height:18px;border-bottom:1px dashed #999; line-height:18px; width:95%; background:url(images/main/news_mark.gif) no-repeat; background-position: 0px 1px; overflow:hidden;}
.newsword li a{ color: #333333; overflow:hidden; margin-left:3px;}
.newsword li a:hover{ color: #408c02;}
.newsword li:hover{ background-position: 0px -16px;}

.newshot{ float:left; width:90%;}
.newshot li { margin-top:6px; margin-left:7px; padding-left:15px; font-size: 12px; color: #333333; text-align:left; height:18px;border-bottom:1px dashed #999; line-height:18px; width:95%; background:url(images/main/hot_mark.gif) no-repeat; background-position: 0px 1px; overflow:hidden;}
.newshot li a{ color: #333333; overflow:hidden; margin-left:3px;}
.newshot li a:hover{ color: #408c02;}
.newshot li:hover{ background-position: 0px -16px;}


#ir_productarea{ width:122px; float:left; margin-left:3px;}
#im_productarea{ width:226px; float:left; margin-left:3px;}
#in_productarea{ width:122px; float:left; margin-left:3px;}
#ig_productarea{ width:330px; float:left; margin-left:3px;}
#all_productarea{ width:642px; float:left; margin-left:18px;}
#board{ width:100%;}
.board_top_left{width:9px; height:32px; background:url(images/main/product_area/board_top_left.gif) no-repeat; float:left; background-color:#31a6ea;}
.board_top_right{width:9px; height:32px; background:url(images/main/product_area/board_top_right.gif) no-repeat; float:right;}
.board_top_bg{ margin-left:9px; margin-right:9px; background:url(images/main/product_area/board_top_bg.gif) repeat-x;}
.board_center_left{width:9px; height:120px; background:url(images/main/product_area/board_left.gif) repeat-y; float:left;}
.board_center_right{width:9px; height:120px; background:url(images/main/product_area/board_right.gif) repeat-y; float:right;}
.board_center_bg{ margin-left:9px; margin-right:9px; line-height:120px;}
.board_bottom_left{width:9px; height:8px; background:url(images/main/product_area/board_bottom_left.gif) no-repeat; float:left;}
.board_bottom_right{width:9px; height:8px; background:url(images/main/product_area/board_bottom_right.gif) no-repeat; float:right;}
.board_bottom_bg{ margin-left:9px; margin-right:9px; line-height:8px; background:url(images/main/product_area/board_bottom_bg.gif) repeat-x;}

#cooperate_area{ margin-left:15px; margin-top:2px; float:left; width:127px; height:158px; background:url(images/main/cooperate_bg.gif) no-repeat; text-align:left;}
.cooperate_title{ margin-top:0.4em; margin-left:6px; font-size: 13px!important; font-size:12px; color: #ffffff; text-align:left; font-weight:bold;}
.cooperate{ float:left; width:98%;}
.cooperate li { margin-left:1px; margin-top:5px; padding-left:2px; padding-right:2px;}
.lih{ height:112px; overflow:hidden;}
.cooperate li a{ font-size: 12px; color: #333333; text-align:left; line-height:18px;}
.cooperate ul { background:url(images/button/link_button_bg.gif) no-repeat; width:70px; height:17px; float:right; margin-right:5px; background-position: 0px 0px;}
.cooperate ul:hover { background-position: 0px -17px;}
.cooperate ul a{ font-size: 12px; color: #ffffff; padding-left:3px;}
.cooperate ul a:hover{ color: #c9fff5;}
/*maincontent end*/

#divline{
	width: 830px;
	height: 7px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}
#info{
	width: 830px;
	height: 22px;
	margin-left: auto;
	margin-right: auto;
	line-height:22px;
	font-size: 11.5px;
	font-family:Tahoma, Arial, Helvetica, sans-serif, Geneva;
	color:#ffffff;
	background-image: url(images/main/bar_copyright_bg.gif);
	clear: both;
	overflow:hidden;
	background-repeat: no-repeat;
}
#copyright{
	width: 830px;
	margin-left: auto;
	margin-right: auto;
	font-family:Tahoma, Arial;
	font-size: 11.5px;
	padding:7px;
	clear: both;
	overflow:hidden;
}
.product_mark{
	color:#fff;
	font-weight:bold;
	overflow:hidden;
	
	}
.product_mark div{ padding-top:9px; margin-left:22px;}
