@charset "UTF-8";

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	/*line-height: 1;*/
	background-color:#D6D6D6;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

input {
	font-family:Arial;
	}

/* *** Float containers fix:
       http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
 .clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

body {
	font-size: 12px;
	font-family: Arial;
	/*background: #d6d6d6 url('../images/bg.png') repeat-y center top;*/
}

a {
	color: #346fa4;
	text-decoration: none;
}

a:hover {
	color: #e21f40;
}

input.text {
	border: solid #7F9DB9 1px;
	padding: 2px;
}

textarea.text {
	border: solid #7F9DB9 1px;
	padding: 2px;
}

.access {
	display: none;
}

.error {
	color: red;
}

.leftf {
	display: block;
	float: left;
}

.rightf {
	display: block;
	float: right;
	text-align: right;
}

.pagewrap {
	width: 921px;
	margin: 0 auto;
	padding-left: 14px;
	padding-right: 15px;
	background: url('../images/bg.png') repeat-y center top;
}

#navtop .logo{
	background:url('../images/top.png') no-repeat left top;
	width: 921px;
	height: 106px;
}

#navtop .logo .lang{
	width: 56px;
	height: 17px;
	float:right;
	padding-right: 5px;
	text-indent: -5000px;
	display:block;
	margin-top: 74px;
}

#navtop .logo .lang_chn{
	background:url('../images/btn_chn.png') no-repeat left top;
}

#navtop .logo .lang_eng{
	background:url('../images/btn_eng.png') no-repeat left top;
}

#navtop .top_list{
	height:35px;
	width: 921px;
	background: url('../images/nav_line.png') repeat-x left top;
}

#navtop .top_list .list_start{
	background:url('../images/nav_start.png') no-repeat left top;
	height: 35px;
	width: 10px;
	float:left;
}

#navtop .top_list .list_end{
	background:url('../images/nav_end.png') no-repeat right top;
	height: 35px;
	width: 287px;
	float:right;
}

.index #navtop .topbanner{
	height: 260px;
	/*width: 921px;
	background: url('../images/en/topbanner1.png') no-repeat left top;*/
}

.contact #navtop .topbanner{
	height: 193px;
	width: 921px;
	background: url('../images/topbanner4.png') no-repeat left top;
}
.contact #navmid .midcol h2.x{
	background:url('../images/en/contactus_h2_2.png') no-repeat left top;
	height: 66px;
	width: 143px;
	text-indent: -5000px;
	/*
	font-size: 18px;
	font-weight: bold;
	text-indent: 0px;
	padding: 20px 0px;
	margin-left: 29px;
	height: auto;*/
}

.contact #navmid .midcol .information {
	padding-bottom:30px;
	}

.contact #navmid .midcol .information div{
	float: left;
	width: 280px;
	font-size: 14px;
	padding: 4px 2px;
}

.contact #navmid .midcol .information div h3 {
	color:#3f3f3f;
	}

.contact #navmid .midcol .information div.allwidth{
	width: 560px;
}

.contact #navmid .midcol .information div span.title {
	display:block;
	float:left;
	width:79px;
	color:#1c1c1c;
	font-size:11px;
	font-weight:bold;
	}

.contact #navmid .midcol .information div span.txt {
	display:block;
	float:left;
	width:180px;
	font-size:12px;
	
	}


.contact #navmid .midcol .information div.allwidth span.txt {
	width:466px;
}

.contact h2 .red{
	color:#F00;
}

.contact #navmid .midcol .board{
	width: 581px;
	background:url('../images/contact_line.png') repeat-y left top;
	margin-top: 26px;
}

.contact #navmid .midcol .board .top{
	width: 581px;
	height: 10px;
	background:url('../images/contact_line_top.png') no-repeat left top;
}

.contact #navmid .midcol .board .middle{
	padding: 14px 22px;
	padding-bottom: 24px;
	background:url('../images/contact_line_bottom.png') no-repeat left bottom;
}

