@charset "utf-8";
/************header start***************/
.header
{ 
    width:901px;
    margin: 0px auto;
}

.header .nav
{
    width:901px;
	height:120px;
	overflow:hidden;
}

.header .nav .logo
{
	width:165px;
	height:120px;
	background:url(logo.jpg);
	background-repeat:no-repeat;
	float:left;
	overflow:hidden;
}

.header .nav .home
{
	width:64px;
	height:120px;
	overflow:hidden;
	background-image:url(header_nav_home.jpg);
	background-repeat:no-repeat;
	float:left;
}

.header .nav .home a
{
    width:64px;
	height:120px;
	overflow:hidden;
	background:url(header_nav_home.jpg);
	background-repeat:no-repeat;
	float:left;
	text-decoration:none;
}

.header .nav .home a:link
{
    width:64px;
	height:120px;
	overflow:hidden;
	background:url(header_nav_home.jpg);
	background-repeat:no-repeat;
	float:left;
	text-decoration:none;
}

.header .nav .home a:hover
{
    width:64px;
	height:120px;
	overflow:hidden;
	background:url(header_nav_home_on.jpg);
	background-repeat:no-repeat;
	float:left;
	text-decoration:none;
}



.header .nav .company
{
	width:91px;
	height:120px;
	overflow:hidden;
	background-image:url(header_nav_company.jpg);
	background-repeat:no-repeat;
	float:left;
}

.header .nav .company a
{
    width:91px;
	height:120px;
	overflow:hidden;
	background:url(header_nav_company.jpg);
	background-repeat:no-repeat;
	float:left;
}

.header .nav .company a:link
{
   width:91px;
	height:120px;
	overflow:hidden;
	background:url(header_nav_company.jpg);
	background-repeat:no-repeat;
	float:left;
	text-decoration:none;
}

.header .nav .company a:hover
{
    width:91px;
	height:120px;
	overflow:hidden;
	background:url(header_nav_company_on.jpg);
	background-repeat:no-repeat;
	float:left;
	text-decoration:none; 
}





.header .nav .news
{
	width:90px;
	height:120px;
	overflow:hidden;
	background-image:url(header_nav_news.jpg);
	background-repeat:no-repeat;
	float:left;
}

.header .nav .news a
{
    width:90px;
	height:120px;
	overflow:hidden;
	background:url(header_nav_news.jpg);
	background-repeat:no-repeat;
	float:left;
}


.header .nav .news a:link
{
    width:90px;
	height:120px;
	overflow:hidden;
	background:url(header_nav_news.jpg);
	background-repeat:no-repeat;
	float:left;
	text-decoration:none;
}

.header .nav .news a:hover
{
    width:90px;
	height:120px;
	overflow:hidden;
	background:url(header_nav_news_on.jpg);
	background-repeat:no-repeat;
	float:left;
	text-decoration:none; 
}




.header .nav .product
{
	width:82px;
	height:120px;
	overflow:hidden;
	background-image:url(header_nav_product.jpg);
	background-repeat:no-repeat;
	float:left;
}

.header .nav .product a
{
    width:82px;
	height:120px;
	overflow:hidden;
	background:url(header_nav_product.jpg);
	background-repeat:no-repeat;
	float:left;
}

.header .nav .product a:link
{
    width:82px;
	height:120px;
	overflow:hidden;
	background:url(header_nav_product.jpg);
	background-repeat:no-repeat;
	float:left;
	text-decoration:none;
}

.header .nav .product a:hover
{
    width:82px;
	height:120px;
	overflow:hidden;
	background:url(header_nav_product_on.jpg);
	background-repeat:no-repeat;
	float:left;
	text-decoration:none;
}

.header .nav .event
{
	width:121px;
	height:120px;
	overflow:hidden;
	background-image:url(header_nav_event.jpg);
	background-repeat:no-repeat;
	float:left;
}

.header .nav .event a
{
    width:121px;
	height:120px;
	overflow:hidden;
	background:url(header_nav_event.jpg);
	background-repeat:no-repeat;
	float:left;
}

.header .nav .event a:link
{
    width:121px;
	height:120px;
	overflow:hidden;
	background:url(header_nav_event.jpg);
	background-repeat:no-repeat;
	float:left;
	text-decoration:none;
}

