@charset "utf-8";
/* clearing */
.clearfix:after,.news_Con:after{content:".";display: block;height:0;clear:both;visibility:hidden;}
* html>body .clearfix,* html>body .news_Con{width:100%;}
* html .clearfix,* html .news_Con  {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
}
 	html .clearfix,html .news_Con{
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
}
img 						{border:0;}
li							{list-style-type:none;}
*								{padding:0;margin:0;}
a								{color:#3D8EEA;text-decoration:none}
a:hover					{color:#333;text-decoration:underline}
body						{font-size:11px;font-family:Arial;margin:0 auto;text-align:center;background:#E2EDF5;}
body>div				{margin:0 auto;}
h1							{font-size:13px;height:26px;line-height:26px; text-indent:10px;border-left:5px solid #CCC;border-bottom:1px solid #EEE;}
h2,h3						{font-size:11px;}


#head						{width:778px;height:27px; text-align:right;}
#head	a					{padding:0 8px; text-decoration:underline;color:#333;line-height:27px;}
#top						{text-align:left;width:778px;height:75px;background:url(../img/head_bg.gif) repeat-x left bottom; position:relative;}
#top .line			{background:#333;height:6px;overflow:hidden;}
#top .line span	{float:left;width:220px;height:6px;background:#5587DD;}
#top .logo			{position:absolute;top:18px;left:16px;}
#top .menu			{float:right;padding:24px 4px 0 0;line-height:11px;}
#top .menu li		{float:left;padding:0 12px;border-right:2px solid #333;}
#top .menu li.alt{border:0;}
#top .menu li	a	{color:#333;font-weight:bold;}
#top .menu li a.action{color:#3D8EEA;}
#foot						{width:778px;height:68px; background:url(../img/foot_bg.gif) repeat-x left top #FFF;}
#foot p					{color:#505050;text-align:center;padding:30px 0 0 0;}

.banner					{width:778px;}
.banner img			{display:block;}

#wrap						{text-align:left;width:778px;padding:0 0 24px 0;border-top:1px solid #FFF;background:url(../img/wrap_bg.gif) repeat-y;}
#wrap .left			{float:left;width:220px; background:url(../img/left_bg.gif) repeat-x #F5FCFF;}
#wrap .right		{float:right;width:558px; background:url(../img/right_bg.gif) repeat-x #FFF;}

.block1					{width:204px;padding:1px;margin:16px auto 0 auto;border:1px solid #E2EDF5; background:url(../img/block1_bg.jpg) no-repeat right bottom #FFF;}
.block1 .title	{height:36px; background:url(../img/block1_title_bg.gif) repeat-x;}
.block1	h2			{text-indent:12px;line-height:28px;padding:8px 0 0 0;}
.block1	.con		{padding:0 12px 12px 12px;}
.block1	.con p	{color:#505050;line-height:22px;text-indent:24px;word-wrap:break-word;word-break:break-all}

.btn_mail				{margin:10px auto 0 auto; text-align:center}

.block2					{width:206px;margin:6px auto 0 auto; background:url(../img/block2_bg.jpg) no-repeat right bottom #FFF;}
.block2 .title	{height:28px; background:url(../img/block2_title_bg.gif) no-repeat;}
.block2 .title h2{ text-indent:24px; line-height:28px; background:url(../img/title_dot.gif) no-repeat 10px 8px;}
.block2 .con		{border:1px solid #E2EDF5; border-top:0;padding:4px 12px 12px 12px;}
.block2 .con p	{line-height:22px;word-wrap:break-word;word-break:break-all}
.block2 .con p.alt	{margin:0 0 6px 0;}
.block2 .con ul	{padding:4px 0;}
.block2 .con li	{width:176px; text-indent:24px;height:27px;line-height:27px;border-bottom:1px solid #EEE; background:url(../img/icon_dot2.gif) no-repeat 10px 10px;}
.block2 .con li	a{color:#333;line-height:27px;}
.block2 .con li.action a{font-weight:bold;color:#3D8EEA;}
.leftMenu				{background:#FFF;margin-top:14px;}



.index_solutions	{margin:15px 0 0 0;}
.index_solutions .title{height:26px;}
.index_solutions .title h2	{text-indent:14px;font-size:13px;line-height:26px;border-bottom:1px solid #E3E3E3;}
.index_solutions .con	{
	padding:0 2px;
}
.index_solutions .con	dl{
	float:left;
	background:url(../img/dashed.gif) repeat-x left bottom;
	padding-top: 16px;
	padding-right: 4px;
	padding-bottom: 16px;
	padding-left: 2;
}
.index_solutions .con	dl.alt{background:none;}
.index_solutions .con	dt{float:left;width:120px;}
.index_solutions .con	dt img{width:110px;height:66px;padding:2px;border:1px solid #E7E7E7}
.index_solutions .con	dd{
	width:148px;
	height:16px;
	line-height:16px;
	word-wrap:break-word;
	word-break:break-all;
	overflow:visible;
}
.index_solutions .con	dd h3{padding:0 0 4px 0;}

.index_news						{margin:0;}
.index_news .title		{height:26px;}
.index_news .title h2	{text-indent:14px;font-size:13px;line-height:26px;border-bottom:1px solid #E3E3E3;}
.index_news .con			{padding:0 8px;}
.index_news .con dl		{padding:12px 6px;}
.index_news .con dt		{float:left;width:180px;margin:0 4px 0 0;}
.index_news .con dd		{line-height:18x;}
.index_news .con dd h3{padding:4px 0 8px 0;}
.index_news .con dd p	{line-height:18px;}
.index_news .con ul		{}
.index_news .con li		{padding-left:18px;line-height:20px;background:url(../img/icon_dot1.gif) no-repeat 8px 8px;}
.index_news .con li span{float:right;color:#999;}


/*aboutus*/
.aboutus							{padding:15px 12px;line-height:20px;}
.aboutus p						{text-indent:24px;word-wrap:break-word;word-break:break-all}
.aboutus .col2				{padding:10px 0; background:url(../img/dashed.gif) repeat-x left bottom;}
.aboutus .col2	.img	{float:left;width:194px;height:160px;display:inline;margin-right:10px;background:#CBCBCB}
.aboutus .col1				{margin:6px 0 0 0;background:#FAFAFA;padding:10px;}

/*products*/
.products							{padding:15px 12px;line-height:20px;}
.products p						{text-indent:24px;word-wrap:break-word;word-break:break-all}
.products .col1				{margin:6px 0 0 0;padding:10px;}
.products .proList 		{padding:0 10px;}
.products .proList li	{float:left;width:170px;margin:8px 0 0 0;text-align:center;}
.products .proList li p{width:150px;margin:0 auto;word-wrap:break-word;word-break:break-all; text-indent:0;}
.products .proList li a{line-height:26px;font-weight:bold;}
.products .proList li	img{display:block;width:110px;height:66px;padding:2px;border:1px solid #E7E7E7}

/*news*/
.news									{padding:15px 12px;line-height:20px;}
.news	.list						{padding:10px 0;margin:0 6px;}
.news .list li				{padding-left:18px;height:27px;line-height:27px;border-bottom:1px solid #EEE;background:url(../img/icon_dot1.gif) no-repeat 8px 12px;}
.news .list li span		{float:right;color:#999;}
.news .title					{font-size:11px;font-weight:bold;color:#333;line-height:20px;margin:8px 12px 0 12px;}
.news .date						{color:#999;line-height:11px;text-align:right;margin:0 12px;}
.news .disp						{line-height:20px;margin:18px 12px;}
.news .disp	p,.news .disp td
{text-indent:24px;color:#666;word-wrap:break-word;word-break:break-all;}

.pageNav							{margin:14px 8px;border-top:1px solid #8ACEF9;background:#FCFDFD;height:34px;}
.pageNav .afont				{float:left;width:80px;color:#666;line-height:34px;}
.pageNav .afont	span	{color:#42C1F3;font-weight:bold;padding:0 16px 0 8px;font-size:11px;}
.pageNav ul						{width:240px;float:left;margin:0 0 0 90px;}
.pageNav ul	li				{float:left;height:34px;line-height:34px;padding:0 6px;}
.pageNav ul	li img		{vertical-align:middle; margin:10px 0 0 0;}
.pageNav ul	li a			{font-weight:bold;color:#666;}
.pageNav ul	li.action a{color:#3D8EEA;}


/*careers*/
.careers								{padding:15px 12px;line-height:20px;}
.careers .con						{line-height:20px;margin:18px 12px;}
.careers .con	p,.careers .conp td
{text-indent:24px;color:#666;word-wrap:break-word;word-break:break-all;}


/*contactus*/
.contactus							{padding:15px 12px;line-height:20px;}
.contactus dl						{margin:18px 10px 0 10px;color:#000;}
.contactus dl dt				{height:22px;line-height:22px;font-weight:bold; text-indent:12px;margin-bottom:6px;background:#EEE;}
.contactus dl dd				{height:22px;line-height:22px;padding-left:12px;}
.contactus dl dd span		{color:#666;float:left;width:220px;}