@charset "utf-8";
/* CSS Document */

body{
	margin:0;
	padding:0;
	background:url(../img/top_bk.jpg) repeat-x top;
	font-size:0.75em;
	color:#535353;
	font-family:Arial, "宋体", Osaka, MS Gothic,Verdana, Lucida,  Helvetica, sans-serif;
}

img{border:0;}

div,p,h1,h2,h3,ul,li,img{
	margin:0;
	padding:0;
	}
td,th{ padding:3px;}
.clear{
	display:block;
	clear:both;
}

.red{color:#FF0000;}

a:link,a:visited{color:#3366cc; text-decoration:none;} 
a:hover {color:#3366cc; text-decoration:underline;}

#mainwrap{
	width:775px;
	margin:0 auto;
	}

#header{
	width:775px;
}

#logo{
	width:286px;
	padding:22px 228px 10px 8px;
	float:left;
}
#search{
	width:252px;
	float:right;
	}
#search p{
	width:60px;
	margin-top:15px;
	float:right;
	text-align:right;
	background:url(../img/dot_1.jpg) left 1px no-repeat;
	}
#search .pro_search{
	width:252px;
	margin-top:10px;
	float:right;
	color:#000000;
	font-size:13px;
	line-height:22px;
	}
/*菜单部分
===============================================================================================*/
#menu{width:431px; height:24px;}
/*------ main nav ----------*/
	#nav {
	position: relative;
	height: 24px;
	margin:0;
	padding:0;
	width:431px;
	z-index:50;
	}

	#nav li ul{
		margin: 0;
		padding: 0;
		border-top:1px solid #bcbcbc;
		list-style-type: none;
	}
	#nav li ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	#nav a {
		text-decoration: none;
	}

	#nav li.top {
		margin: 0;
		float: left;
		display: block;
	}

	#nav li ul {
		display: none;
		position: absolute;     
		left: -999em; 
		z-index: 10000;
	}

	#nav li ul li {
		display: block;
		text-align: left;
	}

	#nav li.off ul, #nav li.on ul  {
		left: auto;
		background-color: #fffff;
		z-index: 10000;
		position: absolute;
	}

	
	#nav li a {
		display: block;
		padding: 0;
	}

	#nav li.on a {
		color: #333333;
	}

	#nav li.on ul a, #nav li.off ul a {
		border: 0px;
		width: 100px;
		z-index: 10000;
	}

	#nav li.on:hover ul a, #nav li.over ul li a {
	}

	#nav li.on:hover ul a:hover, #nav li.over ul li a:hover {
		background:url(../img/menu_dot.gif) 8px 9px no-repeat;
		background-color: #000000;
		filter:alpha(opacity=90);
		-moz-opacity:0.9;
		opacity:0.9;
	}

	#nav li.off a:hover, #nav li.on a:hover {
	background-color: #000000;
	}
	
	#nav li.off:hover ul, #nav li.over ul, #nav li.on:hover ul {
		background:url(../img/menu_dot.gif) 8px 9px no-repeat;
		background-color: #000000;
		filter:alpha(opacity=90);
		-moz-opacity:0.9;
		opacity:0.9;
		display: block;
	}
	
	#nav li.off ul a, #nav li.on ul a {
		display: block;
		color: #ffffff;
		font-weight:normal;
		border-bottom: 1px solid #909090;
		line-height:21px;
		margin: 0px;
		padding-left:18px;
		padding-right:5px;
		padding-top:3px;
		background:url(../img/menu_dot.gif) 8px 9px no-repeat;
		background-color:#333333;
		filter:alpha(opacity=90);
		-moz-opacity:0.9;
		opacity:0.9;
	}
		
	ul.drop {
		font-size: 12px;
	}
	

	#nav li span {
		display: none;
	}
	
	#menu1 {
		padding-left: 0px;
	}

	#menu1 a, #menu2 a, #menu3 a, #menu4 a, #menu5 a, #menu6 a{
		display: block;
		position: relative;
		margin: 0px;
		padding: 0px;
		background: url(../img/menu.jpg) no-repeat; 
	}

	
	#menu1 a.top, #menu2 a.top, #menu3 a.top, #menu4 a.top, #menu5 a.top{
		height: 24px;
	}
	
	#menu1 a {
		background-position: 0px 0px;
		width: 86px;
	}
	
	#menu2 a {
		background-position: -86px 0px;
		width: 86px;
	}
	
	#menu3 a {
		background-position: -172px 0px;
		width: 86px;
	}
	
	#menu4 a {
		background-position: -258px 0px;
		width: 86px;
	}
	
	#menu5 a {
		background-position: -344px 0px;
		width: 87px;
	}
	
	
	#menu1.on a {
		background-position: 0 -24px;
	}
	
	#menu2.on a {
		background-position: -86px -24px;
	}
	
	 #menu3.on a {
		background-position: -172px -24px;
	 } 
	
	#menu4.on a {
		background-position: -258px -24px;
	}
	
	#menu5.on a {
		background-position: -344px -24px;
	}

	#menu1 a:hover, #menu1:hover a, #menu1.over a {
		background-position: 0 -24px;
	}
	
	#menu2 a:hover, #menu2:hover a, #menu2.over a {
		background-position: -86px -24px;
	}
	
	#menu3 a:hover, #menu3:hover a, #menu3.over a {
		background-position: -172px -24px;
	}
	
	#menu4 a:hover, #menu4:hover a, #menu4.over a {
		background-position: -258px -24px;
	}
	
	#menu5 a:hover, #menu5:hover a, #menu5.over a {
		background-position: -344px -24px;
	}

