@import url("images/common.css");
* {	word-wrop:break-wrod;}

html,body {	background: #708aa1;	text-align: left;}
body, td, input, textarea, select, button {	color: #545454;	font: 12px/1.6em Tahoma,Arial, sans-serif;	line-height:20px;}
input, textarea, select, button{	vertical-align:middle;}
body, ul, li, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset {	margin: 0;	padding: 0;}
img{    vertical-align:middle;}
.hr{ border-top:1px solid #ccd5de; height:0 ; margin:15px 0; font-size:0; line-height:0;}
h1, h2, h3, h4, h5, h6 {	font-size: 1em;}
h1{	background:url(images/h1-bg.gif) no-repeat bottom left;	font-family:Tahoma, Arial, sans-serif;	font-size:14px;	padding-bottom:12px;	margin-bottom:15px;}
a {	color: #387db4;	text-decoration: none;}
	a:hover {		text-decoration: underline;		color:#333;	}
	a img {		border: none;	}
ol,ul,li{list-style:none}/*列表属性:无*/
.clear{	clear:both;	font-size:0;	line-height:0;	height:3px;}		
/*wrap:*/
.wrap {	width: 900px;	background: #708aa1 url(images/bg.gif) repeat-y left;}
/*content:*/		
.content {	padding:10px;}
.main{	float:right;	width:715px;}
.side{	float:left;	width: 185px;}
/*pic:*/
.index-pic {background:url(images/index-pic.jpg) no-repeat;height:205px;}
.about-pic {background:url(images/about-pic.jpg) no-repeat;height:150px;}
.news-pic {background:url(images/about-pic.jpg) no-repeat;height:150px;}
.ad-pic {background:url(images/ad-pic.jpg) no-repeat;height:150px;}
.announce-pic {background:url(images/announce-pic.jpg) no-repeat;height:150px;}
.contact-pic {background:url(images/contact-pic.jpg) no-repeat;height:150px;}
.link-pic {background:url(images/link-pic.jpg) no-repeat;height:150px;}
.job-pic {background:url(images/job-pic.jpg) no-repeat;height:150px;}
.faq-pic {background:url(images/faq-pic.jpg) no-repeat;height:150px;}
/*top:*/
.top {	background:#2c516c;}
.top-logo {	height: 74px;	width:900px;	position:relative;	border-bottom:4px solid #f29901;	background:url(images/logo.gif) no-repeat 40px 25px;}
.menu {position:absolute;right:0;bottom:0;z-index:100;background:#f29901;color:#fff;padding:0 8px;font-size:10px;display: block}
.menu ul{list-style:none;}    
.menu li {float:left;position:relative;}    
.menu ul ul {visibility:hidden;position:absolute;left:2px;top:22px;}    
.menu table {position:absolute; top:0; left:0;}    
.menu ul li:hover ul,    
.menu ul a:hover ul{visibility:visible;}    
.menu a{display:block;padding:0px 8px;margin:2px;color:#fdfdfd;text-decoration:none;}    
.menu a:hover{background:#f0ad3b;border:1px solid FF88C4;color:#fdfdfd;text-decoration:none;}    
.menu ul ul{list-style:none; margin:0; padding:0;}    
.menu ul ul li {width:80px; clear:both;text-align:left;background:#f0ad3b;}    
.menu ul ul li a{display:block;margin:0;border:0;border-bottom:1px solid FF88C4;}    
.menu ul ul li a:hover{border:0;border-bottom:1px solid #fff;color:#fdfdfd;}
/*menu:*/	
.tabOn {background:#f39801 url(images/menu-bg.gif) no-repeat 140px;font-weight:bold;}	
.tabOff {}				
.link {	padding:20px 0;	clear:both;	text-align:center;}
/*index:*/
.index-left {	width:320px;	float:left;	padding:10px 10px 5px 15px;}
.index-right {	width:320px;	float:right;	padding:10px 15px 5px 10px;}
.news-list {	list-style:none;}
	.news-list li{		line-height:24px;		padding-left:3px;		clear:both;	}
		.news-list li span{			font-size:11px;			color:#999;			margin-right:5px;		}
.news-listcase{list-style:none;}
.news-listcase li{		line-height:24px;padding-left:3px;clear:both; margin:5px 0; padding:10px 0; border-bottom:1px #333 dashed;	}
.news-listpro{list-style:none;}
.news-listpro li{width:200px;line-height:24px; text-align:center; display:inline; margin:0 20px 10px 0;float:left;}
.vote-list {list-style:none;}
	.vote-list li {margin-bottom:10px;}
		.vote-list li label {display:block;}
.down-list {}
.down-list li {border-bottom:1px #ccc dotted;line-height:24px;margin:10px 0px 0px 15px;padding-left:0px;clear:both;}
.down-list li span {float:right;font-size:12px;color:#999;margin-left:20px;}
.listPic {float:left; margin:0 20px 0 0; padding:1px;text-transform: uppercase;text-align: center; }
.listPiccase{float:left; margin:0 20px 0 0;text-transform: uppercase;text-align: center; }
.listPiccase img{width:190px; height:100px;  padding:1px;}
.listPiccase a{border:1px #CCC solid; display:inherit;}
.listPiccase a:hover { border:1px #666 solid;}
.listPicpro {text-align: center; }
.listPicpro img{width:190px; height:100px; border:1px #CCC solid;  padding:1px;}
.listPicpro img a:hover{ border:1px #333 solid; display:inline;}
.listDesc {margin:0;padding:0; color:#979680;}
.prdvf {margin-top:-3px;padding:0; color:#979680;}
.prdvf a{float:right;margin-right:20px;}
.com_time {float:left; margin:0; padding:0; text-transform: uppercase;text-align: center;}
.com_text {border-bottom:1px #eee dotted;margin:0 0 10px 0; color:#979680;}
/*box:*/

.box {	padding:10px 15px;}
.box2 li{ font-size:14px; list-style:none; margin:1px 0; background:#fbfbfb; height:30px; line-height:31px; padding:0 10px; border-bottom:1px #ccc solid}
.box1 {	text-align:justify;	text-justify:inter-ideograph;	text-indent:24px;}
.gotop {	text-align:left;	padding:10px 10px 10px 0;}
.gotop span{	float:right;	padding:10px 0 10px 0;}
.table {	background:#cfd9e2;}
.table1 {	background:#f4f4f4;}
.table th{ padding-left:10px; font-weight:normal;}
.table td{ padding:3px 0 3px 10px;}
.td1 {	background:#fff;}
.td2 {	background:#e6ebf1;}
.title {	padding:10px 0;	text-align:center;	font-size:14px;}
	.title span {		font-size:12px;		color:#999;	}
	
/*news-menu:*/
.news-menu {	border-top:1px solid #ccd5de;	height:25px;	margin-bottom:20px;	list-style:none;	clear:both;}
.news-menu li{		display: block;		padding:0 15px;		line-height:25px;		background:#e6ebf1;		float:left;			margin-right:2px;}
	.foot {	padding-right:20px;	text-align:right;	line-height:20px;	border-top:2px solid #eee;	color:#959595;	font-size:10px;}
.red{	color:#f39801;}

#pagebar1 {	margin-top: 20px;    font-size: 12px;    padding: 2px;    color: #aaa;    text-align: center;}
#pagebar1 ul {    display: inline;}
#pagebar1 ul li {    display: inline;    list-style-type: none;    padding: 1px 4px;}
#messagebox {    margin: 0 auto;    padding: 1px;    margin-top: 150px;    width: 500px;    background: #fff;}
#messagebox-border {    padding: 1px;    border: 1px solid #999; }
#messagebox-title {    color: #fff;     font-weight: bold;	background:#DD7C3B;    padding: 5px;}
#messagebox-content {    color: #227fb7;     background:#fdfdfd;    padding: 10px;     padding-bottom: 20px;     text-align: left;}
#messagebox-content ul li {    list-style-type: disc;    margin: 20px 40px;}
#messagebox-bottom {    color: #fff;     background-color: #E6A359;     padding: 5px;    text-align: center;}

#comment_form {margin:0px;width:50%}
#comment_form hr,#comment_list hr {border:1px #ccc dotted;}
#comment_list ul hr {border:1px #eee dotted;}
#comment_list ul i {color:#ccc;}
#comment_list {float:right;margin-left:10px;width:46%}
#comment_list span {float:right;}

.vote_txt {float:right;width:20%;}
.percent_bg, .percent {display:block;height:8px;overflow:hidden;text-align:left;}
.percent_bg {background-color:#d9e4f8;width:100px;float:right;margin-top:8px;}
.percent {background-color:#facd34;}



/*read.pro*/

#readtxttab {height:26px;border-bottom: 3px solid #99aaba; margin-bottom: 10px;}
	#readtxttab ul{position: relative; list-style:none;}
	#readtxttab li{position:relative;float:left;padding:0 10px; line-height:26px; height:26px; margin-right:8px;margin-bottom:-3px;}
	*html #readtxttab li{padding-top:6px;height:20px;}
	#readtxttab li a{margin-top:10px;}
	#readtxttab .active { background: #fff; border-bottom:3px solid #f39800;}

.readtxt {display:none;}

#pro{ height:250px; width:650px; margin:10px 0;}
#proleft{  float:left;}
#proleft img{ width:300px;height:200px;border:1px #ccc solid;padding:1px; }
#probo {width:310px; margin:5px 0 0 0}
#probo span{ float:left; background:url(images/movebar.jpg) 0 -10px; width:10px;height:40px}
#probo p{  float:left; background:url(images/movebar.jpg) 12px -10px;  width:10px;height:40px}
#probo a{border:2px #ebebeb solid; display:inline;width:62px; height:42px; float:left; margin-right:5px;}
#probo  a:hover{border:2px #2e62b9 solid;}
#probo img{ width:60px;height:40px;padding:1px; border:none }
#proright{ float:left; margin-left:20px; display:inline;font-size:14px;}
#proright li{ list-style:none; font-size:14px; background:#fbfbfb; height:30px; line-height:31px; margin:1px 0; padding:0 10px; width:290px; border-bottom:1px #ccc dashed;}
/*通用case,pro*/
.listPiccase { float:left; margin-right:20px; border:1px  #CCC solid; padding:1px ;}
.listPiccase img { width:129px; height:97px;}
.listPicpro { float:left; margin-right:20px; }
.listPicpro img { width:200px; height:120px;}
.listPicpro a{ border:1px  #CCC solid; padding:1px ; display:block}
.listPicpro a:hover{ border:1px #666 solid;}
.caselist{ border-bottom:1px #999 dashed; padding:10px 0 20px 0; margin-bottom:10px;clear:both;list-style:none;*display:inline-block}
.casetitle{ font-size:14px;}
.protitle{ float:left; width:425px; _height:120px; list-style:none;}
/* Clear Fix */ 
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/ 
* html .clearfix {height: 0%; position:relative} 
.clearfix {display: block;}