html,body { height:100% } html,body,div,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd,p,blockquote,pre,form,fieldset,table,th,td,span { margin:0; padding:0 } a { color:#ea5514; font-family:Arial, Helvetica, sans-serif; font-size:9px; outline:none; text-decoration:none } a:hover { color:#666; cursor:pointer; font-size:9px; margin:0; padding:0; text-decoration:none } img { border:0 } li,ol { list-style:none } i,em { font-style:normal } BODY { background-image:url(../img/index_bg.jpg); background-repeat:repeat-x; margin:0; padding:0; text-align:center } #wrap { background-image:url(../img/wrap_bg.jpg); background-position:center 100px; background-repeat:no-repeat; margin:0; padding:0; width:100% } #header { height:100px; margin:0 auto; position:relative; width:1000px } #header H1 {
	color:#787878;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:400;
	height:12px;
	margin:0;
	padding:0;
	position:absolute;
	top:50px;
	width:220px;
	left: 12px;
}
#header p { height:19px; left:12px; position:absolute; top:25px; width:207px } #header .nav { float:right; position:absolute; right:15px; top:8px; z-index:99 } 
ul.menu {
	float: right;
}
ul.menu li {
	float: left;
	height: 100px;
	width: 120px;
}
ul.menu a {
	display: block;
	height: 100px;
	width: 120px;
	line-height: 60px;
	text-align: center;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
ul.menu a.nav_01 {
	background-image: url(../img/nav_01.png);
}
ul.menu a.nav_01:hover {
	background-image: url(../img/nav_01-hover.png);
}
ul.menu a.nav_02 {
	background-image: url(../img/nav_02.png);
}
ul.menu a.nav_02:hover {
	background-image: url(../img/nav_02-hover.png);
}
ul.menu a.nav_03 {
	background-image: url(../img/nav_03.png);
}
ul.menu a.nav_03:hover {
	background-image: url(../img/nav_03-hover.png);
}
ul.menu a.nav_04 {
	background-image: url(../img/nav_04.png);
}
ul.menu a.nav_04:hover {
	background-image: url(../img/nav_04-hover.png);
}
ul.menu a.nav_05 {
	background-image: url(../img/nav_05.png);
}
ul.menu a.nav_05:hover {
	background-image: url(../img/nav_05-hover.png);
}
ul.menu a.nav_06 {
	background-image: url(../img/nav_06.png);
}
ul.menu a.nav_06:hover {
	background-image: url(../img/nav_06-hover.png);
}
ul.hMu { clear:both; height:100px; margin:0; padding:0; position:absolute; right:0; top:0; width:600px } ul.hMu li { display:inline; float:left; margin:0 } ul.hMu li a { display:block; height:100px; overflow:hidden; position:relative } ul.hMu li a em { background:url(../img/nav_bg.gif) no-repeat; height:200px; left:0; overflow:hidden; position:absolute; text-indent:-300px; top:0 } ul.hMu li a.pro em { background-position:0 0; width:120px } ul.hMu li a.pro:hover em { background-position:0 -100px; width:120px } ul.hMu li a.ser em { background-position:-120px 0; width:120px } ul.hMu li a.ser:hover em { background-position:-120px -100px; width:120px } ul.hMu li a.cas em { background-position:-240px 0; width:120px } ul.hMu li a.cas:hover em { background-position:-240px -100px; width:120px } ul.hMu li a.abt em { background-position:-360px 0; width:120px } ul.hMu li a.abt:hover em { background-position:-360px -100px; width:120px } ul.hMu li a.cnt em { background-position:-480px 0; width:120px } ul.hMu li a.cnt:hover em { background-position:-480px -100px; width:120px } #content {
	background-image:url(../img/index_content_bg.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	height:268px;
	padding-bottom:15px;
	width:1000px;
	margin-right: auto;
	margin-left: auto;
} #content .left {
	background-image:url(../img/index_product_bg.gif);
	background-position:15px 23px;
	background-repeat:no-repeat;
	float:left;
	height:240px;
	padding-left:15px;
	padding-top:30px;
	width:390px
} #content .right {
	background-image:url(../img/index_service_bg.gif);
	background-position:10px 23px;
	background-repeat:no-repeat;
	float:left;
	height:268px;
	padding-right:10px;
	width:585px
} #content h2 {
	color: #333;
	height: 14px;
	float: left;
	width: 384px;
	text-align: left;
	padding-top: 18px;
	padding-bottom: 10px;
	font: normal 12px/14px Arial, Helvetica, sans-serif;
}#content .info {
	float:left;
	height:164px;
	width:380px;
	background-image: url(../img/cctv_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	padding-top: 12px;
	text-align: left;
	padding-left: 4px;
	font-size: 12px;
} #content .box { float:left; margin:0; padding-top:70px; width:585px } #content .box .leftbox { float:left; height:140px; width:289px } #content .box .rightbox { float:left; height:140px; padding-left:7px; width:289px } #content p { color:#6d6d6d; float:left; font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:18px; margin:0; padding-left:10px; text-align:left; width:570px } #footer { background-image:url(../img/footer_bg.gif); background-position:left top; background-repeat:repeat-x; height:80px } #foot { clear:both; height:80px; margin:0 auto; padding:0; position:relative; width:1000px } ul.nav {
	float: left;
	height: 14px;
	left: 0;
	line-height: 14px;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: left;
	top: 15px;
	width: 740px
} ul.nav li { background-image:url(../img/navi_icon.gif); background-position:right center; background-repeat:no-repeat; display:inline; float:left; margin:0; padding:0 22px 0 15px } ul.nav li a { color:#787878; font-family:Verdana, Geneva, sans-serif; font-size:12px; text-decoration:none } ul.nav li a:hover { color:#ea5514; font-size:12px } #foot .copyright { color:#787878; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; left:15px; line-height:14px; margin:0; padding:0; position:absolute; text-align:left; top:40px; width:300px } #foot .copyright a { color:#787878; font-size:12px } #foot .copyright a:hover { color:#787878 } #foot .design { color:#CCC; float:right; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px; line-height:14px; margin:0; padding:0; position:absolute; right:15px; top:15px } #foot .design a { color:#999; font-size:12px } #foot .design a:hover {
	color:#ea5514;
	font-size:12px;
	text-decoration:none
} 
#foot .counter{
	width: 200px;
	position: absolute;
	float: left;
	top: 40px;
	left: 320px;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	overflow: hidden;
	height: 20px;
}
#foot iframe {
	border:0;
	}

ul.hMu li a.pro,ul.hMu li a.ser,ul.hMu li a.cas,ul.hMu li a.abt,ul.hMu li a.cnt { width:120px }
*{ margin:0; padding:0; list-style:none;}
#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#ffffff;}
#visual { width:1000px; height:350px; margin:0px auto; background:#333; position:relative; overflow:hidden;}
#visual .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#visual .oUlplay li{ float:left;}
#visual .pre{ cursor:pointer; width:45px; height:45px; background:url(../img/l.png) no-repeat; position:absolute; top:152px; left:10px; z-index:10;}
#visual .next{ cursor:pointer; width:45px; height:45px; background:url(../img/r.png) no-repeat; position:absolute; top:152px; right:10px; z-index:10;}
#visual .smalltitle {width:1000px; height:10px; position:absolute; bottom:15px; z-index:10}
#visual .smalltitle ul{ width:120px; margin:0 auto;}
#visual .smalltitle ul li{ width:10px; height:10px; margin:0 5px; border-radius:10px; background:#ffffff; float:left; overflow:hidden;*display:inline;*zoom:1;}
#visual .smalltitle .thistitle{ background:#69aaec;}