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

*{margin:0px;	padding:0px;  font-family:Microsoft Yahei,arial, "宋体";  list-style:none; }
input{ border:1px solid #999;}
img {border:0;}

h2{ font-size:16px;}

body{ color:#666;  width:100%; font-size: 12px; line-height:20px; }

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{ width:100%; height:85px; *z-index:5;position:relative;}
#TopContent { width:1000px; margin: 0 auto;}
#TopContent .left {
padding: 15px 0px 0px 0px;
}
#TopContent .right{ width:580px;}

#Banner { background:#31333f; width:100%;}
.focus{width:1000px;height:394px;position:relative; margin:0 auto;}
.f895x394{width:1000px;height:394px;overflow:hidden}
.f895x394 img{width:1000px;height:394px;}

.rslides{width:100%;position:relative;list-style:none;padding:0}
.rslides_nav{height:36px;width:21px;position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:50%;left:0;text-indent:-9999px;overflow:hidden;text-decoration:none;background:url(bleft.png) no-repeat; z-index:2;}
.rslides_nav:active{opacity:1.0}
.rslides_nav.next{left:auto;background:url(bright.png) no-repeat;right:0}
.rslides_tabs{margin:12px auto;clear:both;text-align:center;display:none;}
.rslides_tabs li{display:inline;float:none;_float:left;*float:left;margin-right:5px}
.rslides_tabs a{text-indent:-9999px;overflow:hidden;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;background:rgba(0,0,0, .2);background:#DDD;display:inline-block;_display:block;*display:block;width:9px;height:9px}
.rslides_tabs .rslides_here a{background:rgba(0,0,0, .6);background:#390}
 	
ul#navmenu a.menu_home {
background: url(home1.jpg) center left no-repeat;
padding-left:25px;
}
ul#navmenu a:hover .menu_home {
background: url(home.jpg) center left no-repeat;
}
ul#navmenu { 
    list-style: none outside none; width:580px; margin:0 auto; height:85px;
} 
ul#navmenu li { 
margin: 0 0px 0 0; 
border: 0 none; 
float: left; /*For Gecko*/ 
display: inline; 
list-style: none; 
position: relative; 
height: 85px;
line-height:85px;
padding: 0 9px;
} 
ul#navmenu ul { 
margin: 0; 
border: 0 none; 
padding: 0; 
width: 160px; 
list-style: none; 
display: none; 
position: absolute; 
top: 85px; 
left: 0; 
z-index:9999;
background: url(menubg.jpg) 20px top no-repeat #fff;
margin-top: -16px;
padding-top: 16px;
} 
ul#navmenu ul li { 
float: none; /*For Gecko*/ 
display: block !important; 
display: inline; /*For IE*/ 
height:30px; line-height:30px;
background: #e2e7ed;
padding: 0; text-indent: 0.5em;
} 
/* Root Menu */ 
ul#navmenu a { 
 
float: none !important; /*For Opera*/ 
float: left; /*For IE*/ 
display: block; 
color: #666; 
font-size:14px; 
text-decoration: none; 
height: 85px !important;
height: 1%; /*For IE*/
background:none;
} 
/* Root Menu Hover Persistence */ 

ul#navmenu a:hover,
ul#navmenu li:hover a{ 
color: #00aeff;
}
ul#navmenu li:hover a.menu_home{ 
background:url(home.jpg) no-repeat left center;
}
/* 2nd Menu */ 
ul#navmenu li:hover li a, 
ul#navmenu li.iehover li a { 
float: none;
text-align:left; color:#666;
font-size:12px; padding:0 5px; height:30px; height: 30px !important; line-height:30px;
} 
/* 2nd Menu Hover Persistence */ 
ul#navmenu li:hover li a:hover, 
ul#navmenu li:hover li:hover a, 
ul#navmenu li.iehover li a:hover, 
ul#navmenu li.iehover li.iehover a { 
background:#00aeff; color:#fff;
} 
/* Do Not Move - Must Come Before display:block for Gecko */ 
ul#navmenu li:hover ul ul, 
ul#navmenu li:hover ul ul ul, 
ul#navmenu li.iehover ul ul, 
ul#navmenu li.iehover ul ul ul { 
display: none; 
} 
ul#navmenu li:hover ul, 
ul#navmenu ul li:hover ul, 
ul#navmenu ul ul li:hover ul, 
ul#navmenu li.iehover ul, 
ul#navmenu ul li.iehover ul, 
ul#navmenu ul ul li.iehover ul { 
display: block; 
}
	
