/***************** All *****************/
* {
	margin: 0;
	padding: 0;
	word-wrap: break-word;
}
body {
	font-family: Arial, sans-serif, "瀹嬩綋";
	font-size: 12px;
	color: #333;
	background: url(../images/bg.jpg) repeat-x;
}
a {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #0f9ce1;
	text-decoration: none;
}
img {
	border: 0;
}
ul, li {
	list-style: none;
}
.clear {
	clear: both;
}
#head, #nav, #banner, #center, #foot{
	width: 973px;
	margin: 0 auto;
}
/***************** head *****************/
#head {
	height: 82px;
	background: url(../images/logo.jpg) no-repeat left top;
}
.top_rt {
	width: 370px;
	float: right;
}
.top_link {
	text-align:right;
	padding-right:15px;
}
.dt {
	padding-left: 20px;
	background: url(../images/msn.jpg) no-repeat left;
}
.search {
	padding: 15px 10px 0 0;
}
.search a {
	float: left;
	padding-top: 3px;
}
/***************** nav *****************/
#nav {
	height: 63px;
	background: url(../images/nav_bg.jpg) repeat-x;
}
ul#me {
	width: 918px;
	height: 36px;
	margin: 0 auto;
}
ul#me li {
	float: left;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
ul#me li a {
	color: #fff;
	width: 113px;
	line-height: 36px;
	display: block;
}
ul#me li a:hover {
	text-decoration: none;
	background: url(../images/m_hover.jpg) repeat-x;
}
.m_li_a {
	color: #fff;
	width: 113px;
	line-height: 36px;
	background: url(../images/m_hover.jpg) repeat-x;
}
ul#me li.divider {
	width: 2px;
	height: 36px;
}
ul.smenu {
	height: 26px;
}
.s_li {
	width: auto;
	display: none;
	height: 26px;
	line-height: 26px;
}
.s_li_a {
	width: auto;
	display: block;
	height: 26px;
	line-height: 26px;
}
/***************** banner *****************/
#banner{
	width:971px;
	text-align:center;
}
/***************** center *****************/
#center{
	background:url(../images/c_bg_2.jpg) repeat-y;
}
.c_bg_top{
	background:url(../images/c_bg_1.jpg) no-repeat 0 0;
}
.c_bg_bt{
	width:953px;
	padding:10px 10px 20px;
	background:url(../images/c_bg_3.jpg) no-repeat left bottom;
}
#center_bt{
	height:19px;
	background:url(../images/c_bg.jpg) no-repeat 0 0;
}
.about {
	width: 235px;
	float: left;
}
.title{
	font-size:14px;
	font-weight:bold;
	line-height:30px;
	padding-left:28px;
	border-bottom:1px #a6c3bf solid;
	background:url(../images/title_icon.jpg) no-repeat 0 0;
}
span.more{
	float:right;
	margin-top:8px;
}
.about .a_con .a_pic{
	margin:5px 0;
	text-align:center;
}
.about .a_con{
	line-height:25px;
}

.products{
	width:455px;
	float:left;
	padding:0 15px;
}
ul.prod_list li{
	width:151px;
	height:150px;
	float:left;
	text-align:center;
	padding:10px 0;
}
ul.prod_list li img{
	border:2px #addeff solid;
	margin-bottom:5px;
}

.contact{
	width:233px;
	float:left;
}
.contact .c_con{
	line-height:20px;
	padding:8px 0;
}
.message img{
	border:1px #addeff solid;
}
.f_link{
	padding-top:8px;
}

.left_menu{
	width:200px;
	float:left;
}
.right_con{
	width:733px;
	float:right;
}
/***************** foot *****************/
#foot {
	width:953px;
	line-height: 12px;
	padding:0 10px;
}
span.bh {
	float: right;
}

/***************** insidepage *****************/
.pagination {
	color: #000;
	margin-top: 20px;
	padding-top: 5px;
	text-align: center;
	border-top: 1px #A6C3BF solid;
}
.inpg_con{
	padding:10px 10px 20px;
	line-height:30px;
}

span.crumb{
	float:right;
	font-size:12px;
	font-weight:normal;
}
.m_title{
	padding-left:10px;
	line-height:25px;
	color:#fff;
	font-weight:bold;
	background:#23ABE9 url(../images/title_bg_01.jpg) repeat-x;
}
.left_menu ul li{
	margin-top:1px;
}
.left_menu ul li a{
	height:25px;
	color:#333;
	display:block;
	line-height:25px;
	padding-left:25px;
	background:#F2F7FB url(../images/arrow.jpg) no-repeat 10px;
}
.left_menu ul li a:hover{
	color:#0265B6;
	background:#CBE8F8 url(../images/arrow.jpg) no-repeat 10px;
}

.nlist{
	list-style:none;
}
.nlist li{
	display:block;
	line-height:30px;
	font-size:12px;
	background:url(../images/dashed.gif) repeat-x 0 bottom;
}
.nlist li a{
	background:url(../images/dian.jpg) no-repeat 5px center;
	padding-left:15px;
}
.data{
	float:right;
	color:#999;
}

.textTitle {
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	margin: 10px auto;
}
.subtime {
	color: #666;
	line-height: 15px;
	text-align: right;
	background: #f4f4f4;
	padding: 0 20px;
}
.content {
	padding: 10px;
	line-height: 26px;
}


.inpg_con ul.prod_list li{
	width:178px;
	line-height:normal;
}

.pro_img{
	text-align:center;	
	width:250px;
	float:left;
	margin-bottom:20px;
}

.pro_info{
	width:340px;
	float:right;
}
.p_explain{
	padding: 0px 5px;
	font-size: 14px;
	border: 1px #C6E7FA solid;
}
.p_info{
	padding: 10px 10px 0;
	line-height: 25px;
}

ul.inpg_leibie li{
	width:145px;
	height:45px;
	float:left;
	line-height:30px;
	text-align:center;
}


.pro_img
{

	}
	.pro_img img.s_pic
	{
	/*设置图片垂直居中*/
vertical-align:middle;
/*非IE6下的等比缩放*/
max-height:270px;
max-width:360px;
/*IE6下的等比缩放，注意expression其实是运行了一个JS程序，所以如果图片很多的话会引起CPU占用率高*/
width:expression(this.width >360 && this.height <= this.width ? 360: true);
height:expression(this.height > 270 && this.width <= this.height ? 270 : true);
		}
		
		
span.time{
	float:right;
}
.a_con li a{
	background:url(../images/dian.jpg) no-repeat 5px center;
	padding-left:15px;
}



.prod_name{
	padding-top:8px;
}
.box a.pic_a{
	/*非IE的主流浏览器识别的垂直居中的方法*/
	display: table-cell;
	vertical-align:middle;
	/*设置水平居中*/
	text-align:center;
	/* 针对IE的Hack */
	*display: block;
	*font-size: 89px;/*这个值大概为最大高度的0.875*/
	*font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/
	width:200px;
	height:160px;
}
.box img{
	/*设置图片垂直居中*/
	vertical-align:middle;
	/*非IE6下的等比缩放*/
	max-height:160px;
	max-width:200px;
	-ms-interpolation-mode: bicubic;
	/*IE6下的等比缩放，注意expression其实是运行了一个JS程序，所以如果图片很多的话会引起CPU占用率高*/
	width:expression(this.width >200 && this.height <= this.width ? 200: true);
	height:expression(this.height > 160 && this.width <= this.height ? 160 : true);
}	
