@charset "utf-8";
/****** Copyright (c) 2011  All rights reserved. ******/

/* Built by Hrfang */

/* QQ: 253519973 */
html, body,div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin: 0;padding: 0;border: 0; } 
body { font: normal 13px/24px 微软雅黑; color: #555; background:url(bg.jpg) no-repeat top center; }
input.wb,select,textarea { border:1px solid #DDDDDD;}
dl,dt,dd,ul,li { list-style-type: none; list-style-position: outside; }

h1,h2,h3,h4,h5,h6 { font-size: 14px; color:#222; font-weight:normal; }

em { font-style: normal;}

a { text-decoration: none;}
a:link    {color: #555; }
a:visited {color: #555;}
a:hover   {color: #f60; text-decoration: underline; }
a:active  {color: #f60;}
.red{ color:#ce0000; font-weight:bold; text-decoration: none; }
a.red:link    {color: #F60; }
a.red:visited {color: #F60;}
a.red:hover   {color: #f30; text-decoration: underline; }
a.red:active  {color: #f30;}
.gray{ color:#999; text-decoration: none; }
a.gray:link    {color: #999; }
a.gray:visited {color: #999;}
a.gray:hover   {color: #999; text-decoration: underline; }
a.gray:active  {color: #999;}
.clearfix:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clear{clear:both;}
.clearfix{display:inline-block;}
/* Hide from IE Mac */
.clearfix {display:block;}
/* End hide from IE Mac */
/* end of clearfix */

/*Header*/
.head{ background:url(headbg.png) repeat-x;}
.head dl{ width:980px; height:60px; padding:20px 0; margin:0 auto;}
.head dl dt{ float:left;}
.head dl dd{ text-align:right; float:right;}
/*Menu*/
.menu{ height:36px; background:url(menubg.png) repeat-x;}
.nav{ width:980px; height:36px; font:bold 14px/36px 微软雅黑; margin:0 auto; overflow:hidden;}
.nav a{ width:10%; text-align:center; color:#fff; float:left;}
.nav a:hover{ background:url(hover.png) no-repeat top center; color:#0c60b8; text-decoration:none;}
.search{ width:980px; height:25px; margin:10px auto; overflow:hidden;}
.search .tijiao{ float:right;}
.search .text{ float:left;}
.search input{ border:1px solid #ddd; vertical-align:middle;}
.search span{ color:#3b7abe;}
.btn-search{ width:61px; height:20px; background:url(btn-search.png) no-repeat; border:none;vertical-align:middle}

.banner_box{ height:290px; padding:5px 0; background:url(banbg.png); overflow:hidden;}
.banner{ width:980px; height:290px; margin:0 auto; overflow:hidden;}
/*Banner幻灯片*/
#Slidebox{width:100%; height:300px; position:relative; overflow:hidden;}
#Slidebox .banyy{ width:100%; height:8px; position:absolute; background:url(banyy.png) repeat-x; z-index:1;}
#flashBg { width:100%; height:300px; clear: both; overflow:hidden;}
#flashLine { width:100%; height:388px; clear: both;}
#flash{ width:100%; height:300px; overflow:hidden; clear:both;position:relative;}
#flash img { height:300px;}
#flash a {width:100%; height:300px; display:none;}
.flash_bar {width:51%;padding-left:49%;z-index: 69;height: 30px;overflow: hidden; position:absolute;padding-top: 13px!important;padding-top: 12px;bottom:0px;left:0px;text-align: center;background: url(../images/touming.png) repeat-x center bottom;}
.flash_bar .dq {
display: block;float: left;width: 12px;height: 12px;margin:2px 4px;cursor: pointer;background: url(../images/pagination.png) no-repeat 0px -12px; overflow:hidden;
_background: none; 
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="pagination.png" ,sizingMethod="crop");
}
.flash_bar .no {display: block;float: left;width: 12px;height: 12px;margin:2px 4px;cursor: pointer;
background:url(../images/pagination.png) no-repeat 0px 0px; overflow:hidden;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="pagination.png" ,sizingMethod="crop");
}


/*Index*/
.box{ width:980px; margin:10px auto; overflow:hidden;}
.box .left{ width:220px; float:left;}
.box .left h2{ height:30px; background:#0c60b8; padding:0 10px; font:bold 14px/30px 宋体; color:#fff;}
.box .left ul.fenl{ border:1px solid #eee; padding:10px 9px; margin-bottom:10px;}
.box .left ul.fenl li{ height:28px; line-height:28px; border-bottom:1px dashed #eee;}
.box .left ul.fenl li a{ background:url(ico02.png) no-repeat left center; text-indent:15px; display:block;}
.box .left .taobao{ margin-bottom:10px;}
.box .left .service{ padding:9px; border:1px solid #eee;}
.box .left .service strong{ color:#f60;}

.box .right{ width:740px; float:right;}
.box .right h3{ padding:8px 0; border-bottom:1px solid #eee; display:block;}
.box .right .iabout{ width:360px; float:left;}
.box .right .iabout div{ height:165px; padding:10px 0; overflow:hidden;}
.box .right .iabout div img{ margin:5px 10px 0 0; float:left;}
.box .right .inews{ width:360px; float:right;}
.box .right .inews ul{ padding:10px 0;}
.box .right .inews ul li{ background:url(ico02.png) no-repeat left center; text-indent:15px;}
.download,.technology,{ width:360px; height:200px; overflow:hidden;}
.download{ float:left;}
.technology{ float:right;}
.download ul,.technology ul{ padding:10px 5px;}
.download ul li,.technology ul li{ background:url(ico02.png) no-repeat left center; text-indent:15px;}
.download ul li span,.technology ul li span{ color:#bbb; float:right;}

/*page-css*/
.page_title{ height:30px; line-height:30px; border-bottom:1px solid #eee;}
.page_title h4{ background:url(ico03.png) no-repeat left center; text-indent:23px; color:#0c60b8; font-weight:bold; float:left;}
.page_title span{ color:#999; float:right;}
.page_title span a{ color:#999;}
.per_nex { height:25px; border:1px dashed #eee; padding:4px 9px; margin:10px 0; overflow:hidden;}
.page_about,.page_news{ padding:10px 0; font-size:14px;}
.page_news ul li{ height:28px; line-height:28px; background:url(ico02.png) no-repeat left center; text-indent:15px; border-bottom:1px dashed #eee;}
.page_news ul li:hover{ background-color:#f3f3f3;}
.page_news ul li a{ float:left;}
.page_news ul li span{ color:#999; float:right;}
.page_pro_list{ margin:10px 0;}
.page_pro_list ul{}
.page_pro_list ul li{ width:228px; margin:8px; height:200px; border:1px dashed #eee; float:left;}
.page_pro_list ul li:hover{ background:#f3f3f3;}
.page_pro_list ul li img{
	max-width: 210px;
 height: e-xpression(this.width>210px?"210px":this.width);
 	max-height: 144px;
 height: e-xpression(this.width>144px?"144px":this.width);
}

/*新闻页展示*/
.page_news_show{}
.page_news_show h1{ font-size:16px; line-height:40px; color:#f60; text-align:center;}
.page_news_show .info{ text-align:center; color:#999; border:1px dashed #eee;}
.page_news_show .info em{ cursor:pointer;}
.page_news_more{}
.page_news_more h4{ background:#0c60b8; line-height:28px; font-size:14px; color:#fff; font-weight:bold; text-indent:15px;}
.page_news_more ul{ padding:10px 0;}
.page_news_more ul li{ background:url(ico02.png) no-repeat left center; border-bottom:1px dashed #eee; line-height:28px; text-indent:15px;}
.page_news_more ul li span{ color:#999; float:right;}

/*分页*/
.pageinfo { padding:10px 0; text-align:center; color:#116f00; background-color:#fff;}
.pageinfo A { padding:2px 5px; margin:0 2px; color:#116f00; text-decoration:none; border:1px solid #E1E1E1; }
.pageinfo A:hover { color:#f60; border: 1px solid #f60; }
.pageinfo A:active { color:#f60; border: 1px solid #f60; }
.pageinfo SPAN.thisclass { padding:2px 5px; font-weight:bold; color:#fff; background-color:#f60; border: 1px solid #f60; }
.pageinfo SPAN.pageinfo { padding:2px 5px; background-color:#fff; border: 1px solid #E1E1E1; color: #333333; }
.pageinfo SPAN.disabled { display:none}
.pageinfo SPAN.current { padding:2px 5px; border: 1px solid #116f00; color:#fff; background-color: #116f00; }


.rollBox{ width:740px; height:130px; margin:15px 0; overflow:hidden}
.rollBox .scrollcon{ width:740px; height:130px;}
.rollBox .LeftBotton{height:130px;width:18px;background:url(jt02.png) no-repeat center center;overflow:hidden;float:left;display:inline;cursor:pointer;}
.rollBox .RightBotton{height:130px;width:18px;background:url(jt01.png) no-repeat center center;overflow:hidden;float:left;display:inline;cursor:pointer;}
.rollBox .Cont{width:684px; margin:0 10px;overflow:hidden;float:left;height:124px;}
.rollBox .ScrCont{width:10000px;}
.rollBox .Cont .pic{width:178px;height:130px;overflow:hidden;float:left;}
.rollBox .Cont .pic img{ width:150px; height:100px;}
.rollBox #List1, .rollBox #List2{float:left;}

.box01,.box02,.box03{ width:980px; background:#FFF; margin:0 auto; overflow:hidden;}
.box01 h3{ height:30px; background:#0c60b8; padding:0 10px; font:bold 14px/30px 宋体; color:#fff;}
.box01 ul{ padding:9px; border:1px solid #eee;}
.box01 ul li{ width:230px; padding:5px; overflow:hidden; float:left;}
.box01 ul li table{ border:1px dashed #CCC;}
.box01 ul li table:hover{ background:#eeeeee;}
.box01 ul li img{
	max-width: 210px;
 width: e-xpression(this.width>210px?"210px":this.width);
	max-height: 140px;
 height: e-xpression(this.height>140px?"140px":this.height);}

.box02 .ileft{ width:250px; float:left;}
.box02 .ileft span,.box02 .icenter span{ height:34px; font:bold 14px/28px Arial, Helvetica, sans-serif; color:#155815; background:url(title.png) no-repeat left bottom; text-indent:30px; display:block;}
.box02 .ileft ul{ margin-top:15px; height:230px;}
.box02 .ileft ul li{ background:url(icon01.jpg) no-repeat left center; text-indent:13px;}
.box02 .icenter{ width:460px; margin-left:10px; float:left;}
.box02 .icenter div{ margin-top:15px; height:230px;}
.box02 .icenter div img{ margin:0 15px 10px 0; float:left;}
.box02 .iright{ width:250px; overflow:hidden; float:right;}
.box02 .iright span{ font:bold 12px/30px Arial, Helvetica, sans-serif; color:#ffffff; background:url(footer_bg.jpg) repeat-x; padding:0 10px; display:block;}
.box02 .iright div.gg{ height:230px; padding:9px; border:1px solid #5ea032; overflow:hidden;}
.box02 .iright div.gg img{ width:228px; border:1px solid #CCC; margin:5px 0;}

.box03 .ileft{ width:250px; overflow:hidden; float:left;}
.box03 .ileft span,.box03 .iright span{ font:bold 12px/30px Arial, Helvetica, sans-serif; color:#ffffff; background:url(footer_bg.jpg) repeat-x; padding:0 10px; display:block;}
.box03 .ileft div,.box03 .iright ul{ height:200px; padding:9px; border:1px solid #5ea032; overflow:hidden;}
.box03 .iright{ width:250px; overflow:hidden; float:right;}
.box03 .iright ul li{ background:url(icon01.jpg) no-repeat left center; text-indent:13px;}
.box03 .icenter{ width:460px; margin-left:10px; overflow:hidden; float:left;}
.box03 .icenter span{ height:34px; font:bold 12px/28px Arial, Helvetica, sans-serif; color:#155815; text-indent:30px; background:url(title.png) no-repeat left bottom; display:block;}
.box03 .icenter ul{ margin-top:10px;}
.box03 .icenter ul li em{ width:100px;}
.iclass{ width:980px; margin:0 auto; padding:5px 0; overflow:hidden;}
.iclass ul{ border-left:1px solid #a9db88; border-top:1px solid #a9db88; background:#5ea032; overflow:hidden;}
.iclass ul li{ width:194.75px; height:30px; line-height:30px; border-right:1px solid #a9db88; border-bottom:1px solid #a9db88; float:left;}
.iclass ul li a{ background:#5ea032; color:#FFF; text-indent:15px; display:block;}
.iclass ul li a:hover{ background:#1e7d19; color:#FF0;}

/*Content*/
.content{ width:980px; margin:0 auto; padding:10px 0; background:#ffffff; overflow:hidden;}
.content .left{ width:250px; overflow:hidden; float:left;}
.content .left .left01{ margin-bottom:10px;}
.content .left h3{ height:30px; line-height:30px; padding:0 10px; font-weight:bold; color:#ffffff; background:url(footer_bg.jpg) repeat-x;}
.content .left .left01 ul li{ margin:5px 0;}
.content .left .left01 ul li a{ background:#efefef; padding:3px 10px; display:block;}
.content .left .left01 ul li a:hover{ background:#5ea032; color:#FF0;}
.content .left .left02{ margin-bottom:10px;}
.content .left .left02 ul{ border:1px solid #5ea032; padding:9px;}
.content .left .left02 ul li{ background:url(icon01.jpg) no-repeat left center; text-indent:15px;}
.content .left .left03{}
.content .left .left03 div{ border:1px solid #5ea032; padding:9px;}
.content .right{ width:720px; overflow:hidden; float:right;}
.content .right .title{ height:30px; line-height:30px; border-bottom:2px solid #eee;}
.content .right .title h3{ float:left;}
.content .right .title span{ float:right;}
.about-page { padding: 8px; font-size: 14px; line-height: 20px; }
.about-page p { text-indent: 28px; padding-top: 4px; padding-bottom: 4px; }

/*page link css*/
.listpage{
	text-align:center;
	margin-top:18px;
	clear:both;
	zoom:1;
}
.listpage span{
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	padding-top:1px;
	padding-left:7px;
	padding-right:7px;
	padding-bottom:0px;
	line-height:19px;
	display:inline-block;
	color:#ccc;
	margin-left:3px;
	font-family:"微软雅黑","宋体";
}
.listpage a{
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	padding-top:1px;
	padding-left:7px;
	padding-right:7px;
	padding-bottom:0px;
	line-height:19px;
	display:inline-block;
	color:#1e50a2;
	background-color:#f0f4f5;
	margin-left:3px;
	font-family:"微软雅黑","宋体";
}
.listpage a:visited{
	color:#1e50a2;
}
.listpage a:hover{
	color:#fff;
	background-color:#1e50a2;
	text-decoration:none;
}
.listpage a:active{
	color:#1e50a2;
}
.listpage .active{
	color:#fff;
	background-color:#1e50a2;
	font-weight:bold;
}
/*page link css end*/

.links{ width:960px; margin:10px auto; border:1px solid #eee; padding:3px 9px; overflow:hidden;}
.links dl dt{ font-weight:bold; color:#0c60b8;}
.links dl dd a{ width:120px; display:inline-block; float:left;}

/*Footer*/
.footer{ background:#0c60b8;}
.footer dl{ width:960px; padding:0 10px; height:30px; line-height:30px; color:#FFF; margin:0 auto; overflow:hidden;}
.footer dl dt{ height:30px; float:left;}
.footer dl dd{ height:30px; float:right;}

/*Paging*/
.sabrosus { padding:3px; margin:3px; text-align:center;}
.sabrosus a {border: 1px solid #9aafe5; padding:2px 5px; color:#2e6ab1; margin-right:2px; text-decoration:none;}
.sabrosus a:hover,.pagination a:active { border:1px solid #2b66a5; color: #000; background-color:lightyellow;}
.sabrosus span.current { border:1px solid navy; padding:2px 5px; font-weight: bold; color:#fff; margin-right: 2px; background-color: #2e6ab1;}
.sabrosus span.disabled { border:1px solid #929292; padding:2px 5px; color: #929292; margin-right: 2px;}

#KSS_content a{width:420px; height:300px; overflow:hidden; display:block;}

.msg{border:1px solid #f1f1f1; margin-bottom:8px;}
.msg div{padding:5px;}
.msg .book{line-height:24px; background-color:#f8f8f8;}
.msg .book1{ border:1px solid #f3dcc1; background-color:#F7E6D2; color:#F30}

/*产品详细页表格*/
.proparameter{ border-top:1px solid #eee; border-left:1px solid #eee;}
.proparameter td{ border-right:1px solid #eee; border-bottom:1px solid #eee; padding:2px 8px;}