@charset "gb2312";
/* CSS Document */

*{margin:0px;	padding:0px;  font-family:"微软雅黑";  list-style:none; }
input{ border:1px solid #999;}
img {border:0;}

h2{ font-size:16px;}

body{ color:#3f3f3f;  width:100%; font-size: 12px; line-height:20px;  text-align:center; }

a{text-decoration:none; color: #333;}
a:hover{color:#f00; cursor: pointer;}


/*--公共 --*/
.left{ float:left;}
.right{ float:right;}
.displaynone{ display:none;}
.hand{ cursor:pointer;}

.jiantou{ font-size:10px; font-family:"宋体";}
.red{ color:#FF0000;}
.blue{color:#00627a;} /*-郁蓝-*/
.arial{ font-family:Arial, Helvetica, sans-serif}
.orange{ color:#F90; }
.light_gary{ color:#a9b2c3; }
.black{ color:#000;} 

.c{clear:both;}

.subinp{ width:50px; height:21px; }
.textarea{line-height:22px;  border:1px solid #CCC; text-indent:1px;}


/*--公共End--*/
.downdwon {
	text-align: left;
	background-color: #F0F0F0;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-left: 30px;
}

#Top{ margin:10px auto; margin-bottom:0;  width:960px; height:auto;}




#Main{  margin:auto !important; margin:auto 0;  width:960px; height:auto; margin-top:10px;}

#Left{ float:left; width:210px; height:auto; text-align:left;}
#Left .h3{ float:left; width:185px; height:40px; background:url(../imgaes/left_title_bg.gif) no-repeat left top; }
#Left .h3 strong{ float:left; display:block; width:100%; height:20px; line-height:20px; font-size:16px; text-indent:10px;}
#Left .h3 .h3_en{ float:left; display:block; width:100%; height:10px; line-height:10px; font-size:10px;text-indent:10px; }

#Left .listLeft{ float:left; width:185px; height:auto; }
#Left .listLeft li{ width:100%; height:25px;}
#Left .listLeft li a{ display:block; width:100%; height:25px; text-indent:12px; line-height:25px; color:#888888; background:#ddd;}
#Left .listLeft li a:hover{ background:#CCC; color:#fff;}	

#Left .contactLeft{ float:left; width:185px; height:93px; padding-top:10px;}


#Right{ float:left; width:750px; height:auto; text-align:left;}
#Right .rightTitle{ width:750px; height:50px; }
#Right .rightTitle .h2{ width:750px; height:30px; font-size:16px; border-bottom:1px solid #cfcfcf; line-height:28px; text-indent:5px;}



	#About{ margin:auto !important; margin:auto 0; line-height:25px; width:730px; height:auto; padding-top:8px;}
	 	#Map { width:728px; height:600px; border:1px solid gray;}
	
	#GuestBook	{margin:auto !important; margin:auto 0; line-height:25px; width:730px; height:auto; padding-top:8px;}
	#GuestBook .msgform thead td{padding-left:10px;border-bottom:1px dotted #666;font-weight:bold;}
	#GuestBook .msgform td{padding:3px;}
	#GuestBook .wd2{font-family:Wingdings 2;}
	#GuestBook .textinp{line-height:22px; border:0; height:22px; border:1px solid #CCC; text-indent:1px;}
	#GuestBook .textarea{border:0; border:1px solid #CCC;}
	#GuestBook .guesttitle{text-align:right;padding-right:6px;width:160px;}
	#GuestBook .subBox{ text-align:center;}
	
	#Product{ margin:auto !important; margin:auto 0; width:730px; height:auto; padding-top:8px;}
	
	#Product .searchBox{ width:100%; height:22px; line-height:25px; padding-bottom:10px;}
	#Product .searchBox_text{ width:160px; height:20px; border:1px solid #CCC; line-height:20px; text-indent:2px;}
	
	#Product .prolist_T{width:100%; height:auto ; }
	#Product .prolist_T table{ width:220px; border:0px; margin-top:10px;}
	#Product .prolist_T td{ text-indent:5px;}
	
	
	#Product .prolist .item{ width:728px; height:110px; border:1px solid #CCC; margin-top:10px; padding-top:10px;}
	
	#Product .prolist .item .picBox{ float:left; width:180px; height:120px; text-align:center;  }
	#Product .prolist .item .picBox img{  width:150px; height:100px;}
	#Product .prolist .item .parameterBox{ float:left; width:548px; height:100px; line-height:25px;}
	#Product .prolist .item .parameterBox li{ width:100%; height:30px;}
	
	#Product .h1{ width:100%; height:30px; line-height:30px; font-size:16px; text-align:center;}
	#Product .img{ width:100%; height:auto; text-align:center; overflow:hidden;}
	#Product .content{ width:730px; height:auto; padding-top:8px; line-height:25px; white-space:normal; }




/*分页样式-------开始*/

DIV.yellow {
	PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px; MARGIN: 3px; PADDING-TOP: 7px; TEXT-ALIGN: center
}
DIV.yellow A {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: #000; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none
}
DIV.yellow A:hover {
	BORDER-RIGHT: #f0f0f0 1px solid; BORDER-TOP: #f0f0f0 1px solid; BORDER-LEFT: #f0f0f0 1px solid; COLOR: #000; BORDER-BOTTOM: #f0f0f0 1px solid
}
DIV.yellow A:active {
	BORDER-RIGHT: #f0f0f0 1px solid; BORDER-TOP: #f0f0f0 1px solid; BORDER-LEFT: #f0f0f0 1px solid; COLOR: #000; BORDER-BOTTOM: #f0f0f0 1px solid
}
DIV.yellow SPAN.current {
	BORDER-RIGHT: #08A3EA 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #08A3EA 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #08A3EA 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #08A3EA 1px solid; BACKGROUND-COLOR: #08A3EA
}
DIV.yellow SPAN.disabled {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}

/*分页样式------结束*/

/*默认模板样式  start	*/


	
/*新闻列表	*/
.newslist li{padding:5px 0px;border-bottom:1px dotted #ccc;clear:both;}
.newslist li span{float:right;padding-right:4px;color:#999;}
.go{margin:0px 8px;color:#f00;}


/*产品列表	*/
#ProductList{width:95%;margin:10px auto; }	
#ProductList .item{width:230px; height:200px; float:left; text-align:center;}
#ProductList .item h4{ font-size:12px;}
#ProductList p{padding:6px 0px;margin:0px;}    
#ProductList .imgtab{width:150px;height:120px;}
#ProductList .imgtd{width:160px;height:130px;}/*加10个px 为了使只有一个产品图片时显示美观*/
#ProductList .nav{ width:100%; height:30px; line-height:30px;line-height:30px; padding:0; margin:0;}

.inp{
	border: 1px solid #CCCCCC; font-size:12px;
}
	
	
/*默认模板样式   end 	*/	
	
	
.foot_margin{ width:100%; height:10px; overflow:hidden;}

#Footer{ margin:auto !important; margin:auto 0; width:960px; height:50px; text-align:center; line-height:25px; padding-top:25px; border-top:1px solid #e8e8e8; color:#999;}



#slideshow_wrapper {
	POSITION: relative;
	PADDING-BOTTOM: 0px;
	BACKGROUND-COLOR: #121212;
	PADDING-LEFT: 0px;
	WIDTH: 100%;
	PADDING-RIGHT: 0px;
	HEIGHT: 342px;
	OVERFLOW: hidden;
	PADDING-TOP: 0px
}
#slideshow_footbar {
	Z-INDEX: 5;
	POSITION: absolute;
FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#32000000, endColorstr=#32000000);
	WIDTH: 100%;
	BOTTOM: 0px;
	HEIGHT: 30px
}
#slideshow_photo {
	POSITION: absolute;
	WIDTH: 100%;
	HEIGHT: 100%;
	CURSOR: pointer
}
#slideshow_photo A {
	Z-INDEX: 1;
	BORDER-BOTTOM: 0px;
	POSITION: absolute;
	BORDER-LEFT: 0px;
	MARGIN: 0px;
	DISPLAY: block;
	BORDER-TOP: 0px;
	TOP: 0px;
	BORDER-RIGHT: 0px;
	LEFT: 0px;
	width: 100%;
}
#slideshow_footbar .slideshow-bt {
	BACKGROUND-COLOR: #d2d3d4;
	MARGIN: 10px 10px 0px 0px;
	WIDTH: 40px;
	DISPLAY: inline;
	FLOAT: right;
	HEIGHT: 10px;
	FONT-SIZE: 0px
}
#slideshow_footbar .bt-on {
	BACKGROUND-COLOR: #30b1eb
}


*{ padding:0px; margin:0px;}
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
/*解决IE6下不兼容 position:fixed 的问题*/
#code,#code_hover,#gotop{ width:36px; height:48px; background:url(../swf/icon.png) no-repeat; position:fixed; right:50px; cursor:pointer;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
#code{ background-position:-276px -258px; bottom:100px; _margin-bottom:120px;}
#code_hover{ background-position:-316px -258px; bottom:100px; _margin-bottom:120px;}
#code_out {display:none;}
#gotop{ background-position:-276px -310px; bottom:47px; _margin-bottom:67px;} 

#code_img{ width:260px; height:260px; background:url(../swf/erwei.png) 0px 0px no-repeat; position:fixed; right:90px; bottom:47px; cursor:pointer; display:none;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); _margin-bottom:67px;}

.view-first{position:relative;}
.view-first img{-webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in; -o-transition:all .2s ease-in; -ms-transition:all .2s ease-in; transition:all .2s ease-in;}
div.mask-hover img, .view:hover img{width:120px; height:90px;}
.view{position:relative; text-align:center; cursor:default; width:190px; height:190px; margin-left:auto; margin-right:auto; overflow:hidden;}
.view .mask{width:180px; overflow:hidden; margin:0 auto;}
.view .title{text-align:center; position:relative; font-size:12px;  height:25px; line-height:25px;}
.view .title a{ color:#555; text-decoration:none;}
.view .text{position:relative; text-align:left; font:normal 12px/16px '宋体'; color:#555;}

.list_box_m_r_p2{width:90px;height:43px; overflow:hidden;background:url(../swf/btn1.jpg) no-repeat left top; color:#fff;font-size:12px; position:absolute; padding:0 6px;z-index:5; line-height:20px;}
.list_box_m_r_p2_1{margin-left:0px; display:inline;}
.list_box_m_r_p2_2{margin-left:110px; display:inline}
.list_box_m_r_p2_3{margin-left:220px; display:inline}
.list_box_m_r_p3{margin-top:44px; width:350px; height:26px;}
.list_box_m_r_p3 span{height:26px;width:70px; float:left;padding-left:30px; line-height:26px; display:block}
.list_box_m_r_p3_s1{ background:url(../swf/btn2.jpg) no-repeat left top;display:inline;margin-right:5px;}
.list_box_m_r_p3_s2{ background:url(../swf/btn2.jpg) no-repeat 0 -25px;display:inline;margin-right:5px;}
.list_box_m_r_p3_s3{ background:url(../swf/btn2.jpg) no-repeat 0 -53px;display:inline;}