.contact #navmid .midcol .board .middle input, .contact #navmid .midcol .board .middle select{
	width: 169px;
	border: 1px solid #868585;
}

.contact #navmid .midcol .board .middle div{
	color:#000;
	font-size: 12px;
	float:left;
	margin-bottom: 25px;
	/*line-height: 1;*/
}

.en #navmid .midcol .board .middle div {
	font-size: 11px;
}

.contact #navmid .midcol .board .middle .greenit{
	color: #1F9208;
}
.contact #navmid .midcol .board .middle .name{
	width: 90px;
}

.contact #navmid .midcol .board .middle .inputarea{
	width: 171px;
}

.contact #navmid .midcol .board .middle .name2{
	width: 73px;
	margin-left: 25px;
}

.contact #navmid .midcol .board .middle .name3{
	width: 400px;
	margin-bottom: 0px;
}

.contact #navmid .midcol .board .middle textarea{
	width: 527px;
	height: 100px;
	border: 1px solid #868585;
}

.contact #navmid .midcol .board .middle .btn{
	padding: 1px;
	border: none;
	width: 58px;
	height: 20px;
	float: right;
	margin-left: 17px;
	text-indent: -5000px;
}

.contact #navmid .midcol .reset{
	background:url('../images/en/contact_reset.png') no-repeat left top;
}

.contact #navmid .midcol .submit{
	background:url('../images/en/contact_submit.png') no-repeat left top;
}

#navtop ul{
	list-style: none;
	float: left;
}

#navtop ul li{
	float:left;
	padding: 0px 22px;
	background: url('../images/nav_sep.png') no-repeat right top;
}

.en #navtop ul li {
	padding: 0px 17px;
	}

#navtop ul li.no_sep{
	background: none;
}

#navtop ul li a{
	width: 48px;
	height: 35px;
	text-indent: -5000px;
	display:block;
}

#navtop ul li a.main{
	background: url('../images/en/nav_main.png') no-repeat left top;
}

#navtop ul li a:hover.main{
	background: url('../images/en/nav_mainb.png') no-repeat left top;
}



#navtop ul li a.aboutus{
	background: url('../images/en/nav_aboutus.png') no-repeat left top;
}

#navtop ul li a:hover.aboutus{
	background: url('../images/en/nav_aboutusb.png') no-repeat left top;
}
.en #navtop ul li a.aboutus {
	width:63px;
	}

#navtop ul li a.product{
	background: url('../images/en/nav_product.png') no-repeat left top;
}

#navtop ul li a:hover.product{
	background: url('../images/en/nav_productb.png') no-repeat left top;
}

.en #navtop ul li a.product {
	width:63px;
	}

#navtop ul li a.success{
	background: url('../images/en/nav_success.png') no-repeat left top;
}

#navtop ul li a:hover.success{
	background: url('../images/en/nav_successb.png') no-repeat left top;
}

.en #navtop ul li a.success {
	width:104px;
	}

#navtop ul li a.contactus{
	background: url('../images/en/nav_contactus.png') no-repeat left top;
}

#navtop ul li a:hover.contactus{
	background: url('../images/en/nav_contactusb.png') no-repeat left top;
}

.en #navtop ul li a.contactus{ 
	width:104px;
	}

#navmid {
	width: 921px;
	border-bottom: 1px solid #dddddd;
}

.index #navmid {
	background:url('../images/main_bg2.png') no-repeat left top;	
}
	
.index #navmid .leftcol{
	width: 465px;
	float:left;
	padding-left :10px;
	padding-right :15px;	
	_padding-right: 10px;
}

.index #navmid .midcol{
	width: 410px;
	float:left;
	padding-left :16px;
	
}

.index #navmid .title_h2{
	height: 15px;
}

.index #navmid .title_aboutus_h2{
	background: url('../images/en/aboutus_h2.png') no-repeat 4px top;
	width: 460px;
}

