body { margin:0px; background:url(images/index_02.jpg) repeat-x top;  font-family:Arial,"宋体"; font-size:12px; color:#585858; }
a{ text-decoration:none;}
a:hover{ text-decoration:underline;} 
img{ border:0px;}
ul,li,h1,h2,h3,h4,h5{ margin:0px; padding:0px;}

.TopBar,.LogoBar,.MenuBar,.Banner,.Banner1,.IndexBar,.Main,.Other{ width:986px; margin:0 auto;}
.TopBar
{
	height: 16px;
	text-align: right;
	margin-top:10px;
	
}
.LogoBar{ height:94px;}
.MenuBar{ height:35px;}
.Banner{ height:301px; background:url(images/IndexBannerBg_11.jpg) ; }
.Banner1{ height:233px;  background:url(images/BannerBg.jpg) ;}
.IndexBar{ height:331px; background:url(images/index_13.jpg) no-repeat right; margin-top:24px;}
.Footer{ height:131px;}

.TopBar a{ color:#797878;  background:url(images/icon1.jpg) no-repeat right;  padding-right:15px;}

.MenuBar ul{ list-style:none;}
.MenuBar li{ width:85px; float:left; font-size:13px; font-weight:bold;  text-align:center; line-height:35px; margin-left:13px; _margin-left:10px;  background:url(images/icon2.jpg) no-repeat left; }
.MenuBar li a{ color:#03698f; display:block; height:35px; }
.MenuBar li a:hover{  background:url(images/MenuBg.jpg) ; color:#fff; }
.MenuBar li a.ActiveMenu{  background:url(images/MenuBg.jpg) ; color:#fff; }



.IndexBar1,.IndexBar2{ margin-top:53px;}
.IndexBar1{ width:332px; float:left;}
.IndexBar2{ width:352px; float:left;}
.IndexBar3{ width:277px; float:right;}

.IndexBar1{ position:relative; height:240px;}
.IndexBar1 ul{ margin-left:20px; list-style:none;}
.IndexBar1 li{background:url(images/icon3.jpg) no-repeat left; padding-left:20px; margin-bottom:20px; }
.IndexBar1 li a{ color:#7b7b7b;}

.more1{ position:absolute; right:20px; bottom:0px;}
.more1 a{ color:#0898d5;}

.IndexProShow{ height:73px; width:300px; margin:0 auto; margin-bottom:10px;}
.IndexProShow img{ width:85px; height:58px; float:right;}
.IndexProShow h1,.IndexProShow p{ width:190px; float:left;}
.IndexProShow h1{ font-size:12px;}
.IndexProShow h1 a{ color:#0898d5;}
.IndexProShow p { margin-top:5px;}
.IndexProShow p a{ color:#7b7b7b; text-decoration:underline;}

.IndexBar3{ float:right; position:relative; height:100px;}
.IndexBar3{ margin-top:122px; color:#7b7b7b; line-height:22px;}
.IndexBar3 a{ color:#7b7b7b; text-decoration:underline;}
.IndexBar4{ width:210px; position:absolute; right:20px; bottom:-87px;}
.IndexBar4TB{ width:100%;}
.Text1
{
	border: 1px solid #bdbdbd;
	background-color: #e5e5e5;
	 color:#7b7b7b;
}


.Other{ margin-top:40px;}




.Main{}
.LeftBar{ width:173px; float:left;}
.RightBar{ width:779px; float:right; position:relative;}
.RightBar h1{ height:31px; background:url(images/TitleBg.jpg) no-repeat;  font-size:14px;  text-indent:20px; line-height:22px;}
.Position{ position:absolute; right:0px; top:0px; text-align:right; color:#999999;}
.Position a{ color:#999999;}



.LeftMenu{list-style:none; margin-bottom:40px;}
.LeftMenu ul{ list-style:none;}
.LeftMenu li{ height:30px;  background:url(images/LeftMenu_11.jpg) no-repeat;  line-height:35px; font-size:13px; margin-bottom:10px; text-indent:20px; }
.LeftMenu li a{ color:#424343; display:block;}
.LeftMenu a:hover{ color:#0898d5; font-weight:bold;}
.LeftMenu li a.ActiveLeft{ color:#0898d5; font-weight:bold;  background:url(images/LeftMenu_08.jpg) no-repeat;}


.LeftMenu h3{height:30px;  background:url(images/LeftMenu_11.jpg) no-repeat;  line-height:35px; font-size:13px; font-weight:normal; margin-bottom:10px; text-indent:20px;}
.LeftMenu h3 a{ color:#424343; height:30px; display:block;}
.LeftMenu h3 a:hover{ color:#0898d5; font-weight:bold;}
.LeftMenu h3 a.ActiveLeft{ color:#0898d5; font-weight:bold; background:url(images/LeftMenu_08.jpg) no-repeat; }

.LeftMenu h4
{
	width: 130px;
	margin: 0 auto;
	font-size: 12px;
	font-weight: normal;
	text-indent: 14px;
	margin-bottom: 10px;
	background: url(images/icon6.jpg) no-repeat;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #0898d5;
}
.LeftMenu h4 a{ color:#0898d5}



.LeftSearch
{
	border: 1px solid #e5e6e5;
	height:133px;

}

.LeftSearch h5{ padding:10px;}

.LeftSearchTB{ width:140px; margin:0 auto;}
.LeftSearchTB td{ height:25px;}



.company,.company1,.News,.News1,.NewsDetail,.Honor,.Contact,.job,.network,.network1,.ProDetail,.ProImg,.CaseTB,.ServerTB,.Download,.page{ line-height:21px; width:730px; margin:0 auto; margin-top:20px;}

.company img{ float:right; margin-left:20px;}

.News { list-style:none;}
.News li
{
	background: url(images/icon5.jpg) no-repeat left center;
	padding-left: 20px;
	margin-top: 10px;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
}

.News li a{color:#585858;}


.News1{ height:170px; border-bottom:dashed 1px #cccccc; position:relative;}
.News1 img
{
	border: 1px solid #CCCCCC;
	float: right;
	width:150px; 
	height:150px;
	padding:2px;
}
.News1 h2{ width:500px; float:left; font-size:12px; margin-bottom:10px; color:#00688f; font-size:13px;}
.News1 h2 a{ color:#00688f;}
.News1 p{ width:500px; height:140px; float:left; }


.NewsDetail{}
.NewsDetail h2{ font-size:16px; text-align:center; margin-bottom:30px;}


.Honor{}
.Honor li{ float:left; width:165px; height:228px; margin:0 17px 15px 0;}


.Honor1{ margin-top:20px; list-style:none;}
.Honor1 ul{}
.Honor1 li{ margin-bottom:10px;}






.Cases{ width:360px; float:left; margin-left:20px; margin-top:20px;}
.Cases img{ float:left; width:120px; height:175px; border: 1px solid #CCCCCC; padding:2px;}
.Cases p{ width:210px; float:right; line-height:26px;}

.CaseTB{ border-collapse:collapse;}
.CaseTB th,.CaseTB td{ border:1px solid #cccccc; }
.CaseTB th{ background-color:#f5f5f5; text-align:center;}

.Contact{ height:434px; line-height:28px; font-size:13px; background: url(images/contactBg.jpg) no-repeat right center;}

.job{}
.JobTB{ width:100%;}
.JobTB th,.JobTB td{ background-color:#f5f5f5;}
.JobTB a{ color:#ff0000; font-weight:bold;}


.network{ position:relative;}
.networkImg{ position:absolute; right:0px; bottom:0px;}
.network1{ position:relative;}
.network1 img{ float:right; margin-left:20px;}




.ProShow{ width:160px; height:210px; float:left; margin:20px 0 0 20px;}
.ProShow img{ width:160px; height:185px; border: 1px solid #e5e5e5;  text-align:center;}
.ProShow h2{ text-align:center; font-size:12px; font-weight:normal; line-height:22px;}
.ProShow h2 a{ color:#585858;}

.ProImg{   border-bottom:dashed 1px #cccccc;}
.ProImg li{ text-align:center; overflow:hidden; margin-right:30px;}
.ProDetail{ line-height:28px;}
.ProTB{ width:100%; background-color:#FFF;}
.ProTB td{ background-color:#f1f1f1; text-align:center;}


.ServerTB{ width:60%; margin:20px 0 0 20px;}
.ServerTB td{ color:#fc0101; height:33px;}
.ServerTB th{ text-align:right;}


.Download{}
.Download th{ background-color:#cccccc; text-align:left; padding:2px;}
.Download td{ background-color:#e5e5e5; padding:2px;}
.Download td a{ color:#f70404;}

.page { text-align:right; margin-top:40px; color:#00688f; clear:both;}
.page a{ color:#00688f;}



.more{  position:absolute; left:5px; bottom:10px;}
.more a{ color:#ff0000;}




.Footer{ height:104px; background-color:#02678d;}
 .Footer1
{
	background-position: right;
	width: 986px;
	height: 104px;
	margin: 0 auto;
	background: url(images/index_15_02.jpg) no-repeat;
}
 .Footer1 p{ width:742px; float:right;
	margin-bottom: 0px;
}
.Text2{ margin-top:30px; color:#0184b9;}
.Text2 a{ color:#00b1ff;}
.Text3{ color:#b4d2dd; margin-top:10px;}
.Text3 a{ color:#b4d2dd; }



.mingpian{ border:solid 1px #ccc; width:93%;  font-size:12px; padding:10px;  margin-top:20px; margin-left:20px; }
.mingpian h2{

	font-size:14px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	line-height:22px;
}

.mingpian h1{ font-size:25px; color:#0066CC; line-height:25px;}
.mingpian h1 a,.mingpian h2 a{ color:#333;}

.mingpian dl{ clear:both;}
.mingpian dt{ width:15%; float:left;}
.mingpian dd{ width:80%; float:right;}
.mingpian p{ color:#666; line-height:22px;}
.mingpian p a{ color:#0066CC;}