﻿*{margin:0px; padding:0px; border:0px;}
body{font-family:Arial, Helvetica, sans-serif;font-size:12px; background:url(bg.gif) repeat-y center #eeeeee;}
a:link{text-decoration:none;color:#000000;}
a:visited{text-decoration:none;color:#000000;}
a:hover{text-decoration:underline;color:#000000;}
a:active{text-decoration:none;color:#000000;}
#top{width:960px; height:73px; margin:0 auto; border-top:1px solid #333333; background:#FFFFFF;}
#logo{float:left;}
#search{float:right; height:73px;width:500px;}
#rtop{padding-left:280px;padding-top:5px; font-size:11px; height:20px;}
.search{padding-left:260px; height:20px;padding-top:10px; }
.inputtext{border:1px #666 solid; height:16px;color:#666; margin-bottom:7px; *margin-bottom:4px; padding-top:2px; padding-left:20px; background:url(09.gif) no-repeat;font-size:11px;width:140px;}
.inputsub{margin-left:5px;}
#nav{width:960px; background:#d7d7d7; margin:0 auto;height:56px;*height:54px;}
#menu{width:960px;float:left;height:28px;}
#menu ul{width:960px; margin:0; padding:0; list-style:none; background:#333333;height:28px;}
#menu ul li{float:left; width:119px; margin-right:1px;font-size:15px; text-align:center;background:url(navbg.gif) repeat-x;height:28px;display:block;list-style:none;}
#menu ul li a{color:#FFFFFF; width:119px;line-height:28px;display:block;}
#menu ul li a:hover{color:#FFFFFF; text-decoration:none;background:url(navbghi.gif) repeat-x;}
#menu ul li a:visited{color:#FFFFFF;}
#menu1{background:#d7d7d7; padding-top:5px;padding-bottom:5px;float:left; font-size:12px; text-align:center; width:960px;border-bottom:1px #999999 solid;}
#rednav{color:#FFFFFF; text-decoration:none;background:url(/image/navbgh.gif) repeat-x;width:119px;line-height:28px;display:block}
#menu1 p{text-align:center; font-family:"Times New Roman", Times, serif;font-size:13px;}
#menu1 a{padding:0px 2px 0px 2px;}
#banner{width:960px;margin:0 auto; padding-top:4px;background:#FFF;}
.banner{float:left;}
#ctime{width:940px; padding-left:20px; padding-top:2px;height:20px; margin-top:2px; background:url(55.gif) repeat-x; border-bottom:1px #CCCCCC solid;clear:both;}
/*center*/
#center{width:960px; margin:0 auto; clear:both; background:#FFF;}
#leftnav{}
#cright{float:right;width:785px;_width:775px;height:100%;background:#FFF;}
#content{width:600px;margin-left:10px;_margin-left:0px;float:left; clear:both; background:#FFF;}
/*content*/
#path{font-size:15px; font-weight:bold; padding:10px 0px 4px 0px; color:#333; border-bottom:1px solid #E7E7E7;}
#path a{color:#333;}
#intro{padding:5px 0px 5px 0px; color:#333; border-bottom:1px solid #E7E7E7;}
#intro2{background:url(probg.gif) repeat-x;height:298px;}
#propic{padding:20px 0px 0px 0px;float:left;position:relative}
#propic #showBig{position:absolute; top:20px;left:0;width:240px; height:200px;border:0}
#prointro{float:left;padding-top:10px;width:350px;overflow:hidden}
#prointro h1{font-size:18px;color:#9F0505;padding:8px 0px 8px 0px;width:340px;}
#prointro pre{line-height:18px;}
#prointro ul{padding:0; margin:0}
#prointro li{background:url(/image/item.gif) no-repeat 10px 5px;list-style:none;padding-left:20px;*padding-left:5px}
#prointro ul li{*padding-left:20px}
#intro3{float:right; margin-bottom:3px}
#intro3 img{margin:0px 10px 3px 0px;}
#intro4{height:265px;}
#content1{padding:10px 0px 0px 0px;}
#content1 table{width:100%;border:0px solid #CCC;border-left:1px solid #CCC;border-top:1px solid #CCC;}
#content1 table td{border-bottom:1px solid #CCC;border-right:1px solid #CCC;text-align:left;padding:3px 0px 3px 0px; padding-left:3px; font-size:11px}
#content1 table td p a{ color:#1349A5; font-weight:bold}

#content1 p{PADDING-BOTTOM:3px; PADDING-TOP:6px}
#content1 p em{color:#FF0000; font-weight:bold}
#content1 font{color:#FF0000; font-size:12px;}
#content1 h5{color:#000; font-size:12px; font-weight:bold}
#content1 h5{color:#000; font-size:12px; font-weight:bold}
#content1 li{ list-style:none; background:url(/image/item.gif) no-repeat 10px 5px ;padding-left:20px;*padding-left:5px}
#content1 ul li{*padding-left:20px}
.introduce{background:url(/image/introduce.gif) no-repeat;color:#6A0000;font-weight:bold;width:175px;height:17px; padding-top:5px; text-align:center; margin-top:15px;clear:both;}
.tab{font-size:11px;}
.line{background:#EEEEEE;}
.line1{background:#EEEEEE; width:173px; padding:3px 0px 3px 0px; text-align:center;}
.line2{width:500px;}
.modeltab{height:24px;background-color:#99ccff}
.Camerastr{height:24px;background-color:#e9d1e1} 
.tab table{width:100%;border:0px solid #CCC;margin-bottom:5px}
.tab table td{border-bottom:1px solid #CCC;border-right:0px solid #CCC;text-align:center;padding:3px 0px 3px 0px;}
/*related product*/
.related{width:100%; border-top:1px solid #CCC; clear:both;}
.releft{float:left;padding:15px 10px 15px 20px;width:130px;}
.reright{float:left;padding-top:20px;width:420px;}
#ntime{color:#cd0100;font-weight:bold;padding-left:5px}
.reright strong a{color:#1349a5;}
.reright pre{}
#promore{border-top:1px solid #CCC; padding:10px 0px 0px 0px; text-align:right; clear:both;}
#promoreb{padding:10px 0px 0px 0px; text-align:right; clear:both; display:none}
#promoreb{padding:10px 0px 0px 0px; text-align:right; clear:both;}
#promore img{display:none}
/*right nav*/
#rcenter{width:160px;margin-right:10px;_margin-right:2px;float:right; background:#FFF;}
#bright{width:161px; margin-left:2px;height:248px;background:url(/image/rbg.gif);overflow:hidden}
#bright ul{ list-style:none}
#bright li{ padding:3px 15px}
#bright li img{vertical-align:-5px}
#rt{margin:5px 0px 0px 0px;}
#rbo{margin-left:0px;}
#rtbg{background:url(rtbg.gif) repeat-x;width:163px;}
.service ul{list-style:none;}
.service ul li{list-style:none;padding-left:15px; line-height:150%; color:#333333; font-size:11px;}
.service img{padding-left:10px; padding-top:5px;}
/*left nav*/
#cleft{float:left; width:175px;background:#FFFFFF; font-size:11px; padding-top:5px;}
div#cleft{background:url(/image/pic/right_bottom.gif) #717d7d no-repeat bottom;padding:0 0 11px 0; margin-top:3px; margin-bottom:16px;margin-bottom:6px;!important;}
div#cleft .leftnav{background:url(/image/pic/right_top.gif) no-repeat top}
#cleft ul{padding:0;width:175px; list-style:none;}
#cleft ul li{padding:0;list-style:none;}
div#cleft ul li{width:165px;margin-left:5px}
div#cleft ul li.liborder{border-top:1px solid #9ca0ab; padding:3px 0px 0px 0px}
#cleft a{display:block;width:165px;color:#333;padding:3px 0px 3px 10px;}
div#cleft a{display:block;width:155px;color:#FFF;padding:3px 0 3px 10px;}
div#cleft a:hover{display:block;width:155px;color:#000;background:#a6babb; text-decoration:none; }
div#cleft div.leftnav a:link,div#cleft div.leftnav a:hover{padding:2px 0px 2px 10px;background:none}
div#cleft div.rtoplink a:link,div#cleft div.rtoplink a:hover{padding:2px 0px 2px 10px;background:none}
span.lti{color:#FFF; font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold}
div#cleft ul li.lnav{border-top:1px solid #9ca0ab;line-height:24px;}
#cleft a img{margin-left:-10px;!important;margin-left:-7px;!}
#cleft a:hover{display:block;width:165px;color:#000;background:#DDDDDD; text-decoration:none;}
.lnav1{font-weight:bold;color:#000;line-height:23px;}
.ltt{color:#fff;margin:0 2px 0 0px;}
.ltt a:hover{color:#000;background:#c1c9cb; text-decoration:none;margin:0 2px 0 0px;}
#cleft a span a:hover{display:block;width:165px;color:#000;background:#DDDDDD; text-decoration:none;}
.lti{color:#000}
.Idrs{color:#d9a501;font-size:medium;font-weight:bold;}
.Surveillance{color:#e48d00;font-size:medium;font-weight:bold;}
.PC{color:#cf7100;font-size:medium;font-weight:bold;}
.Security{color:#cb4800;font-size:medium;font-weight:bold; clear:both}
.Stand{color:#cb4800;font-size:medium;font-weight:bold;} 
.Network{color:#b70005;font-size:medium;font-weight:bold;}
.Cameras{color:#931a6a;font-size:medium;font-weight:bold;}
.Mobile{color:#6a1686;font-size:medium;font-weight:bold;}
.Matrix{color:#CC5101;font-size:medium;font-weight:bold;}
.Speed{color:#0069b7;font-size:medium;font-weight:bold;}
.Night{color:#004ea1;font-size:medium;font-weight:bold;}
.Color{color:#003487;font-size:medium;font-weight:bold;}
.Zoom{color:#005d9b;font-size:medium;font-weight:bold;}
.Lenses{color:#00769c;font-size:medium;font-weight:bold;}
.Monitors{color:#00757f;font-size:medium;font-weight:bold;}
.Fiber{color:#016660;font-size:medium;font-weight:bold;}
.Quads{color:#015d72;font-size:medium;font-weight:bold;}
.Housings{color:#007f68;font-size:medium;font-weight:bold;}
.Brackets{color:#00936f;font-size:medium;font-weight:bold;}
.Pan{color:#009a44;font-size:medium;font-weight:bold;}
.Convectors{color:#00873b;font-size:medium;font-weight:bold;}
.Decoders{color:#278839;font-size:medium;font-weight:bold;}
.Alarm{color:#006428;font-size:medium;font-weight:bold;}
.Video{color:#557d03;font-size:medium;font-weight:bold;}
.Lamps{color:#7c782e;font-size:medium;font-weight:bold;}
.Infrared{color:#3d7038;font-size:medium;font-weight:bold;}
.Power{color:#947e28;font-size:medium;font-weight:bold;}
.Filter{color:#83513a;font-size:medium;font-weight:bold;}
.Anti{color:#6c361e;font-size:medium;font-weight:bold;}
#content1 p .STYLE13{color:#0F1A74;font-weight:bold;}
/*bottom*/
#kword{width:920px; margin:0 auto; background:#FFFFFF; padding:8px 20px 10px 20px; text-align:center;color:#333; border-top:1px #CCCCCC solid; clear:both;}
#kword a{color:#333;}
#copyright{margin:0 auto;width:960px;padding-top:5px;padding-bottom:5px;text-align:center; border-bottom:1px #999 dashed;border-top:1px #999 dashed; background:#E3E3E3;}
#ccc{width:960px;margin:0 auto; background:#FFF; text-align:center;padding-top:10px;height:35px;padding-bottom:10px;font-family:Arial, Helvetica, sans-serif}
.ccc{FLOAT: left; margin-left:42px;_margin-left:27px; margin-top:15px;}
.ccc2{margin-left:33px; BACKGROUND: #fff; FLOAT: left; COLOR: #666666;line-height:15px;WIDTH: 540px;padding-top:10px; text-align:center; font-family:Arial,"宋体",}
.ccc2 a{COLOR:#666666;font-family:Arial, Helvetica, sans-serif}.position{position:absolute;right:330px}
/**/
#orderPic{text-align:center; margin-top:5px}
#orderPic img{width:61px; height:51px; margin:0 3px}
#orderPic a:link img,#orderPic a:visited img{border:1px solid #CCC} 
#orderPic a:hover img{ border:1px solid #ff9600}
/*下载*/
#intro3 a:link.download1,#intro3 a:visited.download1{ display:block; width:117px; height:18px; background:url(/image/download.gif) no-repeat; float:right; margin-bottom:3px;margin-right:5px}
#intro3 a:hover.download1{background:url(/image/download.gif) no-repeat 0 -22px; }
#intro3 a:link.download2,#intro3 a:visited.download2{ display:block; width:139px; height:18px; background:url(/image/download.gif) no-repeat -122px 0;float:right; margin-right:5px}
#intro3 a:hover.download2{background:url(/image/download.gif) no-repeat -122px -22px}
#intro3 a:link.mailto,#intro3 a:visited.mailto{ display:block; width:68px; height:18px; background:url(/image/download.gif) no-repeat -268px 0;float:right;margin-right:5px}
#intro3 a:hover.mailto{background:url(/image/download.gif) no-repeat -268px -22px}
div#intro3 a:link.download2,div#intro3 a:link.download1{display:none}