﻿@charset "utf-8";
/* CSS Document */
body						{margin:0; padding:0; background:#fff url(images/body_bg.png) repeat-x;}
ul,li						{list-style:none; margin:0; padding:0;}
a							{text-decoration:none; color:#333;}
a:hover						{text-decoration:underline; color:#F60;}
/* ---------------header--------------- */
.header						{width:970px; height:90px; margin:0 auto; padding:0; background:url(images/header_bg.png) no-repeat; position:relative; overflow:hidden;}
.logo						{position:absolute; left:0; top:10px; padding:0; margin:0; font-size:20px; line-height:60px;}
.logo img                   {display:block;}
.logo b,
.logo i                     {font-size:0px;}
.headerToolbar				{position:absolute; right:10px; top:20px; padding:0; margin:0; font-size:12px; line-height:20px; text-align:right;}
.hotLine					{position:absolute; right:10px; top:40px; line-height:30px; font-size:20px; color:#06C; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; background:url(images/headTel.png) no-repeat; text-indent:35px; text-align:right;}
/* ---------------nav--------------- */
.nav						{width:100%; height:41px; background:url(images/nav_bg.png) repeat-x;}
.nav ul						{width:970px; margin:0 auto;}
.nav ul li					{float:left; width:92px; height:41px; background:url(images/nav_line.png) right no-repeat; position:relative; z-index:1000;}
.nav ul li.last				{background:none;}
.nav ul li a				{display:block; color:#fff; font-size:14px; font-weight:bold; width:92px; height:41px; line-height:41px; text-align:center;}
.nav ul li ul				{position:absolute; left:0; top:40px; background:#999; border:#666 1px solid; width:92px; display:none;}
.nav ul li ul li			{float:none; background:none;}
.nav ul li ul li a			{font-size:12px;}
/* ---------------indexBanner--------------- */
.indexBanner				{height:327px; _width:1000px !important; margin:0 auto; text-align:center; overflow:hidden;}
#jqFancyTransitions			{width:1900px; left:50%; margin-left:-950px; _z-index:100;}
.banner						{width:100%; height:200px; margin:0 auto; text-align:center; position:relative; overflow:hidden;}
.banner img					{width:1900px; left:50%; margin-left:-950px; position:absolute;}
/* ---------------indexMain--------------- */
.indexMain					{margin:0; padding-top:10px; background:url(images/bg.gif) top left repeat-x;}
.indexMain_in				{width:972px; margin:0 auto; overflow:hidden;}
.indexMain h2				{position:relative; margin:0; padding:0; font-size:14px; font-weight:bold;}
.indexMain h2 span			{font-size:12px; margin-left:5px; color:#CCC;}
.indexMain h2 .more			{position:absolute; right:10px; top:0; font-size:12px; line-height:27px; color:#989898; font-weight:lighter; text-align:right;}
.indexAbout h2,
.indexLinks h2,
.indexCase h2				{margin-left:25px; line-height:32px; color:#fff;}
.indexProducts h2,
.indexWeibo h2,
.indexContact h2,
.indexNews h2,
.indexPhotos h2				{line-height:28px; color:#000; margin-left:17px;}

.indexProducts				{width:972px; height:250px; background:url(images/product.gif) left top no-repeat; margin-bottom:10px; }
.indexProducts h2			{padding-top:16px; margin-left:53px;}
.indexProducts h2 .mores	{position:absolute; width:56px; height:17px; background:url(images/more.gif) left top no-repeat; right:20px; top:20px;}
.indexProducts ul			{padding:10px;}
.indexProducts ul li		{float:left; width:152px; height:180px; margin:0 5px;}
.indexProducts ul li .img	{width:150px; height:150px; display:block; border:#ccc 1px solid; text-align:center;}
.indexProducts ul li .title	{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; line-height:30px; text-align:center;}
.indexProductsContent		{margin:10px auto auto 13px;}

.indexAbout					{float:left; width:682px; height:268px; background:url(images/about.gif) left top no-repeat; }
.indexAbout .aboutImg		{float:left; width:272px; height:181px; margin:19px 10px 0 19px; padding:4px; border:solid 1px #C3C3C3; overflow:hidden;}
.indexAbout ul				{float:right; width:335px; margin:20px 20px 0 0; _margin-right:5px;}
.indexAbout ul li			{line-height:20px;}
.indexAbout .title			{margin-bottom:6px; font-size:14px; font-weight:bold; height:20px; overflow:hidden;}

.indexWeibo					{float:right; width:274px; height:495px; background:url(images/indexWeibo_bg.jpg) no-repeat; }
.indexWeiboContent			{width:254px; height:445px; margin:10px auto; overflow:hidden;}

.indexCase					{width:682px; height:212px; background:url(images/partners.jpg) no-repeat; margin:15px auto; overflow:hidden;}
.indexCase ul				{margin:10px 0 0 10px;}
.indexCase ul li			{float:left; width:150px; height:145px; margin:0 7px; border:solid 1px #E9E9E9; overflow:hidden;}
.indexCase ul li .img		{width:150px; height:120px; display:block; text-align:center; border-bottom:solid 1px #E9E9E9;}
.indexCase ul li .title		{width:150px; height:25px; line-height:25px; text-align:center; display:block; overflow:hidden;}

.indexContact				{float:left; width:274px; height:216px; background:url(images/contactus.jpg) left top no-repeat; }
.indexContact ul			{margin:15px;}
.indexContact ul li			{margin-bottom:8px; line-height:20px;}
.indexContact ul li .phone	{font-size:20px; font-family:Georgia, "Times New Roman", Times, serif; color:#F60; font-weight:bold;}

.indexNews					{float:left; width:393px; height:216px; background:url(images/news.gif) left top no-repeat; margin-left:15px; margin-bottom:17px;}
.indexNews ul				{margin:15px 20px;}
.indexNews ul li			{line-height:25px; height:25px; overflow:hidden;}
.indexNews .date			{float:right; }

.indexPhotos				{float:right; width:275px; height:216px; background:url(images/indexPhotos_bg.jpg) no-repeat;}
.indexPhotosContent			{width:244px; height:150px; margin:15px auto; background:#ccc;}

.indexLinks					{width:972px; background:url(images/links.gif) no-repeat; margin:0px auto;}
.indexLinks ul				{margin:13px 8px; padding:4px 2px; display:inline-block;}
.indexLinks ul li			{width:122px; height:50px; line-height:50px; text-align:center; background:#fff; float:left; margin:5px; border:#eaeaea 1px solid; overflow:hidden;}
.indexLinksBottom			{width:972px; height:10px; background:url(images/links.gif) bottom no-repeat; margin-bottom:15px;}

/* ---------------main--------------- */
.main						{width:970px; margin:17px auto;}
.labelTree					{float:left; width:275px; min-height:410px; background:url(images/labelTree.jpg) top left no-repeat; padding:0; }
.labelTree h2				{margin:0 0 0 40px; padding:0; line-height:30px; font-size:14px;}
.labelTree ul				{margin:20px auto auto 40px;}
.labelTree ul li			{color:#797979;}
.labelTree ul li a			{display:block; font-size:15px; font-weight:bold; height:26px; line-height:25px; color:#333; background:url(images/list.gif) left center no-repeat; padding-left:15px;}
.labelTree ul li ul			{margin:0;}
.labelTree ul li ul	li a	{margin-left:15px; font-size:12px; font-weight:normal;}
.path						{float:right; width:643px; padding-left:40px; height:130px; line-height:32px; z-index:100; background:url(images/bodyBox.jpg) top left no-repeat;}
.path a						{color:#0181CA;}
.bodyBox					{float:right; margin-top:-100px; width:643px; padding:20px;}
.bodyBox .caseList .img		{width:150px; height:120px;}
.engageList					{padding:10px;}
.engageList dl				{border-bottom:#ccc 1px dotted; margin-bottom:10px; padding-bottom:10px;}
.engageList dl dt			{font-size:14px; font-weight:bold; margin-bottom:5px;}
/* ---------------footer--------------- */
.footer						{width:100%; padding:15px 0; line-height:22px; text-align:center; background:#999 url(images/footer.gif) top repeat-x; color:#fff;}
.footer a					{color:#fff; text-decoration:underline;}
.footer a:hover				{color:#F60;}
.footerNav a				{padding:0 5px; font-weight:bold;}
.footerNav,
.siteFooter,
.copyright					{text-align:center;}