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

/*基础*/
* {margin:0;padding:0;}
body {font:62.5%/1.8em "Arial",Arial;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;text-decoration: underline;}
img {border:0;}
h2 {font-size:1.8em;font-weight:normal;color:#fff;margin:30px 0 20px;border-bottom:1px dotted #3a7489;padding:0 0 5px;}
h3 {font-size: 1.2em;margin:15px 0 10px 0;border-bottom: 1px dotted #3a7489;padding: 0 0 5px 0;color: #dff0f6;text-transform: uppercase;}
h4 {margin: 10px 5px;font-size: 1.2em;color: #dff0f6;}
p {font-size:1.2em;margin:0 0 10px 0;}
ul,ol {font-size: 1.2em;}
form{margin:30px auto;}

/*布局*/
#brand{width:1000px;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;height:200px;}
#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: 16px 0 0 280px;border-bottom: 1px solid #004964;background: url(vdot.gif) repeat-y 240px 0;}
#copyright p{margin:0 0 7px 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;}

/*more*/
p.more {width:100%;clear:both;}
a.more, p.more a {padding: 0 0 0 15px;background: url(more-icon.gif) no-repeat 0 6px;display: block;margin:-10px 0 0 0}

/*导航*/
#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:745px;}
#nav li {float:left;font-size:0.9em;display:inline;margin:0 0 0 15px;}
#nav li a {display:block;text-decoration:none;padding:5px;color:#fff;}
#nav li a:hover {color:#8cc63f;}
#nav li a span {display:block;padding:5px 9px;}
#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.o3{background:url(nav-left.gif) no-repeat left;color:#fff;}
#nav li a.o3 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 -5px;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;}
#workwithus img{margin:10px;}

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

#main-content {padding: 0 0 20px;}
#main-content ul li {list-style: none;padding: 0 0 0.5em 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;}
.zjs {margin: -80px 0 0;position: relative;z-index: 100;}
.cn-en{text-align:center;font-size:1.2em;margin:15px 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%;}

.l1{float:left;width:350px;height:240px;margin:3px 0;}
.l1 p{padding:0 30px 0 0;}
.l2{float:left;width:360px;height:240px;margin:3px 3px 3px 0;padding:10px 0;}
#infozone{font-size:0.9em;overflow:hidden;height:20px;margin:0 0 30px 60px;}
#infozone div{white-space:nowrap;overflow:hidden;}

#services, #news {width:45%;max-width: 320px;float: left;margin:-40px 0 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#services {padding: 0 20px 0 0;}
#news {padding: 0 0 0 20px;}

p#rss {padding: 280px 30px 0;}
p#rss a {background: url(rss.gif) no-repeat 0 2px;padding: 0 0 3px 18px;position: static;text-decoration: underline;}

#zjsnews{width:80%;margin:60px 9%;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;
	padding:0 10px;
	font-size:0.9em;
	list-style-type: none;
	background-image: url(bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;
}
#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;}

/* table styles */
table, td{font-size:1.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;}