@charset "utf-8";
/* CSS Document */
#content{ width:1200px; margin:40px auto;}
.blue{ color:#2b69b9;}
.red{ color:#fe4444;}
.clear{clear:both; width:100%; height:1px;}
.hide{ display:none;}
/*面包式导航*/
.position{ width:100%; height:48px; border-bottom:2px solid #0467c2;font-size:14px; background:#efefef;}
.position .cur_position{ width:auto; padding:0 10px;border-bottom:2px solid #fa9721; color:#0467c2; height:48px; line-height:48px;  font-weight:bold; float:left;font-size:20px;}
.position .crumbs{  height:48px; line-height:48px; color:#9f9f9f; font-weight:bold;float:right; padding-right:5px;}
.position .crumbs a{color:#9f9f9f; }
/*左栏*/
#content .left{ clear:both; width:230px; height:auto; float:left;margin-bottom:40px;}
#content .left .product_top{clear:both; width:230px; height:72px; background:url(../images/product_top.jpg) no-repeat top center; }
#content .left .product_top h1{ width:100%; height:65px; line-height:65px; text-align:center; color:#fff;}
#content .left .product_center{ width:230px; background:url(../images/product_center.jpg) repeat-y; min-height:50px;padding-bottom:20px;padding-top:20px;}
#content .left .product_center li{width:200px; height:auto; margin:auto;}
#content .left .product_center li h2{width:100%; height:25px; line-height:25px; background:url(../images/nav_title.jpg) no-repeat left center; text-indent:25px;  margin:20px 0;}
#content .left .product_center li:first-child h2{ margin-top:0px;}
#content .left .product_center li:last-child h2{ margin-bottom:0px;}
#content .left .product_center li h2 a{color:#0467c2; }
#content .left .product_center li .second a{ display:block; height:30px; line-height:30px; text-indent:5px; overflow:hidden;}
#content .left .product_center li .second:hover a{ color:#0467c2;}
#content .left .product_bottom{clear:both; width:230px; height:32px;  }


#content .left .contact{width:100%; height:370px; border:1px solid #ccc; margin-top:15px;}
#content .left .contact .img{ width:100%; height:92px; text-align:center;}
#content .left .contact .img img{ width:227; height:92px; margin-top:2px;}
#content .left .contact h2{  width:90%; margin:auto;margin-top:10px; }
#content .left .contact ul{  width:90%; margin:auto;margin-top:10px; }
#content .left .contact ul li{  line-height:30px;}
/*单页	*/
#content .danye{
	width:930px;
	margin-bottom:50px;
	border:1px solid #ccc;
	float:right;

	}
#content .danye img{ max-width:100%;}		
/*产品列表	*/
#content .product_right{
	width:930px;
	float:right;

	}
#content .product_right .product_list{ width:920px; margin:auto; margin-top:20px;}
#content .product_right .product_list li{ position:relative; width:289px; height:206px; float:left; margin-right:23px; border:1px solid #ccc; margin-bottom:20px;}
#content .product_right .product_list li:nth-child(3n){margin-right:0px;}

#content .product_right .product_list li .img{ display:table-cell; vertical-align:middle; text-align:center;width:289px; height:175px;}
#content .product_right .product_list li .img img{vertical-align:middle;max-width:289px; max-height:175px;}
#content .product_right .product_list li .name{ width:100%; height:32px; line-height:32px; margin:auto; background:#ccc; text-align:center; font-weight:bolder; overflow:hidden;}
#content .product_right .product_list li .view{ width:100%; height:100%; background:#000; position:absolute; left:0px; top:0px; display:none;background:url(../images/product_info.png) no-repeat center;}
#content .product_right .product_list li:hover .view{ display:block;}
				
/*文章推荐列表	*/
#content .news_tui{ width:100%; height:200px; border:1px solid #ccc; margin-top:20px;}
#content .news_tui .title{ width:95%; margin:auto; height:35px; line-height:35px; border-bottom:1px solid #ccc;}
#content .news_tui .title span{ font-size:14px; font-weight:bolder; color:#0467c2;}
#content .news_tui .title a{ float:right; color:#b4b4b4;}
#content .news_tui ul{width:95%; margin:auto;}
#content .news_tui ul li{width:48%; height:30px; line-height:30px; border-bottom:1px solid #ccc; float:left; margin-right:10px; background:url(../images/news_bg.jpg) no-repeat left center; text-indent:10px; margin-top:5px;}
#content .news_tui ul li a{ display:inline-block; width:335px; overflow:hidden;}
#content .news_tui ul li:nth-child(2n){ float:right; margin-right:0px;}
#content .news_tui ul li span{ float:right;}
/*文章样式*/
#content .news_right{
	width:930px;
	float:right;
	}
#content .news_right .news_list{
	width:900px;
	margin:auto;
	
}	
#content .news_right .news_list li{
	height:90px;
	margin-top:20px;
	border-bottom:1px dashed #ccc;
	
}
#content .news_right .news_list li .img{
	 width:80px;
	 height:70px;
	 float:left;
}
#content .news_right .news_list li .img img{
	 width:80px;
	 height:70px;
	 float:left;
}
#content .news_right .news_list li .title{
	 width:800px;
	 line-height:20px;
	 height:75px;
	float:right;	
	overflow:hidden;
}
#content .news_right .news_list li .title h1{
	 margin-bottom:5px;
	 font-size:14px;
	 height:22px;
	 overflow:hidden;	
}

