/***************** All *****************/
*
{
	margin: 0;
	padding: 0;
	word-wrap: break-word;
}
body
{
	font-family: Arial,sans-serif, "宋体";
	font-size: 12px;
	color: #525252;
	background: url(../images/bg.jpg) repeat-x;
}
a
{
	color: #525252;
	text-decoration: none;
}
a:hover
{
	color: #129dd6;
	text-decoration: none;
}
img
{
	border: 0;
}
ul, li
{
	list-style: none;
}
.clear
{
	clear: both;
}
#head, #nav, #banner_contact, #center, #foot, #inpg_center
{
	width: 985px;
	margin: 0 auto;
}
/***************** head *****************/
#head
{
	height: 87px;
	background: url(../images/top_bg.jpg) no-repeat left top;
}
.logo,.en_logo
{
	width: 381px;
	height: 87px;
	float: left;
	background: url(../images/logo.jpg) no-repeat left top;
}
.en_logo
{
	width:509px;
	background: url(../images/e_logo.jpg) no-repeat left top;
}
.top_rt
{
	width: 370px;
	float: right;
}
.top_link
{
	text-align: right;
	padding-top: 8px;
}
.dt
{
	padding-left: 20px;
	background: url(../images/msn.jpg) no-repeat left;
}
.search
{
	padding: 30px 10px 0 0;
}
.search a
{
	float: left;
	padding-top: 3px;
}
/***************** nav *****************/
#nav
{
	width: 990px;
	height: 59px;
	background: url(../images/m_bg.jpg) repeat-x;
}
.yuan_lt, .yuan_rt
{
	width: 9px;
	height: 59px;
	float: left;
	background: url(../images/m_lt.jpg) no-repeat left top;
}
.yuan_rt
{
	float: right;
	background: url(../images/m_rt.jpg) no-repeat left top;
}
ul#me
{
	width: 957px;
	height: 32px;
	margin: 0 auto;
}
ul#me li
{
	float: left;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
ul#me li a
{
	color: #fff;
	width: 135px;
	line-height: 32px;
	display: block;
}
ul#me li a:hover
{
	text-decoration: none;
	background: url(../images/m_hover.jpg) repeat-x;
}
.m_li_a
{
	color: #fff;
	width: 135px;
	line-height: 32px;
	background: url(../images/m_hover.jpg) repeat-x;
}
ul#me li.divider
{
	width: 2px;
	height: 32px;
	background: url(../images/m_line.jpg) no-repeat left top;
}

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_contact *****************/
#banner_contact
{
	padding: 5px 0;
}
.banner
{
	width: 624px;
	height: 275px;
	float: left;
	background: url(../images/banner.jpg) no-repeat left top;
}
.contact,.en_contact
{
	width: 241px;
	float: right;
	padding-top: 131px;
	background: url(../images/c_pic.jpg) no-repeat left top;
}
.en_contact{
	background: url(../images/e_c_pic.jpg) no-repeat left top;
	}
.c_con
{
	height: 145px;
	padding-left: 10px;
	line-height: 22px;
	background: url(../images/c_pic_1.jpg) no-repeat left top;
}
.c_con h3
{
	font-size: 12px;
	padding: 5px 0;
}
/***************** center *****************/
#center
{
	width: 973px;
	height: 205px;
	border: 1px #cfcfcf solid;
	padding: 7px 6px 0;
	background: url(../images/center_bg.jpg) repeat-x;
}
.about
{
	width: 200px;
	float: left;
	text-align:center;
	padding-left:10px;
}
.a_title, .n_title, .p_title
{
	height: 20px;
	background: url(../images/dash.jpg) repeat-x bottom;
}
.a_title a, .n_title a, .p_title a
{
	width: 69px;
	height: 15px;
	display: block;
	float:left;
	background: url(../images/a_title.jpg) no-repeat left top;
}
.en_a_title a,.en_n_title a,.en_p_title a
{
	width:120px;
	background: url(../images/e_a_title.jpg) no-repeat left top;
}
span.more
{
	float: right;
}
span.more a
{
	width: 45px;
	padding-left: 15px;
	background: url(../images/arrow_1.jpg) no-repeat left 3px;
}
.a_con, .p_con
{
	padding-top: 5px;
	line-height: 20px;
	height: 175px;
	overflow: hidden;
}
.a_con
{
	line-height: 28px;
}
.a_pic
{
	width: 277px;
	height: 85px;
	padding: 0 0 5px 5px;
	background: url(../images/a_pic.jpg) no-repeat left top;
}
.news
{
	width:340px;
	float:left;
	padding-left:20px;
}
.n_title a
{
	background: url(../images/n_title.jpg) no-repeat left top;
}
.en_n_title a
{
	background: url(../images/e_n_title.jpg) no-repeat left top;
}
ul.news_list li, ul.prod_info li
{
	padding: 0 0 0 10px;
	background: url(../images/arrow.jpg) no-repeat left 6px;
}
.a_con ul.news_list li a
{
	color: #525252;
}
.a_con ul.news_list li a:hover
{
	color: #129dd6;
}
ul.prod_info li
{
	padding: 0 0 5px 10px;
	background: url(../images/arrow.jpg) no-repeat left 6px;
}
.a_con ul.news_list span.time
{
	color: #2d2d2d;
	font-weight: bold;
	float:right;
}
.products
{
	width:375px;
	float: left;
	padding-left:20px;
}
.p_title a
{
	background: url(../images/p_title.jpg) no-repeat left top;
}
.en_p_title a
{
	background: url(../images/e_p_title.jpg) no-repeat left top;
}
.p_con
{
	padding-top: 0px;
	line-height: 20px;
	height: 180px;
	overflow: hidden;
}
.scroll_box{
	margin:10px 0;
	height:160px;
	overflow:hidden;
}
.scroll_box_1{
	margin:0;
	height:170px;
	overflow:hidden;
}
.p_pic
{
	float: left;
	text-align: center;
}
div.prod_info
{
	width: 215px;
	height:160px;
	float: left;
	overflow:hidden;
}
/***************** foot *****************/
#foot
{
	line-height: 30px;
	margin-top: 20px;
	border-top: 2px #cfcfcf solid;
}
span.bh
{
	float: right;
	padding-top: 8px;
}
/***************** insidepage *****************/
.pagination
{
	color: #000;
	margin-top: 20px;
	padding-top: 5px;
	text-align: center;
	border-top: 1px #ccc solid;
}
#inpg_center
{
	margin-top: 7px;
	background: url(../images/inpg_bg.jpg) repeat-y;
}
.left
{
	width: 195px;
	float: left;
	background: #efefef;
}
.left_menu .title
{
	line-height: 35px;
	padding-left: 25px;
	font-size: 16px;
	font-weight: bold;
	background: url(../images/arrow_2.jpg) no-repeat 10px;
}
.left_menu ul li
{
	line-height: 25px;
	margin-bottom: 1px;
}
.left_menu ul li a
{
	width: 165px;
	line-height: 25px;
	display: block;
	padding-left: 30px;
	background: #d6d6d6 url(../images/arrow_3.jpg) no-repeat 20px;
}
.left_menu ul li a:hover
{
	background: #d6d6d6 url(../images/arrow_3.jpg) no-repeat 20px;
}
.left_menu ul li ul.sub li a
{
	width: 155px;
	padding-left: 40px;
	background: #efefef;
}
.right
{
	width: 780px;
	float: right;
}
.inpg_bn
{
	width: 778px;
	height: 161px;
	background: url(../images/1.jpg) no-repeat left top;
}
.inpg_bn_c
{
	background: url(../images/bn3.jpg) no-repeat left top;
}
.inpg_bn_t
{
	background: url(../images/bn2.jpg) no-repeat left top;
}
.inpg_bn_n
{
	background: url(../images/bn1.jpg) no-repeat left top;
}
.inpg_title
{
	font-size: 14px;
	font-weight: bold;
	color: #1477d8;
	line-height: 20px;
	padding-left: 10px;
	margin-top: 15px;
	border-bottom: 1px #ccc solid;
}
span.crumb
{
	float: right;
	color: #000;
	font-size: 12px;
	padding: 0 15px;
	font-weight: normal;
	background: url(../images/arrow_1.jpg) no-repeat left;
}
span.crumb a, ul.news_list li a
{
	color: #000;
}
.inpg_a_con
{
	color: #000;
	line-height: 30px;
	padding: 20px;
}
ul.news_list li
{
	line-height: 35px;
	padding-left: 15px;
	background: url(../images/arrow_4.jpg) no-repeat left 12px;
}
span.time
{
	color: #828282;
	font-weight: normal;
}
.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;
}
ul.prod li
{
	width: 168px;
	height:170px;
	float: left;
	padding: 0 7px 20px;
	text-align: center;
}
.p_box{
	width:150px;
	height:150px;
	text-align:center;
	line-height:150px;
	overflow:hidden;
	position:relative;
	display:table-cell;
	vertical-align:middle;
}
.p_box p {
	position:static;
	+position:absolute;
	top:50%;
	vertical-align:middle;
}
.p_box img {
	position:static;
	+position:relative;
	top:-50%;left:-50%;
	vertical-align:middle;
	max-width:150px;
	max-height:150px;
	-ms-interpolation-mode: bicubic; 
}
*html .p_box img{
	width:expression(this.width >150 && this.height <= this.width ? 150: true);
	height:expression(this.height > 150 && this.width <= this.height ? 150 : true);
}