.header .nav .event a:hover
{
    width:121px;
	height:120px;
	overflow:hidden;
	background:url(header_nav_event_on.jpg);
	background-repeat:no-repeat;
	float:left;
	text-decoration:none;
}



.header .nav .support
{
	width:106px;
	height:120px;
	overflow:hidden;
	background-image:url(header_nav_support.jpg);
	background-repeat:no-repeat;
	float:left;
}

.header .nav .support a
{
    width:106px;
	height:120px;
	overflow:hidden;
	background:url(header_nav_support.jpg);
	background-repeat:no-repeat;
	float:left;
}

.header .nav .support a:link
{
    width:106px;
	height:120px;
	overflow:hidden;
	background:url(header_nav_support.jpg);
	background-repeat:no-repeat;
	float:left;
	text-decoration:none;
}

.header .nav .support a:hover
{
    width:106px;
	height:120px;
	overflow:hidden;
	background:url(header_nav_support_on.jpg);
	background-repeat:no-repeat;
	float:left;
	text-decoration:none;
}


.header .nav .casestudy
{
	width:89px;
	height:120px;
	overflow:hidden;
	background-image:url(header_nav_casestudy.jpg);
	background-repeat:no-repeat;
	float:left;
}

.header .nav .casestudy a
{
    width:89px;
	height:120px;
	overflow:hidden;
	background:url(header_nav_casestudy.jpg);
	background-repeat:no-repeat;
	float:left;
}

.header .nav .casestudy a:link
{
    width:89px;
	height:120px;
	overflow:hidden;
	background:url(header_nav_casestudy.jpg);
	background-repeat:no-repeat;
	float:left;
	text-decoration:none;
}

.header .nav .casestudy a:hover
{
    width:89px;
	height:120px;
	overflow:hidden;
	background:url(header_nav_casestudy_on.jpg);
	background-repeat:no-repeat;
	float:left;
	text-decoration:none;
}



.header .nav .service
{
	width:92px;
	height:120px;
	overflow:hidden;
	background-image:url(header_nav_service.jpg);
	background-repeat:no-repeat;
	float:left; 
}

.header .nav .service a
{
    width:92px;
	height:120px;
	overflow:hidden;
	background:url(header_nav_service.jpg);
	background-repeat:no-repeat;
	float:left;
}

.header .nav .service a:link
{
    width:92px;
	height:120px;
	overflow:hidden;
	background:url(header_nav_service.jpg);
	background-repeat:no-repeat;
	float:left;
	text-decoration:none;
}

.header .nav .service a:hover
{
    width:92px;
	height:120px;
	overflow:hidden;
	background:url(header_nav_service_on.jpg);
	background-repeat:no-repeat;
	float:left;
	text-decoration:none;
}

.header .index_ppt
{
    width:900px;
	height:205px;
	overflow:hidden;
}

		/*.small{font:15px Verdana, Arial, Helvetica, sans-serif;display:block;margin-bottom:15px;}*/
		#slideshow{position:relative;width:900px;height:197px;border:0px solid #ddd; overflow:hidden;}
		#slideshow div{position:absolute;top:0;left:0;z-index:8;opacity:0.0;height:197px;overflow:hidden;background-color:#FFF;}
		#slideshow div.current{z-index:10;}
		#slideshow div.prev{z-index:9;}
		#slideshow div img{display:block;border:0;margin-bottom:10px; width:900px;height:197px; overflow:hidden;}
		#slideshow div span{ text-align:center;display:none;position:absolute;bottom:0;left:0;height:30px;line-height:30px;background:#000;color:#fff;width:100%; margin-bottom:-1px;}
		#slideshow div.current span{display:block;}
		
.header .index_ppt .bottomline
{
    width:900px;
	height:8px;
	overflow:hidden;
	background:url(header_ppt_bottomline.gif);
	background-repeat:no-repeat;
}