.index #navmid .title_coop_h2{
	background: url('../images/en/coop_h2.png') no-repeat 4px top;
	width: 460px;
}

.index #navmid .title_product_h2{
	background: url('../images/en/product_h2.png') no-repeat 4px top;
	width: 395px;
}

.index #navmid .title_offer_h2{
	background: url('../images/en/offer_h2.png') no-repeat 4px top;
	width: 395px;
}

.index #navmid .leftcol .aboutus_brift{
	background:url('../images/en/aboutus_img.png') no-repeat left top;
	height: 97px;
	width: 465px;
	margin-top: 7px;
	text-indent: -5000px;
	display:block;
}

.index #navmid .leftcol .coop_list{
	padding-top: 6px;
}

.index #navmid .leftcol .coop_list a{
	margin-bottom: 3px;
	margin-right: 8px;
	text-indent: -5000px;
	height: 40px;
	width: 100px;
	display: block;
	float:left;
}

.index #navmid .box{
	margin-bottom: 21px;
}

.index #navmid a.more{
	padding-right: 6px;
	background: url('../images/dot.png') no-repeat right center;
	float:right;
	color: #9a9b96;
}

.index #navmid a.more:hover {
	color:#346FA4;
	}


.index #navmid .midcol .product_list{
	margin-top: 4px;
}

.index #navmid .midcol .product_list a{
	width: 131px;
	height: 49px;
	text-indent: -5000px;
	margin-right: 4px;
	margin-top: 4px;
	float:left;
}

.index #navmid .midcol a.item_telsys{
	background:url('../images/en/product1.png') no-repeat left top;
}

.index #navmid .midcol a.item_telsys:hover{
	background:url('../images/en/product1b.png') no-repeat left top;
}

.index #navmid .midcol a.item_compack{
	background:url('../images/en/product2.png') no-repeat left top;
}

.index #navmid .midcol a.item_compack:hover{
	background:url('../images/en/product2b.png') no-repeat left top;
}

.index #navmid .midcol a.item_cctv{
	background:url('../images/en/product3.png') no-repeat left top;
}

.index #navmid .midcol a.item_cctv:hover{
	background:url('../images/en/product3b.png') no-repeat left top;
}

.index #navmid .midcol a.item_radsys{
	background:url('../images/en/product4.png') no-repeat left top;
}

.index #navmid .midcol a.item_radsys:hover{
	background:url('../images/en/product4b.png') no-repeat left top;
}

.index #navmid .midcol a.item_voip{
	background:url('../images/en/product5.png') no-repeat left top;
}

.index #navmid .midcol a.item_voip:hover{
	background:url('../images/en/product5b.png') no-repeat left top;
}

.index #navmid .midcol a.item_engserv{
	background:url('../images/en/product6.png') no-repeat left top;
}

.index #navmid .midcol a.item_engserv:hover{
	background:url('../images/en/product6b.png') no-repeat left top;
}

.index #navmid .midcol .downloadoffer{
	background: url('../images/en/offer_image.png') no-repeat left top;
	height: 74px;
	width: 402px;
	text-indent: -5000px;
	display:block;
}

.product #navmid {
	background: url('../images/leftnav_base.png') no-repeat left bottom;
	}

.product #navmid .leftcol{
	width: 213px;
	border-right: 1px solid #E0E0E0;
	
	padding-bottom: 175px;
	float:left;
}

.product #navmid .midcol{
	width: 656px;
	float:left;
	margin-left: 25px;
	
}

.product #navmid .midcol .product_location_bg{
	padding-bottom: 17px;
	background: url('../images/product_title_underline.png') repeat-x left bottom;
	width: 656px;
	height: 21px;
	margin-top: 13px;
}

.product #navmid .midcol .product_location{
	padding: 5px 0px;
	padding-left: 134px;
	background: url('../images/en/product_img2.png') no-repeat left top;
	color: #707070;
	font-weight:bold;
}