.case_pic img {
	max-width:180px;
	max-height:140px;
	-ms-interpolation-mode: bicubic; 
}
*html .case_pic img{
	width:expression(this.width >180 && this.height <= this.width ? 180: true);
	height:expression(this.height > 140 && this.width <= this.height ? 140 : true);
}



.big_pic
{
	text-align: center;
	padding-bottom: 10px;
}
.p_explain
{
	padding: 0 8px;
	font-size: 16px;
	border: 1px #ccc solid;
}
.p_info
{
	padding: 5px 15px;
	line-height: 22px;
}
.inpg_a_con table a
{
	color: #cd0a00;
}
.inpg_a_con table a:hover
{
	color: #067cb9;
}
ul.f_link li
{
	float: left;
	width: 235px;
	padding-left: 15px;
	background: url(../images/arrow_4.jpg) no-repeat left;
}

.b_baise
{
	height: 20px;
	border: 1px #fff solid;
}
.big_pic img {
	position:static;
	+position:relative;
	vertical-align:middle;
	max-width:500px;
	max-height:500px;
	-ms-interpolation-mode: bicubic; 
}
*html .big_pic img{
    width: expression(this.width > 500 && this.width > this.height ? 500 : auto);
    height: expresion(this.height > 500 ? 500 : auto);
}