/*
.header .login
{
	height:25px;
	text-align:right; 
	margin-top:3px;
	margin-left:8px;
}

.header .banner
{ 
    width:901px; 
    height:105px;
    background:url(index_2.gif) no-repeat;
  
}


.header .mainNav
{
    width:901px;
    height:30px;
}


.header .mainNav ul
{
     width:901px;
	 float:left;
}

.header .mainNav li
{
     float:left;
}


#oTransContainer 
{
     margin-top:5px;
}
*/
/*
.header .mainNav .menuContainer li A {
	DISPLAY: block; COLOR: #ffffff
}

.header .mainNav .menuContainer li A:hover {

	COLOR:#FFFFFF; 
	BACKGROUND-COLOR:#CCCCCC;
	width:85px; 
    height:30px;
}
*/


/************header end***************/




/************footer start***************/
.footer
{ 
    width:900px; 
    height:31px; 
    margin: 0 auto ;
    overflow:hidden;
}
	.footer .nav
	{
		background:url(footer_nav_bg.jpg) repeat-x;
		width:900px;
		height:31px;
		overflow:hidden;
	}
	    .footer .nav .text
		{
		    margin-top:8px;
			text-align:right;
			color:#686868;
			margin-right:8px;
		}
			.footer .nav .text a
			{
				color:#686868;
			}
			.footer .nav .text a:hover
			{
				color:#ff0000;
			}

/*
.footer .banner1
{ 
    width:620px; 
    height:33px; 
    overflow:hidden;
    float:left;
}

.footer .text
{
    color:#CCCCCC;
    margin:8px 25px;
}

.footer .text a
{
    color:#CCCCCC;
}

.footer .banner2
{
    width:280px; 
    height:33px; 
    overflow:hidden;
    float:left;
	color:#ffffff;
}

.footer .banner2 .text a
{
	color:#ffffff;
}

.footer .banner2 .flower
{ 
    width:280px;
    height:33px;
}
*/
/************footer end***************/

/************index.html start*********/
.indexContent
{
    width:901px; 
    margin:0 auto;
}

.indexContent .topline
{
	width:900px;
	height:57px;
	overflow:hidden;
	background:url(indexcontent_topline.gif) no-repeat;
}

.indexContent .topline .bottonNav
	{
		width:673px;
		height:34px;
		overflow:hidden;
		margin-top:11px;
		float:right;
	}
	
	.indexContent .topline .bottonNav .bottonImg1
	{
		width:213px;
		height:34px;
		float:left;
		margin-right:17px;
	}
		.indexContent .topline .bottonNav .bottonImg1 a
		{
			background:url(indexcontent_product_botton.gif) no-repeat;
			width:213px;
			height:34px;
			float:left;
			font-size:100px;
		}
		.indexContent .topline .bottonNav .bottonImg1 a:hover
		{
			background:url(indexcontent_product_botton_on.gif) no-repeat;
			width:213px;
			height:34px;
		}
					
	.indexContent .topline .bottonNav .bottonImg2
	{
		width:213px;
		height:34px;
		float:left;
		margin-right:17px;
	}
		.indexContent .topline .bottonNav .bottonImg2 a
		{
			background:url(indexcontent_event_botton.gif) no-repeat;
			width:213px;
			height:34px;
			float:left;
			font-size:100px;
		}
		.indexContent .topline .bottonNav .bottonImg2 a:hover
		{
			background:url(indexcontent_event_botton_on.gif) no-repeat;
			width:213px;
			height:34px;
		}
	.indexContent .topline .bottonNav .bottonImg3
	{
		width:213px;
		height:34px;
		float:left;
	}
		.indexContent .topline .bottonNav .bottonImg3 a
		{
			background:url(indexcontent_support_botton.gif) no-repeat;
			width:213px;
			height:34px;
			float:left;
			font-size:100px;
		}
		.indexContent .topline .bottonNav .bottonImg3 a:hover
		{
			background:url(indexcontent_support_botton_on.gif) no-repeat;
			width:213px;
			height:34px;
		}
