@charset "utf-8";
/* CSS Document */
#content{ width:1120px; margin:40px auto;}
.blue{ color:#234584;}
.red{ color:#fe4444;}
.clear{clear:both; width:100%; height:1px;}
.hide{ display:none;}
/*面包式导航*/
.position{ width:100%; height:30px; border-bottom:1px solid #b5b5b5;}
.position .crumbs{  background:url(../images/position.jpg) no-repeat left top; text-indent:25px; font-weight:bold;}

/*左栏*/
#content .left{ width:253px;float:left;margin-bottom:50px;}
#content .left h1{ width:253px; height:80px; line-height:80px; text-indent:13px; background:#100964; color:#fff;}	
#content .left ul li{ width:253px; height:40px; line-height:40px; font-size:14px; font-weight:bold; background:#fff;text-indent:35px; margin-top:5px; cursor:pointer; border:1px solid #ccc;}

#content .left ul li a{ display:block; background:url(../images/first_bg.jpg) no-repeat 10px center; color:#6f6f6f;}

#content .left ul .active{}
#content .left ul .active a{  background:url(../images/first_cur.jpg) no-repeat 10px center;color:#ff5c5c;}
#content .left .nav_child{ display:block; height:30px; line-height:30px;text-indent:55px; background:url(../images/second_bg.jpg) no-repeat 40px center;}
#content .left  .cur{ color:#F00;background:url(../images/second_cur.jpg) no-repeat 40px center;}


#content .left h2{ width:253px; height:50px; line-height:50px; background:#100964; color:#fff; margin-top:10px;}	
#content .left h2 span{ display:inline-block;background:url(../images/contact.jpg) no-repeat 10px center; text-indent:45px;}
#content .left .img{ width:100%; height:82px; margin:10px 0;}
#content .left .img img{ max-width:253; max-height:82px;}
#content .left h3{  font-size:14px; width:90%; margin:auto;margin-top:10px; }
#content .left .contactus{ clear:both;  font-size:14px; width:90%;  margin:auto;margin-top:10px; }
#content .left .contactus span{ display:inline-block; float:left; height:40px;}
/*单页	*/
#content .danye{
	width:800px;
	margin-bottom:50px;
	float:right;

	}	
#content .danye img{
	max-width:100%;

	}	
/*产品列表	*/
#content .product_right{
	width:820px;
	float:right;

	}
#content .product_right .product_list li{
	width:260px;
	height:306px;
	text-align:center;
	line-height:42px;
	margin-right:20px;
	margin-top:15px;
	font-size:16px;
	font-weight:bold;
	float:left;
	position:relative;
	overflow:hidden;
}
#content .product_right .product_list li a:hover{
	color:#234584;
}
#content .product_right .product_list li a:hover .img{
	border:1px solid #000;
}
#content .product_right .product_list li:nth-child(3n){
	margin-right:0px;
	
}
#content .product_right .product_list li .img{
	width:255px;
	height:260px !important;
	text-align:center;
	border:1px solid #bfbfbf;
	display: table-cell;
    vertical-align:middle;

}
#content .product_right .product_list li .img img{
	
	vertical-align:middle;
	max-width:255px;
	max-height:260px;
}

#content .product_right .product_list li:hover .info{
	position:absolute;
	left:5px;
	top:6px;
	width:247px;
	height:247px;
	color:#fff;
	background:#000;
	    filter:alpha(opacity=50);  
      -moz-opacity:0.5;  
      -khtml-opacity: 0.5;  
      opacity: 0.5;  
}
#content .product_right .product_list li:hover .info h2{
	margin-top:100px;
	 
}
				

/*文章样式*/
#content .news_right{
	width:820px;
	float:right;
	}
#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:720px;
	 line-height:20px;
	 height:75px;
	float:right;	
	overflow:hidden;
}
#content .news_right .news_list li .title h1{
	 margin-bottom:14px;
	 height:22px;
	 overflow:hidden;	
}

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

	}
#content .picture_right .picture_list li{
	width:263px;
	height:280px;
	text-align:center;
	margin-right:15px;
	margin-top:15px;
	float:left;
	position:relative;
	overflow:hidden;
}
#content .picture_right .picture_list li a:hover{
	color:#234584;
}
#content .picture_right .picture_list li a:hover .img{

}
#content .picture_right .picture_list li:nth-child(3n){
	margin-right:0px;
	
}
#content .picture_right .picture_list li .img{
	width:263px;
	height:273px !important;
	text-align:center;
	display: table-cell;
    vertical-align:middle;

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

#content .picture_right .picture_list li .info{ display:none; position:absolute;width:272px; height:272px; left:0; top:0;background:url(../images/case_bg.png) repeat-y; color:#fff; }
#content .picture_right .picture_list li:hover .info{ display:block;}
#content .picture_right .picture_list li .info .name{ width:80%; margin:20px auto; font-size:20px; font-weight:bolder;}
#content .picture_right .picture_list li .info .brief{ width:80%; margin:auto; height:180px; line-height:30px; overflow:hidden;}
	
/*分页*/
 
 .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;
	}