/*index*/
#left{ width:230px; margin-right:10px; display:inline; float:left; }

#middle{ width:580px; display:inline; float:left;  text-align:left; overflow:hidden}
#middle .title1{ width:580px; height:25px; border-bottom:1px solid #e5e5e5; margin-bottom:10px;}
#middle .title1 span{ line-height:25px; padding-left:10px; color:red; font-weight:bold}
.list1 li{ width:140px; margin-left:5px; display:inline; height:170px; float:left; text-align:center; }
.list1 li img{ width:130px; height:130px; overflow:hidden}



#right{ float:left; display:inline;  width:188px;   border:1px solid #e5e5e5; margin-left:10px;overflow:hidden }
#right .title2{ height:25px; line-height:25px; border-bottom:1px solid #e5e5e5; margin:0 auto}
#right .title2 span{ margin-left:15px; font-size:12px; font-weight:bold}
#right .ul{ margin:5px;}
#right  ul li{ height:30px; border-bottom:1px dotted #ccc}
#right  ul li a{ line-height:30px; padding-left:5px;}
#right .contact{ background:#fafafa; height:130px;}



/*case*/
.casenav{ text-align:center; width:980px; border-bottom:1px solid #E4E7E9; line-height:30px; padding-top:10px;}
.casenav a{ margin-left:10px;}
.casenav a:hover{ color:#000}
.casenav a:thisclass{ color:#000}

.list_case{ width:780px; float:right; }
.list_case ul { text-align:left;}
.list_case ul li{ float:left; width:156px; overflow:hidden; margin-bottom:10px; text-align:center}
.list_case ul li img{ width:146px; height:146px; margin:5px;}

/*list_service*/
.list_service ul { padding-top:10px; text-align:left;}
.list_service ul li{ float:left; width:245px; overflow:hidden; margin-bottom:10px;}
.list_service ul li img{ width:235px; height:135px; margin:5px;}

/*list_article*/
.list_article ul { padding-top:10px; text-align:left;}
.list_article ul li{ float:left; width:490px; overflow:hidden; margin-bottom:10px;}
.list_article ul li img{ width:235px; height:135px; margin:5px; float:left}
.list_article ul li .text{ float:left; width:235px; margin:5px;}

/*player*/
.player, .player2{ float:left; display:inline; margin-top:10px;}
.p_right{ width:320px; float:right; background:#fafafa; margin-top:10px; height:480px; text-align:center; border:1px solid #e5e5e5}
.p_right ul{ margin-top:10px;}
.p_right ul li{ margin-top:15px; border:1px solid #e5e5e5; width:210px; margin:0 auto; margin-bottom:5px; background:#FFF}
.p_right ul li img{ margin:5px;}


/*slide*/
.main_8{ width:980px; margin:0 auto; text-align:left; _margin-top:-130px;}
.title3{ width:980px; border-bottom:1px solid #e5e5e5; height:25px; line-height:25px;}

/*article_products*/
.title_pro{ margin-top:20px;}

		#preview_wrap {
			margin: 0 auto;
			padding: 22px;
			width: 450px; 
			height: 344px;
			background: url('../img/bg_preview.gif') top left no-repeat;
		}

		#preview_outer {
			overflow: hidden;
			width: 450px;
			height: 350px;
			position: relative;
		}

		#preview_inner {
			text-align: left;
			height: 100%;
			position: relative;
		}
		
		#preview_inner div {
			float: left;
			width: 450px;
			height: 350px;
			position: relative;
		}
		
	
		#preview_inner div img{ width:450px; height:345px;}

		#thumbs {
			padding-top: 30px;
			position: relative;
			width: 510px;
			text-align: center;
			margin:0 auto;
		}

		#thumbs span {
			padding: 12px;
			width: 80px;
			height: 80px;
			cursor: pointer;
			background: url('../img/bg_thumb.gif') top left no-repeat;
			display: inline-block;
		}

		#arrow {
			position: absolute;
			top: -13px !important;
			_top:-19px;
			background: url('../img/bg_arrow.gif') top center no-repeat;
			width: 104px;
			height: 39px;
			display: none;
		}
	

/*news_list*/
.newslist ul li{ width:100%; height:30px; border-bottom:1px dotted #ccc; line-height:30px;}
.newslist ul li .title7{ float:left}
.newslist ul li .info{ float:right; color:#999}

.leftchild{ margin-top:10px; margin-left:10px;}
.leftchild dt{ width:90%; margin:0 auto;  border-bottom:1px solid #e5e5e5; line-height:30px; font-size:13px; font-weight:bold }
.content img{width:780px;}