.maintitle {
width: 900px;
margin: 0 auto;
text-align: left;
font-size: 34px;
padding-top: 30px; *padding-bottom:15px;
padding-left: 50px; font-family:Microsoft Yahei;
}
.maintitle span{
font-size: 14px;
color: #e57825;
margin-left: 100px;
font-weight: bold;
}

#Main{   margin: 0 auto;  width: 1000px; height:auto; padding-top:10px;}
.mainMenu { height:385px;}
.mainMenu li {
float: left;
width: 250px;
margin-top:30px; text-align:center;
}
.mainMenu li h3 {
font-size: 24px;
line-height: 50px;
font-family: Microsoft Yahei;
font-weight: normal;
}
.mainMenu li p {
font-size: 14px;
width: 110px;
margin:10px auto;
}
.mainMenu li a { color:#00aeff}
.mainMenu li p span { display:block}
.mainMenu li p a { color:#666}

.mtitle {
font-size: 22px;
font-family: Microsoft Yahei;
line-height: 50px; margin-bottom:10px; padding-left:80px;
}
.mainCase { height:410px;}
.mainCase ul { padding-left:100px;}
.mainCase li {
float: left;
width: 195px;
text-align:center;  margin-bottom:20px;
}
.mainCase li span{ display:block; line-height:22px;}

.mainFriend { margin: 0 auto 40px auto;}
.img-scroll {width: 780px;overflow:hidden;}
.product_l{
	float:left;
	width:40px;
	height:100px;
	text-align:center;
	background:url(left.jpg) no-repeat center;
	overflow:hidden;
	cursor:pointer;
}
.product_r{	
	float:right;
	width:40px;
	height:100px;
	text-align:center;
	background:url(right.jpg) no-repeat center;
	overflow:hidden;
	cursor:pointer;
}

.product_box{float:left;width:700px;overflow:hidden;height:120px;}	
.img-list {overflow:hidden; width:660px;height:120px; margin:0 auto;}
.img-list ul { width:9999px;}
.img-list li { float:left; display:inline; margin-left:0px; padding-right:0px; width:165px; text-align:center; }
.img-list li span{ display:block; line-height:25px;}

#Left{ float:left; width: 690px; margin-right: 79px; padding-top:80px; height:auto; text-align:left;}
#Left .h3{
height: 30px;
line-height: 30px;
border-top: 1px solid #999;
font-size: 14px;
padding-left: 20px;
background:url(ico.jpg) 10px no-repeat #d8d8d8;
}
#Left .listLeft{ list-style: none; margin-bottom: 10px;border-bottom: 1px solid #999;}
#Left .listLeft li{background: #e9e9e9; padding-left:20px; border-top: 1px solid #999;}
#Left .listLeft li a{ display:block; height: 28px; line-height: 28px;padding-left: 10px; background:url(lico.gif) left no-repeat;}
#Left .listLeft li a:hover{ color: #0b0b64;}	

#Left dl {border-bottom: 1px solid #999;}
#Left dt {
line-height: 30px;
border-top: 1px solid #999;
font-size: 14px;
padding-left: 10px;
background:url(left_ico.jpg) 230px center no-repeat #d8d8d8;
}
#Left dd {background: #e9e9e9; border-top: 1px solid #999;}
#Left dd a{ display:block; height: 28px; line-height: 28px;padding-left: 20px; background:url(lico.gif) 10px no-repeat;}
#Left dd a:hover{ color: #0b0b64; background:url(lico.gif) 10px no-repeat #fff;}

