@charset "utf-8";
/* CSS Document */
#content{ width:1200px; margin:40px auto;}
.blue{ color:#234584;}
.red{ color:#406e95;}
.clear{clear:both; width:100%; height:1px;}
.hide{ display:none;}
/*面包式导航*/
.position{ width:100%; height:30px; border-bottom:1px dashed #b5b5b5;font-size:14px; margin-bottom:20px;}
.position .cur_position{ color:#000; height:30px; line-height:30px;  font-weight:bold; float:left;}
.position .crumbs{  height:30px; line-height:30px; font-weight:bold;float:right;}

/*左栏*/
#content .left{ width:287px;height:auto; float:left; background:#f5f5f5; padding-bottom:20px;}
#content .left .title{ width:100%;height:67px; line-height:67px; color:#fff; font-size:22px; font-weight:bolder; background:url(../images/product_title.jpg) no-repeat center; text-align:center;}
#content .left .title span{  font-size:16px; font-weight:normal;}
#content .left .menu_list{ width:100%;}
#content .left .menu_list li{ width:268px; margin:auto; height:43px; line-height:43px; background:#dadada; margin-top:10px; text-indent:20px;}
#content .left .menu_list li a{ display:block; width:100%; height:43px; background:url(../images/close.jpg) no-repeat 240px center; overflow:hidden;}
#content .left .menu_list li:hover{ background:#0888ff;}
#content .left .menu_list li a:hover{ background:url(../images/open.jpg) no-repeat 240px center; color:#fff;}
#content .left .menu_list .active{ background:#0888ff;}
#content .left .menu_list .active a{ background:url(../images/open.jpg) no-repeat 240px center; color:#fff;}

/*单页	*/
#content .danye{
	width:860px;
	margin-bottom:50px;
	float:right;

	}
#content .danye .title{
	width:100%;
	height:50px;
	line-height:50px;
	margin-bottom:20px;
	border-bottom:1px dashed #ccc;
	text-align:center;

	}		
/*产品列表	*/
#content .product_right{ width:860px; overflow:hidden; float:right;}
#content .product_right li{ width:258px; height:241px; float:left; margin-right:43px; margin-bottom:30px;}
#content .product_right li:nth-child(3n){ margin-right:0px;}
#content .product_right li .img{ width:258px; height:208px; display:table-cell; text-align:center; vertical-align:middle; border:1px solid #ccc; }
#content .product_right li .img img{ max-width:100%; max-height:208px;vertical-align:middle;}

#content .product_right li .info{width:100%; height:33px; line-height:33px; text-align:center; }
#content .product_right li:hover .info{ background:#0888ff; color:#fff;}
	
/*产品详情	*/	
.danye .big_img{ width:320px; border:1px solid #ccc; height:320px; display:table-cell; text-align:center; vertical-align:middle;}
.danye .big_img{ max-width:320px; max-height:320px; vertical-align:middle;}
.danye .big_title{ float:right; width:510px; font-size:20px; font-weight:bolder; min-height:30px; line-height:30px; border-bottom:1px dashed #ccc; margin-left:10px;}
.danye .detail_title{ clear:both; width:100%; border-bottom:1px solid #ccc; height:35px; margin:20px 0; margin-bottom:10px;}
.danye .detail_title h2{ display:inline-block; font-size:12px; padding:5px 10px; width:auto; border:1px solid #ccc; height:25px; line-height:25px; border-bottom:0px;}
.danye .detail{ width:100%; margin:auto; min-height:20px; border:1px solid #ccc;}				

/*文章样式*/
#content .news_right{
	width:860px;
	float:right;
	}
#content .news_right .news_list li{
	height:30px;
	line-height:30px;
	margin-top:10px;
	border-bottom:1px dashed #ccc;
	
}
#content .news_right .news_list li span{
	float:right;
}
/*荣誉	*/
#content .honor_right{
	width:860px;
	float:right;
	}
#content .honor_right .honor_list li{
	width:250px;
	height:250px;
	float:left;
	margin-bottom:20px;
	margin-right:55px;	
}
#content .honor_right .honor_list li:nth-child(3n){
 margin-right:0px;	
}
#content .honor_right .honor_list li .img{
	 width:250px;
	 height:250px;
	 border:1px solid #ccc;
	 text-align:center;
	 display:table-cell;
	 vertical-align:middle;

}
#content .honor_right .honor_list li .img img{
	 max-width:250px;
	 max-height:250px;
	 vertical-align:middle;
}
/*图片列表	*/
#content .picture_right{
	width:860px;
	float:right;
	}
#content .picture_right .picture_list li{
	height:180px;
	margin-top:20px;
	border-bottom:1px dashed #ccc;
	
}
#content .picture_right .picture_list li .img{
	 width:291px;
	 height:167px;
	 text-align:center;
	 float:left;
}
#content .picture_right .picture_list li .img img{
	 width:291px;
	 height:167px;
}
#content .picture_right .picture_list li .title{
	 width:550px;
	 line-height:20px;
	 height:170px;
	float:right;	
	overflow:hidden;
}
#content .picture_right .picture_list li .title h3{
	 margin-bottom:10px;
	 height:22px;
	 overflow:hidden;	
}

/*下载	*/
#content .video_right{
	width:900px;
	float:right;
	}
#content .video_right .video_list li{
	height:30px;
	line-height:30px;
	margin-top:20px;
	border-bottom:1px dashed #ccc;
	
}
#content .video_right .video_list li a{
	display:inline-block;
	width:800px;
	height:30px;
	overflow:hidden;
	
}
#content .video_right .video_list li span{
	float:right;
	
}

/*常见问题	*/
#content .contact_right{
	width:900px;
	float:right;
	}
#content .contact_right .contact_list li{
	height:80px;
	margin-top:20px;
	border-bottom:1px dashed #ccc;
	
}
#content .contact_right .contact_list li a{
	display:inline-block;
	width:800px;
	height:26px;
	overflow:hidden;
	
}
#content .contact_right .contact_list li font{
	color:#2960d2;
	font-weight:bolder;
	
}
#content .contact_right .contact_list li .date{
	float:right;
	
}

#content .contact_right .contact_list li .brief{
	clear:both;
	width:100%;
	height:40px;
	line-height:20px;
	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;
	}