.product #navmid .midcol .product_location span{
	padding-left: 17px;
	color: #B0AFAF;
}

.product #navmid .leftcol ul.product_list{
	list-style: none;
	margin-left: 24px;
}
	
.product #navmid .leftcol ul.product_list li{
	width: 167px;
	height: 28px;
	padding-top: 7px;
	background:url('../images/leftnav_board.png') no-repeat left top;
}

.product #navmid .leftcol ul.product_list li a{
	padding-left: 10px;
	color: #000;
}

.product #navmid .leftcol ul.product_list li a:hover {
	color:#346fa4;
	font-weight:bold;
	}

.product #navmid .leftcol .bgtop{
	width: 212px;
	height: 66px;
	background: url('../images/leftnav_top.png') no-repeat left bottom;
}

.product_sub #navmid .midcol .product_item_list{
	margin-top: 20px;
	border-bottom: 1px solid #BBBBBB;
	margin-bottom: 14px;
}

.product_sub #navmid .midcol .product_item_list a{
	width: 290px;
	height: 100px;
	float:left;
	margin-left:16px;
	margin-right:17px;
}

.product_sub #navmid .midcol .product_item_list a .photo{
	text-align:center;
	width: 100px;
	float:left;
}

.product_sub #navmid .midcol .product_item_list a img{
	width: 72px;
	height: auto;
	float:left;
}

.product_sub #navmid .midcol .product_item_list a .brief{
	width: 145px;
	padding-left: 20px;	
	padding-right: 25px;
	height: 40px;
	float:left;
	background:url('../images/product_item_bg.png') repeat-y left top;
	color: #767676;
	font-weight: bold;
	line-height: 18px;
}

.product_sub #navmid .midcol .product_item_list a .brief:hover {
	color:#000000;
	background:url('../images/product_item_bgb.png') repeat-y left top;
	}

.aboutus #navtop .topbanner{
	width:921px;
	height: 193px;
	background: url('../images/topbanner2.png') no-repeat left top;
}

.success #navtop .topbanner{
	width:921px;
	height: 193px;
	background: url('../images/topbanner3.png') no-repeat left top;	
}
.common #navmid {
	background: url('../images/mid_bg.png') repeat-y left top;
	}

.common #navmid .leftcol{
	float:left;
	width: 217px;
	/*border-right: 4px solid #D4D4D4;*/
	
}

/**.contact #navmid .leftcol{
	border-right: 2px solid #F1F1F1;	
}**/

.aboutus #navmid .leftcol{
	height: 515px;
	background: url('../images/aboutus_leftcol.png') no-repeat left top;
}

.success #navmid .leftcol{
	height: 354px;
	background: url('../images/success_leftcol.png') no-repeat left top;
}
.contact #navmid {
	background: url('../images/contact_bg2.png') repeat-y left top;
	}

.contact #navmid .leftcol{
	height: 580px;
	width: 205px;
	background: url('../images/contact_bg.png') no-repeat left bottom;
}

.common #navmid .midcol{
	margin-left: 12px;
	float:left;
}
	
.common #navmid .midcol h2{
	height: 66px;
	width: 194px;
	text-indent: -5000px;
}

.aboutus #navmid .midcol h2{
	background: url('../images/en/aboutus_h2_2.png') no-repeat left top;
}

.success #navmid .midcol h2{
	background: url('../images/en/success_h2_2.png') no-repeat left top;
}


.common #navmid .midcol .content{
	margin-left: 58px;
	width: 612px;
	padding-bottom: 60px;
	background:url(../images/contactus_end.png) no-repeat right bottom;
	margin-bottom: 20px;
}
	
.aboutus #navmid .midcol .content{
	background: url('../images/aboutus_end.png') no-repeat right bottom;
}