#Right{ float:left; width:231px; height:auto; text-align:left; padding-top:150px;}
#Right h3 {
line-height: 50px;
font-size: 18px;
color: #666;
font-family: Microsoft Yahei;
font-weight: normal;
}
#Right p { background:url(map2.jpg) no-repeat top left;padding: 0px 8px 0 18px;margin-top: 10px;}
.map {
background: url(map.jpg) no-repeat;
height: 198px;
padding-top: 12px;
padding-left: 12px;
}

#About{ margin:auto !important; margin:auto 0; line-height:23px; height:auto; padding: 15px 20px; min-height:200px; _height:200px;}
	 	#Map { width:728px; height:600px; border:1px solid gray;}
	
	#GuestBook	{margin:auto !important; margin:auto 0; line-height:25px; height:auto; padding: 20px;}
	#GuestBook .msgform thead td{padding-left:10px;border-bottom:1px dotted #666;font-weight:bold;}
	#GuestBook .msgform td{padding:3px; background:#fff;}
	#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:121px;}
	#GuestBook .subBox{ text-align:center;}
	
	#Product{ margin:auto !important; margin:auto 0; 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: right
}
DIV.yellow A {
	BORDER: #bdbdbd 1px solid; PADDING:2px 5px; MARGIN: 2px; COLOR: #333; TEXT-DECORATION: none
}
DIV.yellow A:hover {
	BORDER: #bdbdbd 1px solid; PADDING:2px 5px; MARGIN: 2px; COLOR: #ff6c00;
}
DIV.yellow SPAN.current {
	BORDER: #bdbdbd 1px solid; PADDING:2px 5px; MARGIN: 2px; COLOR: #ff6c00;
}
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 {margin:auto !important; margin:auto 0; padding: 15px 20px; min-height:200px; _height:200px;}
.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;}
.title1{text-align:center;line-height:40px;font-size:18px;font-weight:bold;}
.title2{text-align:center;line-height:24px;font-size:12px;border-bottom:1px dotted #888;}
.newsbody{margin:10px auto;line-height:22px;}
.newsauthor{text-align:right;line-height:24px;font-size:12px;padding-right:20px;border-bottom:1px dotted #ccc;margin-bottom:10px;}
.newsmore{line-height:22px;font-size:12px;padding-left:20px;}


/*产品列表	*/
.pro_li_title td { border-right:1px #ccc solid; border-bottom:1px #ccc solid;}
.old1 td {border-bottom:1px #ccc dotted;}
.proLeft{ list-style: none; margin-bottom: 10px; border:1px #d4d4d4 solid; border-top:none; padding:10px;}
.proLeft li h3{display:block; padding-left: 10px; border-bottom:1px #bfbfbf dashed; color: #008ce5; background:url(ico.jpg) left no-repeat;}
.proLeft li a{ height: 28px; line-height: 28px; color:#555;}
.proLeft li a:hover{ color: #008ce5;}
#ProductList {margin:auto !important; margin:auto 0; min-height:200px; _height:200px; padding-left:15px;}
#ProductList .item{padding: 0px; float:left; text-align:center; margin-bottom:10px; width: 220px;overflow: hidden; height: 160px;}
#ProductList .item .imgbox{
}
#ProductList span {line-height: 30px;}    
#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;
}
#ProductList .casebox {padding: 0px; float:left; text-align:center; margin-bottom:20px; margin-right:10px; }
#ProductList .casebox .imgbox{
width: 230px; height:180px; border:solid #ccc 1px;
}	
	
/*默认模板样式   end 	*/	
	
	
.foot_margin{ width:100%; height:10px; overflow:hidden;}
#Footer{ width: 100%; height:90px; background: #31333e;}
#FooterContent { margin:auto !important; margin:0 auto; line-height:22px; text-align: center; width: 1000px; padding-top:18px; color:#bbb}
#FooterContent a {color:#bbb}



#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; z-index:2; 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; z-index:2; text-align:center; 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;}