/*btn*/
.botton
{
	padding: 0 241px 0 630px;
	_padding: 0 241px 0 627px;
}
a.btn1,a.btn2,a.btn3,a.btn4,a.btn5,a.btn6{ background:url(../images/btn.gif) 0 0 no-repeat; display:block; width:108px; height:43px; text-indent:-9999px; overflow:hidden; margin-bottom:3px;}
.en_botton a.btn1,.en_botton a.btn2,.en_botton a.btn3,.en_botton a.btn4,.en_botton a.btn5,.en_botton a.btn6{ background:url(../images/e_btn.gif) 0 0 no-repeat; }
a.btn1{ background-position:0 0}
a.btn2{ background-position:0 -44px}
a.btn3{ background-position:0 -88px}
a.btn4{ background-position:0 -132px}
a.btn5{ background-position:0 -176px}
a.btn6{ background-position:0 -220px; margin-bottom:0;}

a.btn1:hover{ background-position:right 0}
a.btn2:hover{ background-position:right -44px}
a.btn3:hover{ background-position:right -88px}
a.btn4:hover{ background-position:right -132px}
a.btn5:hover{ background-position:right -176px}
a.btn6:hover{ background-position:right -220px}



.p_pic {
/*非IE的主流浏览器识别的垂直居中的方法*/
display: table-cell;
vertical-align:middle;
/*设置水平居中*/
text-align:center;
/* 针对IE的Hack */
*display: block;
*font-size: 135px;/*这个值大概为最大高度的0.875*/
*font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/
width:150px;
height:150px;
}
.p_pic img {
/*设置图片垂直居中*/
vertical-align:middle;
/*非IE6下的等比缩放*/
max-width:150px;
max-height:150px;
-ms-interpolation-mode: bicubic; 
/*IE6下的等比缩放，注意expression其实是运行了一个JS程序，所以如果图片很多的话会引起CPU占用率高*/
width:expression(this.width >150 && this.height <= this.width ? 150: true);
height:expression(this.height > 150 && this.width <= this.height ? 150 : true);
}