/*酷马 
20081006
zhanjs@gmail.com
*/

/*基础*/
* {margin:0;padding:0;}
body {font: 80%/1.8em arial, helvetica, sans-serif;background: #004964 url(bg.gif) repeat-x 0 0;color: #c7e2ec;/* 	color: #dff0f6; */}
a {color: #e9f4f8;text-decoration:none;}
a:hover, a:focus {color: #fff;}
img{border:0;}
h2 {font-size: 1.6em;color: #fff;margin:20px 0 ;border-bottom: 1px dotted #3a7489;padding: 0 5px;}
h3 {font-size: 1.2em;margin:20px 0 10px 0;border-bottom: 1px dotted #3a7489;padding: 0 5px;color: #dff0f6;text-transform: uppercase;}
h4 {margin: 10px 5px;font-size: 1.2em;color: #dff0f6;}
p {font-size:1em;}
ul,ol {font-size:1em;}
form{margin:30px auto;}

/*布局*/
#brand{width:990px;margin:80px 0 0 0;position:absolute;top:0;}
#content {width:1000px;background: url(vdot.gif) repeat-y 240px 0;padding: 80px 0 0 0;}
#col1 {width:240px;float:left;}
#col2 {float:left;padding:0 0 0 40px;width:720px;}
#footer {border-top: 1px dotted #3a7489;width: 100%;background: url(footer-bg.gif) repeat-x 0 0;}
#copyright {padding: 10px 0 5px 280px;border-bottom: 1px solid #004964;background: url(vdot.gif) repeat-y 240px 0;}


/* ClearFix */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/*导航*/
#nav {list-style:none;background:#0e4961 url(vdot.gif) repeat-y 240px 0;padding:8px 0 5px 258px;border-bottom:1px dotted #3a7489;height:35px;}
#nav ol{width:845px;}
#nav li {float:left;font-size:0.9em;display:inline;margin:0 0 0 12px;}
#nav li a {display:block;text-decoration:none;padding:3px;color:#fff;}
#nav li a:hover {color:#8cc63f;}
#nav li a span {display:block;padding:3px 6px;}
#nav  li a.on{background:url(nav-left.gif) no-repeat left;color:#fff;}
#nav li a.on span{background:url(nav-right.gif) no-repeat right;}

#nav  li a.o2{background:url(nav-left.gif) no-repeat left;color:#fff;}
#nav li a.o2 span{background:url(nav-right.gif) no-repeat right;}


/*LOGO*/
#logo {width:240px;float: left;background: url(logo.gif) no-repeat 50px 0;height: 50px;text-indent: -9999px;border: 0;display: block;}
#logo img {display:none;}
#brand h1 {width:70%;float:left;text-indent: -9999px;background: url(banner.gif) no-repeat 40px 0px;height:50px;}

/*WORKWITHUS*/
#workwithus {padding:15px 0;background:#084f69;margin:20px 0;border:1px dotted #2d6579;width:700px;clear:both;}
#workwithus h2{border:0;margin:0 0 0 15px;}
#workwithus b {border:0;margin:0 0 0 20px;color:#8cc63f}
#workwithus p {padding:0 20px;}

/*搜索*/
#search {padding: 15px 0 0 38px;}
#search fieldset {border:0;}
#search .search-field {width:100px;margin:0 5px 0 0;font:0.9em;padding:2px;background:#fff;border:1px solid #fff;}
#search .search-field:focus {background:#e9ffd2;border:1px solid #8cc63f;}
#search .search-button {width:auto;padding:2px 5px;background:#8cc63f;color:#fff;border:0;cursor:pointer;margin:0;}

#main-content {padding: 0 0 20px;min-height:320px;}
#main-content ul li {list-style: none;padding: 0 0 1em 12px;background: url(bullet.gif) no-repeat 0 7px;}
#main-content ol {padding: 0 0 0 25px;}
#main-content ol li {padding: 0 0 1em;}
#main-content ol li p,#main-content ul li p {font-size: 1em;}
#main-content ul {margin: 0 0 15px;}

.l1{float:left;width:350px;height:240px;margin:0;}
.l1 p{padding:0 30px 0 0;}
.l2{float:left;width:360px;height:240px;margin:0 3px 0 0;}
.l3,.l4,.l5{float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 5px;font-size:0.9em;height:150px;}
.l3 h3,.l4 h3,.l5 h3{font-size:14px;margin:15px 5px;}
.l3 ul li,.l4 ul li,.l5 ul li{list-style-type:none;line-height:1em;}
.l3 ul li a,.l4 ul li a,.l5 ul li a{text-decoration:none;}
.l3{width:220px;margin:-20px 40px 0 0;}
.l4{width:220px;margin:-20px 40px 0 0;}
.l5{width:140px;margin:-20px 5px 0 0;}

#infozone{font-size:0.9em;overflow:hidden;height:20px;margin:0 0 30px 60px;}
#infozone div{white-space:nowrap;overflow:hidden;}

.zjs {margin: -80px 0 0;position: relative;z-index: 100;}
#col1 p{margin:30px auto;}
.productlist{width:44%;margin:2% 2% 2% 0;padding:10px;float:left;background:#084f69;border:1px dotted #2d6579;}
.productlist h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:95%;}

#zjsnews{width:204px;margin:60px 15px 15px 15px;border:1px dotted #3a7489;}
#zjsnews h3{color:#8cc63f;font-size:1em; margin:5px;}
#zjsnews ul{margin:0;padding:0 5px;}
#zjsnews ul li{
	margin:5px 0;
	padding:0 7px;
	font-size:0.9em;
	list-style-type: none;
	background-image: url(bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 center;
	overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
	width:184px;
}
#download{
	background-image: url(down.png);
	background-repeat: no-repeat;
	padding:15px 0 15px 120px;
	margin:20px 0;
	border:1px dotted #2d6579;
	width:580px;
	clear:both;
	background-color: #084f69;
	background-position: 6px 5px;
}
#download p{padding:0 20px;}

/* tablecloth styles */
table, td{font-size:1em;}
table, td a{color:#fff;}
table, td a:hover{color:#8cc63f}

table{width:100%;border-collapse:collapse;margin:1em 0;}
th, td{text-align:left;padding:.5em;border:1px dotted #2d6579;}
th{background:#328aa4 url(tr_back.gif) repeat-x;color:#fff;}
td{background:#084f69;}