.indexContent .middleline
{
	width:900px;
	height:176px;
	overflow:hidden;
	background:url(indexcontent_middleline.gif) no-repeat;
}
	.indexContent .middleline .mainContent
	{
		width:777px;
		height:168px;
		overflow:hidden;
		margin-left:115px;
		margin-top:4px;
	}
		.indexContent .middleline .mainContent .left
		{
			width:224px;
			height:168px;
			overflow:hidden;
			float:left;
			margin-right:20px;
		}
			.indexContent .middleline .mainContent .left .leftNewsImg
			{
				width:224px;
				height:168px;
				overflow:hidden;
			}
				.indexContent .middleline .mainContent .left .leftNewsImg img
				{
					width:224px;
					height:168px;
					overflow:hidden;
				}
		.indexContent .middleline .mainContent .right
		{
			width:529px;
			height:168px;
			overflow:hidden;
			float:left;
		}
			.indexContent .middleline .mainContent .right .rightNewsText
			{
				width:529px;
				height:168px;
				overflow:hidden;
			}
				.indexContent .middleline .mainContent .right .rightNewsText .title
				{
					width:132px;
					height:40px;
					background:url(indexcontent_mainContent_newsList_title.gif) no-repeat;
					overflow:hidden;
				}
				.indexContent .middleline .mainContent .right .rightNewsText .textList
				{
					width:529px;
					height:124px;
					overflow:hidden;
				}
					.indexContent .middleline .mainContent .right .rightNewsText .textList ul
					{
						width:529px;
						height:124px;
					}
					.indexContent .middleline .mainContent .right .rightNewsText .textList li
					{
						width:529px;
						margin-bottom:12px;
						background:url(top.gif) no-repeat 3px 1px;
						padding-left:27px;
						color:#686868;
					}
					.indexContent .middleline .mainContent .right .rightNewsText .textList li a
					{
						color:#686868;
					}
					.indexContent .middleline .mainContent .right .rightNewsText .textList li a:hover
					{
						color:#ff0000;
					}

.indexContent .bottomline
{
	width:900px;
	height:9px;
	overflow:hidden;
	background:url(indexcontent_bottomline.gif) no-repeat;
}
/************index.html end*********/

/************index.html start*********/
/*.IndexContent
{
    width:901px; 
    margin: 8px auto -20px auto;

}


.IndexContent .left
{
    width:360px;
	float:left;
	overflow:hidden;
}

.IndexContent .right
{
    width:504px;
	float:right;
	overflow:hidden;

}

.more
{
    float:right;
	background:url(arrow_index.gif) no-repeat 0px 5px;
	text-decoration:underline;
	padding-left:15px;
	margin-bottom:8px;
}

.more a
{
    text-decoration:underline;
}

.IndexContent .createtime
{
    font-size:11px;
}


.IndexContent .left ul
{
    width:360px;
	list-style-position:inside;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	margin-top:10px;
}

.IndexContent .left li
{
    background:url(icon_square.gif) no-repeat 3px 5px;
	padding-left:15px;
	margin-left:5px;
    width:350px;
	height:22px;
	float:left;
}

.IndexContent .left li a
{
    color:#666666;
}

.IndexContent .left li a:hover
{
    color:#ff0000;
}


.IndexContent .redbg
{
    color:#FFFFFF;
    background:url(date_bg_orange.gif) no-repeat 0px 0px;
	width:65px;
	height:15px;
	float:left;
	padding:0;
	text-align:center;
	font-size:11px;
}


.IndexContent .blackbg
{
    color:#FFFFFF;
    background:url(date_bg_black.gif) no-repeat 0px 0px;
	width:65px;
	height:15px;
	float:left;
	padding:0;
	text-align:center;
	font-size:11px;
}


.IndexContent .title
{
    font-weight:bold;
	width:250px;
}


.IndexContent .text
{
    color:#666666;
	line-height:180%;
}



.IndexContent .solutioncontent
{
    margin-top:10px;
	width:510px;
	height:77px;
    float:left;
	margin-bottom:5px;
}

.IndexContent .titlesolution
{
	background:url(arrow_jjfa.gif) no-repeat 0px 2px;
	text-decoration:underline;
	padding-left:18px;
	margin-top:5px;
}

.IndexContent .titlesolution a
{
    text-decoration:underline;
	font-weight:bold;
}

.IndexContent .rightsolutioncontent
{
    width:380px; 
	margin-left:20px;
}

.IndexContent .rightsolutioncontent .text
{
    margin-top:8px;
}*/
/************index.html end***********/