/* ------------------------------topmenu------------------------------------------- */

#content{
	width:775px;
	padding-top:10px;
	padding-bottom:10px;
}

#breadcrumb{
	padding:5px 3px;
	}
.pro_banner{
	padding-top:10px;
	}
#pro_main{
	width:589px;
	padding-left:18px;
	float:right;
	}
#pro_main h1{
	padding-left:20px;
	line-height:37px;
	padding-top:3px;
	font-size:16px;
	font-weight:bold;
	color:#000000;
	background:url(../products/images/h1_title_bk.jpg) no-repeat;
	}
#pro_main h3{
	margin-top:10px;
	margin-bottom:8px;
	padding-left:12px;
	line-height:25px;
	font-size:13px;
	background:url(../products/images/h2_bk.jpg) no-repeat;
	}
#pro_main #category_desc{
	margin:15px 0;
	}
.pro_box{
	margin-top:10px;
	margin-right:8px;
	float:left;
	width:139px;
	border-bottom:1px solid #d9d9d9;
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	}
.pro_box p{
	width:124px;
	background:url(../products/images/h2_title_bk.jpg) no-repeat;
	padding-left:15px;
	font-size:12px;
	font-weight:bold;
	line-height:28px;
	}
.pro_box p a:link,.pro_box p a:visited{color:#535353; text-decoration:none;}
.pro_box p a:hover{color:#535353; text-decoration:underline;}
.pro_box ul{
	list-style:none;
	padding:10px;
	}
.pro_box ul li{
	list-style:none;
	background:url(../products/images/blue_dot.jpg) 5px 7px no-repeat;
	padding-left:12px;
	padding-bottom:5px;
	}
.no_right{
	margin-right:-8px;
	}
#content_left{
	width:168px;
	float:left;
	}
#p_nav{
	list-style:none;
	}
#p_nav li{
	list-style:none;
	}
#p_nav li a:link,#p_nav li a:visited{color:#535353; text-decoration:none;}
#p_nav li a:hover{color:#535353; text-decoration:underline;}

.p_nav_sub{
	background:url(../products/images/pro_li.jpg) no-repeat;
	padding-left:20px;
	font-size:13px;
	font-weight:bold;
	line-height:29px;
	}
.p_nav_oth{
	background:url(../products/images/pro_li_oth.jpg) no-repeat;
	padding-left:20px;
	padding-top:5px;
	padding-right:10px;
	font-size:13px;
	font-weight:bold;
	height:45px;
	line-height:20px;
	}
.p_nav_oth_on{
	background:url(../products/images/pro_li_oth_on.jpg) no-repeat;
	padding-left:20px;
	padding-top:5px;
	padding-right:10px;
	font-size:13px;
	font-weight:bold;
	height:45px;
	line-height:20px;
	}
.p_nav_on{
	list-style:none;
	background:url(../products/images/pro_li_on.jpg) no-repeat;
	padding-left:20px;
	font-size:13px;
	font-weight:bold;
	line-height:29px;
	}
#p_nav2{
	list-style:none;
	margin-left:-20px;
	}
#p_nav2 li{
	list-style:none;
	}
.p_nav2_sub{
	background:url(../products/images/pro_li_li.jpg) no-repeat;
	padding-left:20px;
	font-size:12px;
	font-weight:normal;
	line-height:29px;
	}
.p_nav2_on{
	list-style:none;
	background:url(../products/images/pro_li_li_on.jpg) no-repeat;
	padding-left:20px;
	font-size:12px;
	font-weight:normal;
	line-height:29px;
	}
	
/* product 03page begin */

