@charset "utf-8";

 /*---------头部----------*/
#header{
	margin: 0px auto;
	background-image: url(/img/bg_header.gif);
	background-repeat: repeat-x;
	height:123px;
	overflow: hidden;
    border-bottom: 5px solid #f5f5f5;
	color:#fff;
}
.top{width:778px;margin:0 auto;}
#header .right{float:right;width:480px;margin:0px 8px 0px 0px;}
#header .mune{
	background-image: url(/img/bg_top_mune.gif);
	background-repeat: repeat-x;
	clear:both;
	height:38px;
}
.logo{
   float:left;
   margin:15px 0 15px 5px;
   overflow: hidden;  
}
.topright{
	float:right;
	margin:10px 15px 5px;
}
.topright img{margin:0 5px 0 15px;}
#ad{
	width:778px;
	margin:5px auto 2px;
	background-color: #000;
}

.munecase{
	margin:6px 6px 0 10px;
	color: #369;
}
.search{
	margin:4px 10px 0;	
}
.textfield{
	border: 1px solid #214e74;
	margin:0 3px;
}
.botton{
	background-image: url(/img/bg_botton.gif);
	background-repeat: no-repeat;
	border: 0;
	height:20px;
	width:45px;
	overflow:hidden;
	font-size:12px;
}
 /*-------广告-------*/
#flash{width:778px;margin:5px auto;padding:0;}

.unflash{
	width: 778px;
	height:20px;
	margin:3px auto;
	background-image: url(/img/bg_flash.gif);
	background-repeat: repeat-x;
}
/*----------层组-----------*/
.main{
	width: 778px;
	margin:0 auto;
}
/*----------id层组背景选择-----------*/