/*案例列表	*/
#content .picture_right{
	width:930px;
	float:right;

	}
#content .picture_right .picture_list{ width:920px; margin:auto; margin-top:20px;}	
#content .picture_right .picture_list li{
	width:280px;
	height:280px;
	text-align:center;
	margin-left:20px;
	margin-top:15px;
	float:left;
	position:relative;
	overflow:hidden;
}
#content .picture_right .picture_list li:nth-child(3n){
	margin-right:0px;
	
}
#content .picture_right .picture_list li .img{
	width:273px;
	height:240px;
	text-align:center;
	display: table-cell;
    vertical-align:middle;

}
#content .picture_right .picture_list li .img img{
	
	vertical-align:middle;
	max-width:273px;
	max-height:208px;
}

/*技术支持样式*/
#content .activity_right{
	width:930px;
	float:right;
	}
#content .activity_right .activity_list{ width:900px; margin:auto;}	
#content .activity_right .activity_list li{
	width:100%;
	height:30px;
	line-height:30px;
	margin-top:10px;
	overflow:hidden;
	border-bottom:1px dashed #ccc;
	
}
/*技术支持样式*/
#content .contact_right{
	width:930px;
	float:right;
	}
#content .contact_right .contact_list{ width:900px; margin:auto;}	
#content .contact_right .contact_list li{
	width:100%;
	height:30px;
	line-height:30px;
	margin-top:10px;
	overflow:hidden;
	border-bottom:1px dashed #ccc;
	
}
#content .contact_right .contact_list li a{ display:inline-block; width:810px; overflow:hidden;}
#content .contact_right .contact_list li .date{ float:right;}

/*分页*/
 
 .pages{
	clear:both;
	width: 100%;
	height: 35px;
	margin: 40px auto;
	position: relative;
}
.pages ul{
    height: 35px;
    margin-top: 0;
    width: 50%;
    position: absolute;
    left: 50%;
    margin-left: -117.5px;
}

.pages ul li{
    border:1px solid #ccc !important;
}
.pages ul li.item{
	float: left;
	text-align: center;
	cursor: pointer;
	width: 30px;
	height: 30px;
	line-height: 30px;
	background-color: #fff;
	margin-left: 5px;
}
.pages ul li.prev{
	width:30px;
	margin-left: 0;
}
.pages ul li.next{
	width:30px;
}
.pages ul li.item a{
	color: #000;
}
.pages ul li.on{
	background-color: #234584;
}
.pages ul li.on a{
	color: #fff;
}
.total{
	display:none;
	}	
	
/*网站地图*/	
.map{
	width:1200px;
	margin:auto;
	margin-bottom:20px;
	}
.map .title{
	height:30px;
	line-height:30px;
	border-bottom:2px solid #ccc;
	}
.map .list ul{
	clear:both;
	height:auto;
	margin-bottom:10px;
	}		
.map .list ul li{
	  height:35px;
	  line-height:35px;
	  font-size:14px;
	  margin-right:15px;
	  float:left;
	  
	 }	
.map .list ul .active{
	width:100%;
	margin-top:20px;
	font-size:16px;
	border-bottom:1px dashed #ccc;
	 }		 
.twety{ 
   clear:both;
   height:20px;
}