#submenu {
	width:589px;
	background:url(../products/images/submenu_bk.gif) repeat-x ;
	margin:17px 0 15px 0;
	}
#submenu ul{
	list-style:none;
	}
#submenu li {
	display:inline;
	}
#submenu ul .on a {
	background:url(../products/images/tab_bk.jpg) no-repeat left top;
	color:#FFFFFF;
	margin-bottom:8px;
	}
#submenu a {
	float:left;
	background:url(../products/images/tab_bk.jpg) no-repeat left bottom;
	margin-right:3px;
	line-height:30px;
	padding-top:3px;
	padding-right:8px;
	padding-left:15px;
	text-decoration:none;
	font-weight:bold;
	margin-bottom:8px;
	}
#submenu a:hover {
	background:url(../products/images/tab_bk.jpg) no-repeat left top;
	color:#FFFFFF;
	}
	
.content ul{
	list-style:none;
	margin:0;
	padding:0;
}

.content ul li{
	width:139px;
	margin:0 8px 8px 0;
	border:solid #dbdbdb 1px;
	float:left;
}

.content .no_right{
	margin-right:-8px;
	}
.content ul li p{
	padding:4px;
	border-top:solid #dbdbdb 1px;
	background:#f0f0f0;
}

.content ul li p a:hover{
	text-decoration:underline;
}

.content ul li p.img{
	padding:10px 0 10px 0;
	background:none;
	border:none;
}

/* product 03page end */
	
	
/* product 04page begin */

.content_img{
	width:280px;
	float:left;
	margin:21px 0 0 0;
}

.content_img ul{
	list-style:none;
	margin:0;
	padding:20px 0 0 0;
}

.content_img ul li{
	float:left;
	margin:3px 0 0 5px;
}

.content{
	width:589px;
}

.content_text{
	width:291px;
	float:right;
	margin:21px 0 0 0;
	line-height:18px;
}

.content_text p{
	margin-bottom:3px;
	padding:0 0 0 14px;
	background:url(../products/images/content_text_icon.gif) no-repeat left top;
}

#pro_main h2{
	_width:575px;
	list-style:none;
	height:19px;
	background:url(../products/images/h2_title_bk.gif) repeat-x;
	font-size:14px;
	margin:35px 0 12px 0;
	padding:8px 0 0 14px;
}

.content td{
	font-size:13px;
	padding:3px 8px 3px 8px;
}

#download{
	width:187px;
	height:26px;
	background:url(../products/images/download_bk.jpg) no-repeat;
	margin-top:13px;
	padding:14px 0 0 41px;
	font-size:14px;
}

#download a:link,#download a:visited{color:#FFFFFF; text-decoration:none;}
#download a:hover{text-decoration:underline;}

#pagetop{
	width:775px;
	margin-top:20px;
}

#pagetop p{
	float:right;
	background:url(../products/images/pagetop_icon.gif) no-repeat left;
	padding-left:13px;
}

#pagetop p a{color:#1c419c; text-decoration:none;}
#pagetop p a:hover{color:#000099; text-decoration:underline;}


#pagetop_cctv{
	margin:0 auto;
	width:775px;
	margin-top:20px;
	margin-bottom:10px;
}

#pagetop_cctv p{
	float:right;
	background:url(../products/images/pagetop_icon.gif) no-repeat left;
	padding-left:13px;
}

#pagetop_cctv p a{color:#1c419c; text-decoration:none;}
#pagetop_cctv p a:hover{color:#000099; text-decoration:underline;}

/* product 04page end */

#top{
	width:900px;
	text-align:right;
	margin:0;
	padding:0px 24px 0;
	}
.footer_bk{
	width:100%;
	height:20px;
	background:url(../img/footerbk.jpg) repeat-x;
	}
#footer
{
	text-align:center;
	line-height:20px;
	padding-top:10px;
	padding-bottom:20px;
	}
	
/* company news  */
.com_new{
	list-style:none;
	padding-top:10px;
	padding-bottom:20px;
	}
.com_new li{
	list-style:none;
	padding-left:10px;
	background:url(../img/new_dot.jpg) 2px 10px no-repeat;
	line-height:22px;
	}
.con_new_back{
	padding-top:10px;
	font-size:14px;
	font-weight:bold;
	text-align:right;
	}
.com_new_title{
	font-size:14px;
	font-weight:bold;
	text-align:center;
	padding:10px;
	}
.com_new_content{
	padding:10px;
	line-height:1.5em;
	}
	
/* company sub  */

#sub_con_box{
	padding-top:10px;
	line-height:16px;
	}
#sub_con_box .img{
	float:left;
	padding:0 25px 10px 0;
	}