.bgeee{background-color: #f2f2f2;}
.bgwhite{background-color: #fff;}
.color369{background-color: #369;}
.color399{background-color: #399;}

/*----------more-----------*/
.more{
	float:left;
	margin:15px 0 0 5px;
	padding:0 0 0 5px;
	border-left: 1px solid #f00;
}
.more img{padding:0 0 0 8px;}
 /*---------类容器----------*/
.aboutus{margin:0 12px;padding:0;clear:both;}
.case{margin:0;padding:0;clear:both;}
.nav{margin:8px 0;text-align:left;}

.lefttitle{clear:both;}
.left_index{
	float:left;
	width:185px;
	margin:0;
	background-image: url(/img/bg_side.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-align:left;
}
.left{
	float:left;
	width:185px;
	margin:0;
	text-align:left;
}

.connet{	
    margin:1px 5px 2px 12px;
	padding:2px 0 32px!important;padding:2px 0 10px;
	width:188px;
}
.connet p{clear:both;color: #333;line-height: 150%;margin:5px 5px 5px 12px;}

.proudctcase{
	background-image: url(/img/bg_product.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin:1px 5px 2px 12px;
	padding:2px 0 12px;
	height:305px;
	width:188px;	
}

.left_index img,.left img{
	margin:3px 0 3px 15px;
	padding:2px 0;	
}
.news_index{float:left;width:358px;margin:5px 5px 0 0;padding:0;}
.news_index p{
	color: #333;
	line-height: 150%;
}
.news_bg{
    width:120px;
	height:90px;	
	border:1px solid #ccc;	
	float:left;
	overflow: hidden;
	margin:10px 6px 5px;
}
.newsword{margin:3px 0;padding:2px 0 0 3px;width:205px;}
.news_bg img{margin:0;padding:0;height:90px;}
.news_index ul {
	clear:both;
	text-align:left;
	margin:5px 10px;
	padding:0;
	list-style: none;
}
.news_index li{
	padding:2px 5px 3px 10px;
	margin: 0px;
	background-image: url(/img/pic_redarrow.gif);
	background-repeat: no-repeat;
	background-position:0 center;
}

.bbs{ 
    margin:1px 15px 2px 0;
	padding:2px 0 12px;
	width:178px;
}
.bbs ul {clear:both;text-align:left; margin:5px; padding: 0;list-style: none;}
.bbs li{padding:2px 0;margin: 0px;}

.middlea{
	width:195px;
	padding:2px;
	background-image: url(/img/bg_line.gif);
	background-repeat: repeat;
	margin:0;
	border:1px solid #deefff;
}

.right{
    float:right;
	width:556px;
    margin:5px 0 0 0 ;
	background-image: url(/img/bg_right_side.gif);
	background-repeat: no-repeat;
	background-position: right center;
	text-align:left;
}

.right img{margin:0;}

.connect{text-align:center;}
.connect img{margin:10px 0;}

.proudct{
    width:148px;
	margin:0 0 0 12px;
}

.product{
	width:150px;
	float:left;
	margin:15px 10px 25px 10px;
	text-align:center;
	overflow: hidden;
}

.product img{
    margin:0;
	padding:0;	
	height:98px;
}
.picbg{
	margin:0;
	width:148px;
	height:98px;
}

.proudctpic{	
	text-align:center;
	margin:5px;
	padding:0;
	width:248px;
	height:165px;
	float:left;
	overflow:hidden;
}
.proudctpic img{
    margin:0;padding:0;	
	height:160px;
}
.proudctpic_index{	
	text-align:center;
	margin:8px 5px;
	padding:0;
	width:168px;
	height:150px;
	float:left;
	overflow:hidden;
}
.proudctpic_index img{
    margin:0;
	padding:0;	
	height:108px;
}

ol{
	font-size:12px;
	margin:8px 0 0 45px;
	color:#333;	
}
ol li{
	padding:5px 0;
	list-style-type: decimal;
	list-style-position:inside;	
	margin:5px 0 ;
	text-align:left;
}

 /*---------中间部分样式----------*/
.udmiddle{
	float: left;
	width: 380px;
	margin: 3px;
	padding: 0px;	
}
.midtitle{
	background-image: url(../img/bg_logo.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	text-align: left;
	padding: 3px 0px 0px 42px;
	border-bottom: 2px solid #c0dffe;
	margin: 2px 0px;
	height: 22px;
}
.cen{width: 380px;margin: 8px 0px 5px;padding: 0px;}

.cen ul {
	text-align: left;
	margin:0px 5px 2px 10px;
	padding: 0px;
	list-style: none;
	float: left;
}
.cen li{
   background-image: url(../img/li_blue.gif);
   background-repeat: no-repeat;
   background-position: left center;
   padding:3px 0 1px 9px;margin: 0px;
}

.udmiddle img{
	margin: 2px 0px;
	padding: 2px;
	float: left;
	border: 1px solid #666666;
}	
.udmiddle .hot{float: left;margin: 5px 10px;text-align: center;width: 95px;}
.udmiddle p{text-align: center;margin: 0px;padding: 0px;}	


/*-----------内页右边-------------*/
.nright{
	width:550px;
	margin:0 0px 0 10px;
	padding:5px;
	float:right;
	line-height: 150%;	
}

.nright p{
	text-align: left;
	line-height: 150%;
	margin:10px;
	padding: 3px 0px;
	text-indent: 2em;
	font-size: 13px;
}	
.nright .intro{float: left;margin: 3px 0px 0px 10px;width:350px;background-color: #F7FDFF;}

.nright ul{
	margin:5px 0px 5px 10px;
	padding: 0px;
	list-style: none;
	text-align: left;
}
.nright li{
	margin:3px 0;
	font-size: 13px;	
}


/*-----------内页右边-------------*/
.pright{
	width:550px;
	margin:0 0px 0 10px;
	padding:5px;
	float:right;
	line-height: 150%;	
}

.pright p{
	text-align: left;
	line-height: 150%;
	margin:10px;
	padding: 3px 0px;
	text-indent: 2em;
	font-size: 13px;
}	
.pright .intro{float: left;margin: 3px 0px 0px 10px;width:350px;background-color: #F7FDFF;}

.pright ul{
	margin:5px 0px 5px 50px;
	padding: 0px;
	text-align: left;
	list-style-type: disc;
}
.pright li{
	margin:3px 0;
	font-size: 13px;	
}
.nrightnews img{margin:0;border:0;}
.nrightnews p{
	text-align: left;
	line-height: 150%;
	margin: 2px 10px;
	padding: 3px 0px;
	text-indent: 2em;
}

/*-----------相公连接-------------*/ 	
.correlation{margin:8px 5px;}

.correlation ul{
	margin:5px 0px 5px 10px;
	padding: 0px;
	list-style: none;
	text-align: left;
}
.correlation li{
	padding:3px 0;
	margin:2px 0;
	list-style-type: none;
}
/*-----------细线条-------------*/ 
.line{
	clear:both;
	background-color: #83bbc8;
	height: 1px;
	overflow: hidden;
	margin:0 10px 2px 5px;
	border-left:118px solid #f00;
}	
/*-----------虚线------------*/ 
.dash{
	height: 1px;
	overflow: hidden;
	margin:8px 5px;
	border-bottom: 1px solid #ccc;
	clear:both;
}	
.redash{
	height: 1px;
	overflow: hidden;
	margin:8px 5px;
	border-bottom: 1px dashed #ccc;
	clear:both;
}
/*-----------边距离------------*/ 
.martb5{margin:5px 0;}
.martb8{margin:8px 0;}
.martop{margin-top:10px;}
.marlr8{margin:0 8px;}
.padtb3{padding:3px 0;}
.mar8{margin:8px;}


/*-----------左边菜单----------*/

#subloftmenu{
	background-color: #fff;
	text-align:center;
    width:185px;
	margin:0 0 15px 0;
}

#subloftmenu ul {
	padding:0 2px;
	list-style-type: none;	
	clear:both;			
}

#subloftmenu li {
	text-align: left;
	border-bottom:dashed 1px #ccc;	
}

#subloftmenu li a {
	display: block;
	padding:10px 5px 8px 10px;
	background-image: url(/img/li_blue.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin:5px 0 0 8px;
	text-decoration: none;
	color:#06c;
}

#subloftmenu li a:hover ,#subloftmenu li a:active{
	background-image: url(/img/li_red.gif);
	background-repeat: no-repeat;
	background-position: left center;
	color: #f60;
	font-size:13px;
}


/*--------- 友情连接 ----------*/
.link{
	width:778px;	
	margin:8px auto;
	text-align:left;
}
.link ul{text-align:left; list-style: none;margin:0 0 2px 4px;}
.link li{float:left;margin:0 6px 1px 12px!important;margin:0 8px;padding:0px;}
.link img{
	height: 31px;
	width: 88px;
	margin: 1px ;
}
/*--------- 表 ----------*/
table,#job table{
	border-collapse:collapse;
	font-size:12px;
	margin:10px;
	clear:both;
	width:95%;
}

td{
   padding:8px 5px;
   border: 1px solid #ccc;
   text-align:center;   
 }

th{
   padding:8px 3px;
   border: 1px solid #ccc;
   background-color:#f5f5f5;
 }
 
#job td{   
   padding:8px;
   border: 1px solid #ccc;
   text-align:left;
}
/*------------ 线条  -----------*/
.rightline{
	border-right: 1px solid #f5f5f5;
}

.side{
	border:1px solid #ccc;
	padding:1px;
}
.sideblue{border:1px solid #deefff;}
/*-----------版权----------*/

#footer_cs{
    clear:both;
  	height:122px;
	text-align: center;
	margin: 5px auto 0;
	background-image: url(/img/bg_footer.gif);
	background-repeat: repeat-x;
}
.under{
    width:778px;
	margin:2px auto 3px;
	padding:3px 0 0 0;
}	
#footer_cs img{ 
	float:left;
	margin:10px 25px 0 180px;
}	
#footer_cs p{padding:2px 0;margin:2px 0px 0px 5px;text-align:left;line-height: 125%;}

/*---------产----------*/
.opduct{
	width:550px;
	margin:0 0 0 10px;
	padding:5px;
	float:right;	
}

.opduct ul{
	margin:8px 0px 8px 10px;
	padding: 0px;
	list-style: none;
	text-align: left;
	clear:both;
}
.opduct li{padding:2px 0;margin:3px;font-size: 13px;float:left;width:250px;}		

.main_search{
	width: 778px;
	margin:0 auto; 

}
.case_search{
    margin:2px 10px;padding:0;
	clear:both;
   	text-align:left;
}
.main_search img{
	margin:5px;
	padding:0;
	width:125px;
}
.main_search p{
	float:left;
	margin:10px 5px ;
	text-indent: 2em;	
	text-align:left;
	width:560px;
}
.main_search  .pic{   
    float:left;
	margin:5px 15px 15px 5px;
	width:125px;
	height:100px;
}