.success #navmid .midcol .content{
	background: url('../images/success_end.png') no-repeat right bottom;
	padding-bottom: 67px;
	margin-left: 0px;
	margin-top: 17px;
	padding-right: 66px;
	_padding-right: 33px;
}

.success #navmid .midcol .content .case{
	margin-bottom: 15px;
	float:left;
	margin-right: 23px;
}

.success #navmid .midcol .content .name{
	width: 240px;
	float:left;
	text-align:center;
	padding: 10px 0px;
	font-size: 15px;
}

.success #navmid .midcol .content a{
	background:url('../images/pdf.png') no-repeat right top;
	float:left;
	display: block;
	height: 37px;
	width: 40px;
	text-indent: -5000px;
}

.aboutus #navmid .midcol .content span.a_txt {
	padding-right:53px;
	line-height:20px;
	font-size:12px;
	}
.aboutus #navmid .midcol .content ul li{
	padding-left: 10px;
	background: url('../images/aboutus_dot.png') no-repeat left 2px;
	padding-right:32px;
}


.pager{
	float:right;
	width: 240px;
	text-align:right;
	padding-bottom: 10px;
}

.pager a.pageprev{
	background:url('../images/product_left.png') no-repeat left center;
	padding-left: 14px;
}

.pager a.pagenext{
	background:url('../images/product_right.png') no-repeat right center;
	padding-right: 14px;
}


.current_page{
	padding: 0px 4px;
	/*background-color:#FFC;*/
	margin: 0px 2px;
	font-weight: bold;
}

.other_page{
	padding: 0px 4px;
	/*background-color:#C9F4FE;*/
	margin: 0px 2px;
}

.product_detail #navmid .midcol .information{
	padding-top: 6px;
	padding-bottom: 27px;
	border-bottom: 1px solid #BBBBBB;
	margin-bottom: 15px;
}

.product_detail #navmid .midcol dl{
	background-color: #ECF0F3;
}					

.product_detail #navmid .midcol dl.whilebg{
	background-color: #FFF;
}					

.product_detail #navmid .midcol dt{
	padding-top: 6px;
	color: #9C9C9C;
	padding-left: 2px;
	width: 88px;
	text-align:left;
	float:left;
}

.product_detail #navmid .midcol dd{
	float:left;
	width: 530px;
}

.product_detail #navmid .midcol dd.name{
	padding: 20px 0px;
	text-align: center;
	color: #275E9B;
	font-size: 14px;
	font-weight:bold;
}

.product_detail #navmid .midcol dd.content{
	padding: 22px 0px;
}

.product_detail #navmid .midcol dd.photo{
	text-align:center;
	padding: 20px 0px;
}

#navbase{
	color:#9a9b96;
}

#navbase .bottom_list {
	background-color: #eaeaea;
	border-top: 1px solid #FFF;
	display:block;
	height: 31px;
	border-bottom: 1px solid #b9bba5;
}
#navbase .bottom_list ul{
	list-style:none;
	padding-left: 18px;
	padding-top: 10px;
	float:left;
}

#navbase .bottom_list .copyright{
	padding: 3px 4px;
	padding-top: 10px;
	font-size: 11px;
	
}

#navbase .bottom_list  ul li{
	display:inline;
	padding: 0px 6px;
	background:url('../images/nav_sep2.png') right center no-repeat;
}

#navbase .bottom_list  ul li.no_sep{
	background: none;
	padding-right: 0px;	
}

#navbase .bottom_list  ul li a{
	font-size: 11px;
	color: #9a9b96;
}

#navbase .designedby{
	width: 921px;
	padding-top: 2px;
	padding-bottom: 8px;
	border-top: 1px solid #dddddd;
	color:#cbc9c9;
	font-size:9px;
	font-weight: bold;
}

span.msg{
	margin: 0x;
	padding: 0px;
	margin-left: 20px;
	width: 360px;
	font-size: 14px;
	color:#00F;
	display: block;
}