#sub_con_box p{
	padding-bottom:10px;
	text-indent:24px;
	}

#sub_con_box .h2{
	margin-bottom:8px;
	padding-left:12px;
	line-height:25px;
	font-size:13px;
	background:url(../products/images/h2_bk.jpg) no-repeat;
	}
.sub_com_box_txt{
	font-size:16px;
	line-height:25px;
	font-weight:bold;
	}
.table {
	width: 589px;
	margin: 10px 0 0;
	border-top: 1px solid #b0b0b0;
	border-bottom: 1px solid #b0b0b0;
}
.table th {
	width: 15%;
	padding: 4px 0 4px 12px;
	border-bottom: 1px solid #e5e5e5;
	text-align: left;
}
.table td {
	border-bottom: 1px solid #e5e5e5;
}
.table .last-child,.table .last-child{
	border: none;
	padding-bottom:10px;
}

#mainwrap_monitor{
	width:916px;
	margin:0 auto;
	}
	
#content_monitor{
	width:916px;
	padding-top:10px;
	padding-bottom:10px;
}

#pro_main_monitor{
	width:730px;
	padding-left:18px;
	float:right;
	}
	
#pro_main_monitor h1{
	width:569px;
	padding-left:20px;
	line-height:37px;
	padding-top:3px;
	font-size:16px;
	font-weight:bold;
	color:#000000;
	background:url(../products/images/h1_title_bk.jpg) no-repeat;
	}
	
#pro_main_monitor h2{
	width:575px;
	list-style:none;
	height:19px;
	background:url(../products/images/h2_title_bk.gif) repeat-x;
	font-size:14px;
	margin:35px 0 12px 0;
	padding:8px 0 0 14px;
}
	
#pro_main_monitor h3{
	width:577px;
	margin-top:30px;
	margin-bottom:8px;
	padding-left:12px;
	line-height:25px;
	font-size:13px;
	background:url(../products/images/h2_bk.jpg) no-repeat;
	}
	
.content_text_monitor{
	width:273px;
	float:left;
	margin:21px 0 0 30px;
}

.content_monitor{
	width:730px;
}

.content_monitor td{
	font-size:13px;
	padding:3px 4px;
}

.content_monitor p{
	margin:15px 0 0 0;
	padding:0;
}

.hint{
	width:570px;
	margin:0 0 0 15px;
}

.technical ul{
	width:588px;
	list-style-type: none;
}
.technical li{
	width:171px;
	padding-right:25px;
	float:left;
}
.technical span{
	float:right;
}
.img2{
	float:left;
	padding:0 12px 10px 12px;
	}	
.technical1 ul{
	width:577px;
	padding-left:6px;
	padding-right:6px;
	list-style-type: none;
}
.technical1 li{
	font-size:10px;
	float:left;
}
.technical2 ul{
	width:585px;
	padding-left:4px;
	padding-top:10px;
	list-style-type: none;
}
.technical2 li{
	width:100px;
	padding:0 8px;
	float:left;
}
.technical2 span{
	float:right;
}
.technical3 ul{
	width:554px;
	padding-left:35px;
	padding-top:10px;
	list-style-type: none;
}
.technical3 li{
	width:242px;
	padding-right:35px;
	float:left;
}
.technical3 span{
	text-align:center;
}


/* 云台系统begin */

.ptz_img{
	float:left;
	margin:20px 0 0 0;
}

.ptz_img_top{
	float:left;
	margin:20px 0 0 0;
}

.ptz_img_top p{
	width:186px;
	margin:0;
	padding:0 0 0 10px;
}

/* 云台系统end */


/* 客户服务begin */
#sub_ser_box{
	padding-top:10px;
	line-height:16px;
	}

#sub_ser_box p{
	padding-bottom:10px;
	}
	
/* 客户服务end */


/* 光学计算器end */
.calculator_jiaoju{
	width:380px;
	height:239px;
	margin:10px auto;
	padding:70px 0 0 30px;
	background:url(../products/images/calculator_jiaoju.jpg) no-repeat;
}

.calculator_shijiao{
	width:380px;
	height:239px;
	margin:10px auto;
	padding:70px 0 0 30px;
	background:url(../products/images/calculator_shijiao.jpg) no-repeat;
}

.calculator_shiye{
	width:380px;
	height:239px;
	margin:10px auto;
	padding:70px 0 0 30px;
	background:url(../products/images/calculator_shiye.jpg) no-repeat;
}

.calculator_jingsheng{
	width:380px;
	height:239px;
	margin:10px auto;
	padding:70px 0 0 30px;
	background:url(../products/images/calculator_jingsheng.jpg) no-repeat;
}

/* 光学计算器end */