@charset "utf-8";
/* CSS Document */
/*************************************************
* 文件名称：layout.css                                  
* 项目负责人：宋喜斌
* 制作时间：2011.03.15
* 联系方式：QQ：66520043  Email:songxibin@ijinshan.com    Blog:www.sucksie.com
*************************************************/

/*--- index.html  -----------------------------------------------------------------------------------------------------------------------------*/
.hpContent {position:relative; height:365px; background-color:#FFFFFF}
.hpContent div.img {display:none; position:absolute; top:0; left:0}
.hpContent div#banner1 {/*display:block*/}
.grayBanner {display:none; position:absolute; top:0; left:0; width:930px; height:340px}
.grayBanner div {width:930px; height:365px; background-color:#000000; filter:alpha(opacity=50); -moz-opacity:0.50; -khtml-opacity: 0.50; opacity: 0.50}
.hpContent div.bg {display:none; position:absolute; top:0; right:0; width:225px; height:365px; background-color:#989898; filter:alpha(opacity=80); -moz-opacity:0.80; -khtml-opacity: 0.80; opacity: 0.80} /*#333333*/

.hpContent .flashNav { display:none; position:absolute; top:0; right:0; width:225px; height:365px; text-align:left}
.hpContent .flashNav h3 { display:block; margin-top:220px; padding:0px 20px 10px 21px; color:#fff; font-size:14px}
.hpContent .flashNav ul li#con1 div { display:block;}  
.hpContent .flashNav ul li a {display:block; _display:inline-block; _width:184px; padding:3px 20px 3px 21px; background-position:10px center; background-repeat:no-repeat; color:#fff}
.hpContent .flashNav ul li.on a { background-color:#BFBFBF; background-image:url(../images/banner_links_arrow.png); filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity: 0.75; opacity: 0.75 }
.hpContent .flashNav ul li a:hover { }

.hpContent .flashNav ul li div {display:none; position:absolute; top:0; right:0}
.hpContent .flashNav ul li div a,.hpContent .flashNav ul li.on div a {filter:alpha(opacity=100); -moz-opacity:1.00; -khtml-opacity: 1.00; opacity: 1.00}
.hpContent .flashNav ul li div.emailSecurity {}
.hpContent .flashNav ul li div.bandwidth {}
.hpContent .flashNav ul li div.dataLeakage {}
.hpContent .flashNav ul li div.reporting {}
.hpContent .flashNav ul li div a {margin:0px; padding:0px}

.hpContent .bannerNav {display:none; position:absolute; top:340px; right:225px}
.hpContent .bannerNav ul {float:right; list-style:none; margin:0px 5px 0px 0px; padding:0px}
.hpContent .bannerNav ul li {display:inline}
.hpContent .bannerNav ul li a {float:left; display:inline-block; width:14px; margin:0px 5px 0px 0px; padding:0px; background-color:#999999; border:1px solid #555555; color:#FFFFFF; font-size:11px; text-decoration:none; text-align:center;
}
.hpContent .bannerNav ul li a.over{background:#444444; }
.hpContent .bannerNav ul li a:hover {background-color:#444444}

.hpContent .topCorners {position:absolute; top:0; left:0; width:930px; height:6px; background-image:url(../images/banner_round_corners.png); background-position:top left; background-repeat:no-repeat}
.hpContent .columnShadow {display:none; position:absolute; top:0; right:225px; width:10px; height:365px; background-image:url(../images/banner_shadow.png); background-position:top right; background-repeat:repeat-y}
.newsFeed .bottomCorners {position:absolute; bottom:0; left:0; width:930px; height:6px; background-image: url(../images/banner_round_corners.png); background-position:bottom left; background-repeat:no-repeat}

.newsFeed { position:relative; height:35px;  text-align:left; background:url(../images/i6.png) no-repeat}
.newsFeed p { float:left; width:700px; padding:9px 0px 0px 13px }
.newsFeed p b { color:#503B83 }
.newsFeed p span { display:none }
.newsFeed p span#news0 { display:inline }
.newsFeed p span a { color:#555555; text-decoration:none }
.newsFeed p span a:hover { color:#000000 }

	.share{float:right; width:220px; padding-top:8px}
	.share h2{ float:left; font-size:12px}
	.share a{ float:left; display:block; width:20px; height:20px; margin-right:4px; display:inline; background:url(../images/i8.png) no-repeat 0 0; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden}
	.share a.bj1{ background-position: 0 0}
	.share a.bj2{ background-position: -25px 0}
	.share a.bj3{ background-position: -50px 0}
	.share a.bj4{ background-position: -75px 0}
	.share a.bj5{ background-position: -100px 0}
	.share a.bj6{ background-position: -125px 0}
	
	.news{ width:235px; height:202px}
	.one_bj,.two_bj,.three_bj{ background:url(../images/i2.png) no-repeat}
	.one_bj{ background-position: 0 0}
	.two_bj{ background-position:-246px 0}
	.three_bj{background-position:-490px 0}
	.news h2{ padding:20px 0 0 20px; font-size:14px; color:#000}
	.news  p.info{ line-height:1.6em; padding:8px 20px 0;  text-indent:2em}
		.n_List{ margin:12px auto 0; width:194px}
		.n_List li{line-height:1.6em; padding-left:10px; background:url(../images/i1.png) no-repeat left center}
	.sidebar{ width:225px}
		.tel{ width:225px; height:60px; background:url(../images/tel.png) no-repeat}
		.tel dl{ display:none}
		
		.Tab{width:225px; height:130px; margin-top:10px}
		.Tab .T_menu{ overflow:hidden;}
		.Tab .T_menu li{ line-height:24px; float:left; width:110px;  font-size:14px; text-align:center; cursor:pointer; background:url(../images/Tab.png) no-repeat 0 0}
		.Tab .T_menu li.current{ background:url(../images/Tab.png) no-repeat -114px 0}
			.TabConten{height:107px; background:url(../images/i7.png) no-repeat}
			.TabConten ul{ width:216px; padding:10px 0 0 10px; overflow:hidden}
			.TabConten ul li{ float:left; line-height:20px;  padding-left:10px; background:url(../images/i1.png) no-repeat left center}
			.TabConten ul li.w118{ width:118px;}
			.TabConten ul li.w96{ width:86px;}
			.TabConten ul li.w98{ width:98px;}
		.TabConten p{width:225px; margin-top:6px; text-align:center}
		
/*--- news.html  -----------------------------------------------------------------------------------------------------------------------------*/
.top_Bj,.bottom_Bj{ width:960px; height:27px; margin:0 auto}
.top_Bj{ margin-top:10px; background:url(../images/top_bj.png) no-repeat}
.bottom_Bj{ background:url(../images/bottom_bj.png) no-repeat}
	
		.uList{ margin-top:10px;  min-height:190px; height:auto !important;  height:90px;}
		.uList li{ line-height:30px; padding-left:10px; font-size:14px; background: url(../images/dian.png) no-repeat left center; text-align:right}
		.uList li a{ float:left}
		
	#sidebar{ float:left; width:235px; margin-left:20px; display:inline}
		.column{ height:254px; background:url(../images/n1.png) no-repeat}
		.column h2{ padding:20px 0 0 20px; font-size:14px; font-weight:bold}
		.column ul{ width:188px; height:130px; margin:6px auto}
		.column ul li{ line-height:24px; padding-left:10px; border-bottom:1px dashed #CCC; background:url(../images/i1.png) no-repeat left center}
		.column ul li.none{ border-bottom:none}
	
	#sTab{ margin-top:10px; margin-top:30px}
		.newsTabBox{}
		.newsTabBox h2{ line-height:30px; padding-left:24px; font-size:14px; font-weight:bold; color:#000; cursor:pointer}
		 h2.one  { line-height:32px; background: url(../images/n4.png) no-repeat}
		 h2.two{ background:url(../images/n2.png) no-repeat}
		 h2.three{  background:url(../images/n3.png) no-repeat left bottom}
		.pt12{padding-top:12px}
			.tabMian{ width:196px; height:152px; margin:4px auto 0; display:none}

				.bj_one,.bj_two,.bj_three{ width:235px; }
				.bj_one{ background:#fff url(../images/sTab_bj1.png) no-repeat}
				.bj_two{ background:#fff url(../images/sTab_bj2.jpg) no-repeat left bottom}
				.bj_three{ background:#fff url(../images/sTab_bj3.jpg) no-repeat left bottom}
			.tabMian p{ line-height:16px; text-indent:2em}
			.tabMian ul{ margin-top:10px}
			.tabMian ul li{ padding-left:10px; background:url(../images/i1.png) no-repeat left center}
			
	
/*--- enent.html  -----------------------------------------------------------------------------------------------------------------------------*/
.banner{ width:960px; height:150px; margin-top:10px; background:url(../images/banner.png) no-repeat}
.eventList{ margin-top:10px;  min-height:190px; height:auto !important;  height:90px;}
		.eventList li{ line-height:30px;  font-size:14px; overflow:hidden}
		.eventList li strong.time{ float:left; padding-left:10px;  background: url(../images/dian.png) no-repeat left center; font-weight:normal; width:60px}
		.eventList li a{ display:inline-block; text-align:left; float:left; width:500px }
		
/*--- honor.html  -----------------------------------------------------------------------------------------------------------------------------*/
.H_banner{ width:960px; height:150px; margin-top:10px; background:url(../images/h_banner.png) no-repeat}
.imgList{width:596px; margin:30px auto 0}
.imgList ul{ width:596px;}
.imgList ul li{ float:left; width:180px; height:120px; margin:10px 8px 0; display:inline; text-align:center}
.imgList ul li a,.imgList ul li a img{ display:block}.imgList ul li a img{ margin:0 auto; vertical-align:top}

/*--- products.html  -----------------------------------------------------------------------------------------------------------------------------*/
.banner_noe,.banner_two,.banner_three,.banner_four,.banner_five{ width:960px; height:150px; margin:10px auto 0}
.banner_noe{background:url(../images/p_banner1.png) no-repeat}
.banner_two{background:url(../images/p_banner2.png) no-repeat}
.banner_three{background:url(../images/p_banner3.png) no-repeat}
.banner_four{background:url(../images/p_banner4.png) no-repeat}
.banner_five{background:url(../images/p_banner5.png) no-repeat}
.Content{ width:690px}
.tabMenu{ padding:0 36px; height:70px; background:url(../images/tabNav.png) no-repeat right bottom}
.tabMenu h2{ border:none; font-size:18px; font-weight:bold}
.uMenu { width:100%; margin-top:23px; padding-left:4px; overflow:hidden}
.uMenu li{ line-height:28px; float:left; width:112px; margin-right:10px; display:inline; background:url(../images/menu.png) no-repeat 0 0; text-align:center; cursor:pointer}
.uMenu li.current{ font-weight:bold; background: url(../images/menu.png) no-repeat -120px 0} 
	.MenuBox{ width:610px; padding-top:20px}
		.BoxContent{ display:none}
		.BoxContent h2{ line-height:120%; margin:20px 0 10px; padding-left:20px; font-size:14px; background:url(../images/p2.png) no-repeat left center}
		.BoxContent p{ line-height:22px; text-indent:2em}
		.BoxContent p img{ display:block; margin:20px auto}
		.BoxContent ul{ margin-top:4px; padding-left:2em}
		.BoxContent ul li{ line-height:22px; list-style-image:url(../images/p3.png); padding-left:4px}
	
	/* 产口规格 */
	.parameters{ width:654px; margin:0 auto; border:1px solid #E6E6E6; display:none}
	.parameters h2{line-height:39px; font-size:16px; color:#FFF; background:url(../images/p4.png) repeat-x; text-align:center}
	.parameters table{ width:100%}
	.parameters table caption{ line-height:33px; font-size:14px; font-weight:bold; color:#FFF; background:url(../images/p5.png) repeat-x; text-align:center}
	.parameters table,.parameters table tbody th,.parameters table tbody td{ border:1px solid #333}
	.parameters table tbody th{ width:124px; text-indent:2em; text-align:left; background:#e6e6e6}
	.parameters table thead th{border:1px solid #333; background:#f6f6f6}
	.parameters table tbody th,.parameters table tbody td,.parameters table thead th{ padding:10px 0}
	.parameters table tbody td{ text-align:center; background:#f6f6f6}
	
	.products{ width:100%; margin-top:30px; overflow:hidden}
	.products dt,.products dd.Txt{ float:right; width:460px}
	.products dt{ padding:20px 0 10px; font-size:14px; font-weight:bold}
	.products dd.Pic{ float:left; width:110px}
	.products dd.Txt{  text-indent:2em}
	
/*--- service.html  -----------------------------------------------------------------------------------------------------------------------------*/
.service_banner,.active_banner,.support_banner,.update_banne{ width:960px; height:150px; margin:10px auto 0}
.update_banne{ background:url(../images/update_banner.jpg)  no-repeat}
.service_banner{ background:url(../images/service_banner.png) no-repeat}
.serviceMian,.activeMain,.supportMian{ width:600px; margin:0 auto}
.serviceMian h2{ font-size:18px; color:#000}
.serviceMian h2.mt30{ margin-top:30px}
.serviceMian div{ width:600px; margin-top:18px; border:1px solid #E6E6E6; }
.serviceMian div table{ width:598px; background:#f6f6f6}
.serviceMian div table thead th{ line-height:30px; font-size:14px; font-weight:bold; color:#FFF; background:url(../images/thbj.png) repeat-x}
.serviceMian div table thead th.tar{ text-align:right}
.serviceMian div table tbody td{ padding:10px; border:1px #FFF solid;}

/*--- active.html  -----------------------------------------------------------------------------------------------------------------------------*/
.active_banner{ background:url(../images/active_banner.png) no-repeat}
.activeMain{}
.activeMain p{ line-height:160%; font-size:14px; text-indent:2em}
.activeMain ul{ width:395px; margin:30px auto 0}
.activeMain ul li{ line-height:62px; margin-top:14px; background:url(../images/active.png) no-repeat}
.activeMain ul li.b1{ background-position: 0 0}
.activeMain ul li.b2{ background-position: 0 -82px}
.activeMain ul li.b3{ background-position: 0 -162px}
.activeMain ul li.b4{ background-position: 0 -242px}
.activeMain ul li.b5{ background-position: 0 -322px}
.activeMain ul li.b6{ background-position: 0 -402px}
.activeMain ul li.b7{ background-position: 0 -482px}
.activeMain ul li.b8{ background-position: 0 -562px}
.activeMain ul li.buba7{ background:url(../images/duba7.png) no-repeat 0 0}
.activeMain ul li a{ display:block; width:395px; height:62px; font-size:0; line-height:0; overflow:hidden; text-indent:-9999px}

/*--- support.html  -----------------------------------------------------------------------------------------------------------------------------*/
.mt34{ margin-top:34px}
.support_banner{ background:url(../images/support_banner.png) no-repeat}
.supportMian{ }
.supportMian h2{ height:33px;  background:url(../images/support_h2.png) no-repeat 0 0; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden}
.supportMian ul{ margin:10px 0 0 26px;  font-size:14px}
.supportMian ul li{ list-style:disc; padding-left:6px}
.supportMian p{ padding-left:20px; font:normal 14px/160% "\5b8b\4f53"; margin-top:30px; text-indent:2em}
.supportMian dl{ _width:100%; margin-left:20px; line-height:160%; font-size:14px}
.supportMian dl dt,.supportMian dl dd{ display:inline; _float:left}
.supportMian dl dd a{ text-decoration:underline; color:#CC0000}


/*--- 产品解决方案 -----------------------------------------------------------------------------------------------------------------------------*/
.detailed{ width:596px;}
.detailed h3{ line-height:30px; font-weight:normal; font-size:12px}
.detailed  img{display:block; margin:20px auto}

.detailed  h2{ font-size:14px; border:none}
.detailed table{ width:100%}
.detailed table,.detailed table td,.detailed table th{ border:1px solid #CCC}
.detailed table th{}
.detailed table th,.detailed table td{ line-height:28px; text-align:center}

.dlTxt{ overflow:hidden}
.dlTxt dl{float:left; width:200px}
.dlTxt dl dt{ font-size:12px; font-weight:bold; margin-top:14px}.dlTxt dl dd{ text-indent:0}


.tel_banner,.edu_banner,.ele_banner,.army_banner,.sme_banner,.pdt_banner,.bank_banner{ width:620px; height:90px; margin:0 auto}
.tel_banner{ background:url(../images/tell.png) no-repeat}
.edu_banner{ background:url(../images/edu.png) no-repeat}
.ele_banner{ background:url(../images/ele.png) no-repeat}
.army_banner{ background:url(../images/army.png) no-repeat}
.sme_banner{ background:url(../images/sme.png) no-repeat}
.pdt_banner{ background:url(../images/pdt.png) no-repeat}
.bank_banner{ background:url(../images/bank_s1.png) no-repeat}

.about_banner,.contac_banner,.partner_banner{ width:960px; height:150px; margin:10px auto 0}
.about_banner{ background:url(../images/about.png) no-repeat}
.contac_banner{ background:url(../images/contac.png) no-repeat}
.partner_banner{ background:url(../images/partner.png) no-repeat}

.download{ line-height:30px; padding-left:30px; background:url(../images/dow.png) no-repeat left center; font-size:14px; font-weight:bold}


/*--- 聚合页.html  -----------------------------------------------------------------------------------------------------------------------------*/
.j_content{float:left; width:300px;}
.j_content div{margin-top:160px;background:#FAFAFC; border:1px solid #D5D9E5;  min-height:440px; height:auto !important;  height:440px}
.j_content div p.info{display:block; height:90px; padding:20px;}
.j_content div ul{padding:0 20px;} 
.j_content div ul li{cursor:pointer}
.j_content div ul li h3{line-height:30px; padding-left:20px; font-size:14px; background:url(../images/up.png) no-repeat left center}
.j_content div ul li.current{cursor:pointer}
.j_content div ul li.current h3{background:url(../images/on.png) no-repeat left center}
.j_content div ul li p{line-height:26px; padding:0 0 10px 20px; display:none;color:#666; font-family:"宋体"}

.bj_none{ font-size:0; line-height:0; text-indent:-9999px; overflow:hidden}

.j_uList{}
.j_uList li{line-height:26px; width:100%; margin-top:50px;  overflow:hidden;}
.j_uList li img{float:left; width:226px; height:100px; margin-right:10px; display:inline;}
.j_uList li h3{ margin-top:10px; font-size:14px;}
.j_uList li p{padding-right:20px;}

.f_list{}
.f_list li{float:left; width:294px; margin:20px 0 }
.f_list li h3{line-height:30px; font-size:14px; margin-top:4px;}
.f_list li p{ padding-right:20px}
.f_list li img{float:left;width:74px; margin-right:10px; display:inline; border:1px solid #ccc; }

.abouts{position:relative; width:602px; height:394px; margin:40px auto 0; background:url(../images/abouts.jpg) no-repeat;}
.abouts ul{position:absolute; right:0; bottom:0; width:138px; }
.abouts ul li{line-height:32px; width:120px; padding-left:18px; font-size:14px; font-weight:bold; background:url(../images/abouts_li.png) no-repeat;}