body{
background-color:#ffffff; 
width:100%;
height:100%;
font-family: "宋体",  sans-serif,Arial,Helvetica;
font-size:12px;
color:#000000;
margin-left: auto;
margin-right: auto;
text-align: center;
margin: 0 auto;

}
a {
color:#822C13;
text-decoration:none;
}
a:hover{
text-decoration:underline;
color: #1C703B;
}
ul,li,dl,dt,dd{
margin:0;
padding:0;
list-style-type:none;
}
#head{
background:#fff url(headbg2.jpg) no-repeat top left;
width:1004px;
height:141px;

}
#logo{
/*background:url(logo.gif) no-repeat;*/
width:185px;
height:120px;
margin-top:20px;
margin-left:40px;
float:left;}

#topmenu{
background: url(topmenu.gif) no-repeat  top center;           
float:right;

width:280px;
height:24px;

}
#topmenu ul{
padding-top:5px;
width:250px;

padding-right:2px;
}
#topmenu ul a{
color: #ffffff;


}
#xue{
float:left;
width:1002px;
height:140px;
position:absolute;
left:50%;
margin-left:-550px;
*margin-left:-320px;
_margin-left:-320px;
top:0px;
z-index:990;
}
#menu{
float:right;
width:810px;
height:75px;
position:absolute;
left:50%;
margin-left:-450px;
*margin-left:-320px;
_margin-left:-320px;
top:50px;
z-index:1000;
}
.menu{
background:url(menu.gif) no-repeat;
margin-top:20px;
width:810px;
height:75px;
}


#middle{


width:1005px;


border-left:#339C47 solid 1px;




}
#picplay{
float:left;
width:420px;
height:520px;


}


#middle2{

height:520px;
width:35px;

position:absolute;
left:50%;
margin-left:-210px;
*margin-left:-90px;
_margin-left:-85px;
z-index:100;

background: #FFCCFF url(middlebg4.jpg) repeat-y top left;


}

#middle3{
text-align: left;
width:410px;
height:520px;

background: #FFFFFF url(huawenbg2.jpg)  no-repeat top left;
float:right;
}
#middle_concert{
width:642px;


background:#ffffff url(middlebg7.jpg) repeat-y left top;
float:right;
}
#middle4{ 
background:#FFFFFF url(hu.jpg) no-repeat top left;
width:29px;
height:520px;
float:right;

}

#middle_right{
width:150px;
height:520px;
float:right;

background-color:#339C47;
/*background:#fff url(middlebg.jpg) repeat-x top left;*/
}

#li4{
background:url(hu.jpg) no-repeat top left;
width:29px;
float:right;
height:520px;


}

.dt1{
width:40px;
height:161px;
background: #FFCCFF url(middlebg3.jpg) no-repeat top left;
}
.dt2{
height:198px;
}
.dt3{
width:40px;
height:161px;
background: #FFCCFF url(middlebg6.jpg) no-repeat top left;
}

.title{
width:365px;
margin-top:10px;
height:30px;
margin-left:5px;
float:left;
}
.news img{


}
.news{
background: #f0f7bc;
width:365px;
padding-TOP:12px!important ;
padding-TOP:10px;
padding-left:20px;
margin-right: 10px;
float:right;

}
.news1{
background: #f0f7bc;
width:365px;
margin-right: 10px;
padding-left:20px;

float:right;


}
.newsdt{

}
.login{
background: #f0f7bc;

width:160px;
height:130px;
float:right;
position:absolute;
right:178px !important;
right:180px;
top:50px;

}
.logintittle{
background:url(login.jpg) no-repeat top center;
width:139px;
height:33px;
position:absolute;
right:180px;
top:55px;}
.logincenter{

width:158px;
height:100px;
padding-top:5px;
position:absolute;
right:180px;
top:55px;}
.loginright{

width:158px;
height:100px;
padding-top:5px;
}
#loginok{

width:155px;
margin-top:30px;
margin-left:8px;
height: 100px;
}
#loginok ul {
background: none;

width:150px;
height:24px;
}
#loginok ul li{
float:left;
line-height:24px;
padding-top:3px;
height:24px;
}
#scroll{
background:url(picbgbg.gif) repeat;
width:380px;
height:120px;
margin-top: 10px;
margin-right: 10px;
float: right;
}
.scrleft{
width:16px;
height:81px;
float:left;
margin-top:20px;
}
.scrright{
width:12px;
height:81px;
float:right;
margin-top:20px;
}
#demo {

overflow:hidden;

float:left;
width:345px;

}
#demo img {
border: 3px solid #F2F2F2;
}
#indemo {
float: left;
width: 800%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}

#life{

background: url(life1.gif) no-repeat top left;
width:41px;
height:180px;
width:390px;
margin-top:10px;
margin-left:5px;
float:left;
}
#lifetop{
width:390px;
height:70px;

position:absolute;
left:50%;
margin-left:-60px;

z-index:800;

top:460px;
}

#life dl {

margin-top:46px;
padding-left:48px;
}
#life dl dt{
 text-align:center; 
float:left;
width:120px;
padding-left:18px;
}
#lifefl{

position:absolute;
left:50%;
margin-left:25px!important; 
margin-left:35px;
z-index:250;
width:236px;
height:39px;
top:575px!important ;
top:565px;}
#right{

width:150px;
height:520px;
float:right;
}
.rightdt1{
background:url(notice.gif) no-repeat top left;
height:38px;
margin-top:20px;
margin-left:10px;
}
.rightdd1{
height:135px;
width:136px;
border:#fff solid 1px;
margin-right:5px;
margin-left:5px;

text-align:left;}
#notice_1
{
	overflow:hidden;
	height:120px;
	padding:5px;
	line-height:20px;
}
.rightdt2{
background:url(login1.gif) no-repeat top left;
height:31px;
margin-bottom: 5px;
margin-top:20px;
margin-left:5px;
}
.rightdd2{
height:80px;
width:143px;

margin-right:5px;}
.rightdt4{

width:143px;

margin-left:8px;}
.rightdt3{
background:url(link.gif) no-repeat top left;
height:24px;
margin-top:20px!important;
margin-top:1px;
}
.rightdd3{

width:140px;

margin:10px 0px 0px 0px;}

#jumpMenu{
width:120px;
}

#foot{
clear:both;
background-color:#086131  ;
width:1005px;
height:62px;

}
#foot1{
width:424px;
height:62px;

float:right;
background:url(footbg2.jpg) no-repeat top right;
}

#clear{
border-top:1px solid transparent !important;
margin-top:-1px !important;
border-top:0;
margin-top:0;
clear:both;
visibility:hidden;
}
/**分页**/
.pagelist
{
	margin:3px;
	padding:3px;
	border:0px;
}
.pagelist .n
{
	border:1px #87bf9e solid;
	padding-left:5px;
	padding-right:5px;
	*padding-top:3px;
	*padding-bottom:3px;
	background:#FFFFFF;
}
.pagelist .m
{
	border:1px #87bf9e solid;
	padding-left:5px;
	padding-right:5px;
	*padding-top:3px;
	*padding-bottom:3px;
	background:#fafef2;
}
.userlogin_over
{
	width:100px;
	height:15px;/*firefox*/
	*height:20px;

}

.userlogin_out
{
    border:1px #C60000 solid;
	background-color:#F7F2BD;
	width:100px;
	height:15px;/*firefox*/
	*height:20px;
}

.userlogin_over1
{
	width:80px;
	height:15px;/*firefox*/
	*height:20px;

}

.userlogin_out1
{
    border:1px #C60000 solid;
	background-color:#F7F2BD;
	width:80px;
	height:15px;/*firefox*/
	*height:20px;
}
/**公司简介**/
#middlebgart{ 
clear:both;
height:520px;
width:1004px;
border-top:#4Fbd02 solid 7px;
position:absolute;
left:50%; 

margin-left:-502px;
top:141px;}
#middleart{
float:left;
width:819px;
background: #FFFFFF url(huawenbg.jpg) repeat top;
}

#middleart ul{



width:819px;


}
#middleart li{
float:left;

}

.art_li1{
width:220px;

height:520px;
}
.art_dt1{
width:176px;
background: #FFFFFF  url(lefttittle.gif) no-repeat top;
height:77px;
margin-top:20px;
margin-left:33px;
}
.art_dt2{
width:189px;
background: #FFFFFF   url(left2.gif) no-repeat top;
height:241px;
margin-top:10px;
margin-left:20px;
}
.art_dt2 li{
padding-top:10px;
margin-left:12px;

border-bottom:#993300 dotted 1px;
float:left;
width:170px;
text-align:center;
font-size:14px;
font-weight:bold;}
.art_li2{
height:520px;
width:40px;
background: #FFFFFF  url(middlebg8.jpg) repeat-y top left;
float:left;
}
#art_li3{
height:520px;
width:500px;

float:right;
}


.art_dd1{
background:url(tittlebg.gif) no-repeat top left;

float:right;
margin-bottom:10px;
}
#art_dd1{
background:url(tittlebg.gif) no-repeat top left;
width:320px;
float:left;
margin-bottom:10px;
}

#middle_msg{
float:right;

}
.art_dd2{
background:url(tittlebg.gif) no-repeat top left;
width:605px;
float:left;
margin-bottom:10px;
margin-left:5px;

}


#artright{
background: #FFFFFF url(right1bg.jpg) no-repeat left  top;
width:185px;
height:530px;
float: right;
}
#artfl{
background:url(qinting.gif) no-repeat top left;
width:177px;
height:359px;
position:absolute;
left:50%;
margin-left:120px;
top:183px;
z-index:255;
}


/**产品**/
#productlistbg{
clear:both;
height:530px;
width:1004px;
border-top:#4Fbd02 solid 7px;
position:absolute;
left:50%;
border:#FF0000 thin double;

margin-left:-502px;
top:141px;}

#productlist ul{
float:left;
width:1004px;
background: #FFFFFF url(huawenbg.jpg) repeat top;
}

#productlist ul li{
float:left;

}
#pro_li2{

width:40px;
background: #FFFFFF  url(middlebg8.jpg) repeat-y top left;
}
#pro_li_1{
border-top:#4Fbd02 solid 1px;
background:url(middlebg7.jpg) repeat-y top left;
width:755px;

}

#probg1{
background:url(middlebg3.jpg) no-repeat left top ;
width:755px;


}
#probg1 ul{

width:700px;
margin-left:50px;


}
.prothumbpic{
float:left;
width:150px;
height:120px;
margin-top:15px;
margin-right:10px;
}
.picthumbpic{
float:left;
width:650px;
height:480px;
margin-top:15px;
margin-right:10px;
text-align:center;
}
.prolist{
  margin-left:10px;
width:340px;
  height:200px;
  margin-top:10px;
border: 1px  #00cc00 solid;
float: left;


  }
  

.prodt dd{

 width:186px;
 float: right;


}
.dtr{

background-color: #FFFFCC;
 line-height:28px;
border-bottom:solid #ccc 1px;}
.wtr{
 line-height:28px;
border-bottom:solid #ccc 1px;}
.pro_wtr{ line-height:20px;
}



.art_tittle{
background:url(tittlebg.gif) no-repeat left top;
float:left;
height:40px; }
#art_menu{
background:url(tittlebg.gif) no-repeat top left;
margin-top:5px;
height:40px; 
text-align:right ;

width:700px; 

}
#art_menu li{

border-bottom:solid #00CC00 2px; 
height:20px; 
text-align:right ;
padding-top:10px;
width:700px; 

}
#art_content{
padding:10px;
padding-top:20px;}

#art_content li{
width:678px;
}
#main{

clear:both;


width:1005px;


border-left:#339C47 solid 1px;
}


#msg_right{
width:784px;
float:left;
line-height: 24px;
background:url(middlebg7.jpg) repeat-y left top;
}
#msg_img{

float:left;
width:40px;

}

#msg_img1{

height:530px;
width:40px;

position:absolute;
left:50%;
margin-left:-418px;
*margin-left:-290px;
_margin-left:10px;
z-index:100;

background: #FFCCFF url(middlebg3.jpg) no-repeat top left;


}


#middle_img{

float:left;
width:40px;

}
#msg_rightbg{

float:left;
width:715px;
}
#company_wrap{
background:url(artbg2.jpg) repeat-y top left;
clear:both;
width:1004px;

position:absolute;
left:50%;

margin-left:-502px;
top:141px;}
#company_concent dt{
float:left;
}
#companyfl1{
background:url(sui.gif) no-repeat top right;
width:40px;
height:297px;
position:absolute;
left:50%;
margin-left:300px;
z-index:104;}
#left{


float:left;
width:220px;
padding-top:20px;

}

#left UL {

	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 10px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 5px 0px 0px;
	 PADDING-TOP: 0px;
	 font-weight:bold;
	 font-size:14px;
}
#left LI {
	FLOAT: left; 
	MARGIN: 0px; 
	WIDTH: 170px; 
	TEXT-INDENT: 40px; 
	LINE-HEIGHT: 33px; 
	LIST-STYLE-TYPE: none; 
	HEIGHT: 33px; 
	TEXT-ALIGN: left
}
#left UL LI A {
	DISPLAY: block; 

	BACKGROUND: url(list.gif) 0px 0px; 
	OVERFLOW: hidden;
	 WIDTH: 170px; 
	 COLOR: #6a6a6a; 
	 HEIGHT: 33px
}
#left UL LI A:hover {
	
	BACKGROUND: url(list.gif) 0px 66px; 
	WIDTH: 170px; 
	COLOR: #000; 
	HEIGHT: 33px; 
	TEXT-DECORATION: underline
}

#left UL LI.nonce A {
	FONT-WEIGHT: bold; 
	BACKGROUND: url(list.gif) 0px 33px; 
	COLOR: #000
}
#left UL LI.nonce A:hover {
	BACKGROUND: url(list.gif) 0px 33px; 
	COLOR: #439829; 
	TEXT-DECORATION: none
}

#left1{


float:left;
width:220px;
padding-top:20px;

}

#left1 UL {

	FLOAT: left; 
	MARGIN: 0px; 
	WIDTH: 170px; 
	TEXT-INDENT: 40px; 
	LINE-HEIGHT: 33px; 
	LIST-STYLE-TYPE: none; 
	HEIGHT: 33px; 
	TEXT-ALIGN: left
}

#left1 UL  A {
	DISPLAY: block; 

	BACKGROUND: url(list.gif) 0px 0px; 
	OVERFLOW: hidden;
	 WIDTH: 170px; 
	 COLOR: #6a6a6a; 
	 HEIGHT: 33px
}
#left1 UL  A:hover {
	
	BACKGROUND: url(list.gif) 0px 66px; 
	WIDTH: 170px; 
	COLOR: #000; 
	HEIGHT: 33px; 
	TEXT-DECORATION: underline
}

#left1 UL.nonce A {
	FONT-WEIGHT: bold; 
	BACKGROUND: url(list.gif) 0px 33px; 
	COLOR: #000
}
#left1 UL.nonce A:hover {
	BACKGROUND: url(list.gif) 0px 33px; 
	COLOR: #439829; 
	TEXT-DECORATION: none
}



#sleft{


float:left;
width:220px;
padding-top:20px;

}

#sleft UL {

	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 10px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 5px 0px 0px;
	 PADDING-TOP: 0px;
	 font-weight:bold;
	 font-size:14px;
}
#sleft LI {
	FLOAT: left; 
	MARGIN: 0px; 
	WIDTH: 170px; 
	TEXT-INDENT: 40px; 
	LINE-HEIGHT: 33px; 
	LIST-STYLE-TYPE: none; 
	HEIGHT: 33px; 
	TEXT-ALIGN: left
}
#sleft UL LI A {
	DISPLAY: block; 

	BACKGROUND: url(list1.gif) 0px 0px; 
	OVERFLOW: hidden;
	 WIDTH: 170px; 
	 COLOR: #6a6a6a; 
	 HEIGHT: 33px
}
#sleft UL LI A:hover {
	
	BACKGROUND: url(list1.gif) 0px 66px; 
	WIDTH: 170px; 
	COLOR: #000; 
	HEIGHT: 33px; 
	TEXT-DECORATION: underline
}

#sleft UL LI.nonce A {
	FONT-WEIGHT: bold; 
	BACKGROUND: url(list1.gif) 0px 33px; 
	COLOR: #000
}
#sleft UL LI.nonce A:hover {
	BACKGROUND: url(list1.gif) 0px 33px; 
	COLOR: #439829; 
	TEXT-DECORATION: none
}





#sleft1{


float:left;
width:220px;
padding-top:20px;

}

#sleft1 UL {

	FLOAT: left; 
	MARGIN: 0px; 
	WIDTH: 170px; 
	TEXT-INDENT: 40px; 
	LINE-HEIGHT: 33px; 
	LIST-STYLE-TYPE: none; 
	HEIGHT: 33px; 
	TEXT-ALIGN: left
}

#sleft1 UL  A {
	DISPLAY: block; 

	BACKGROUND: url(list1.gif) 0px 0px; 
	OVERFLOW: hidden;
	 WIDTH: 170px; 
	 COLOR: #6a6a6a; 
	 HEIGHT: 33px
}
#sleft1 UL  A:hover {
	
	BACKGROUND: url(list1.gif) 0px 66px; 
	WIDTH: 170px; 
	COLOR: #000; 
	HEIGHT: 33px; 
	TEXT-DECORATION: underline
}

#sleft1 UL.nonce A {
	FONT-WEIGHT: bold; 
	BACKGROUND: url(list1.gif) 0px 33px; 
	COLOR: #000
}
#sleft1 UL.nonce A:hover {
	BACKGROUND: url(list1.gif) 0px 33px; 
	COLOR: #439829; 
	TEXT-DECORATION: none
}





#left2{
width: 140px;
padding-left:20px;
	HEIGHT:24px;
	text-align: left;
	margin-top: 10px;
	 font-size:14px;
	
	}
#left_spe{

float:left;
width:180px;
padding-top:20px;

}
#left_spe UL {

	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 10px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 5px 0px 0px;
	 PADDING-TOP: 0px;
	 font-weight:bold;
	 font-size:14px;
}
#left_spe LI {
	FLOAT: left; 
	MARGIN: 0px; 
	WIDTH: 170px; 
	TEXT-INDENT: 40px; 
	LINE-HEIGHT: 33px; 
	LIST-STYLE-TYPE: none; 
	HEIGHT: 33px; 
	TEXT-ALIGN: left
}
#left_spe UL LI A {
	DISPLAY: block; 

	BACKGROUND: url(list.gif) 0px 0px; 
	OVERFLOW: hidden;
	 WIDTH: 170px; 
	 COLOR: #6a6a6a; 
	 HEIGHT: 33px
}
#left_spe UL LI A:hover {
	
	BACKGROUND: url(list.gif) 0px 66px; 
	WIDTH: 170px; 
	COLOR: #000; 
	HEIGHT: 33px; 
	TEXT-DECORATION: underline
}
#view{

clear:both;

background-color:#339C47;
width:1004px;

position:absolute;
left:50%;


margin-left:-502px;
top:141px;
}
#view_left{
margin-top: 7px;
width:153px;
padding-left:5px;
float:left;

}
#view_huleft{
margin-top: 7px;
width:29px;
float:left;
}
#view_both{
margin-top: 8px;
background-color:#FFFFFF;
float: left;
width:793px;
}
#view_middle{

background-color:#FFFFFF;
float: left;
width:380px;
}
#view_middle2{
float:left;

background:#FFFFFF url(middlebg7.jpg) repeat-y left top;


}
#view_img{
background:  url(middlebg3.jpg) no-repeat top left;
width:40px;
height:520px;
float: left;
}

#viewlist{
float: left;
width:180px;
margin-top:8px;
width:150px;
height:140px;
padding-left:35px;

}
#viewthumbpic{
border: #999999 solid 1px;
text-align:center;
width:150px;
height:120px;}
#viewthumbpic dt{
padding:5px;
}
#frame{
float:right;
width:360px;
text-align:center;
background-color:#FFFFFF;

}
#view_content{
background-COLOR:#FFFFFF}


.tag1 { color:#339900;font-weight:bold;}
.tag2 { color:#e65730;}
.tag3 { color:#00b9da;}
.tag4 { color:#FE3981;font-weight:bold;font-size:14px;}


.list_over
{
	padding-top:3px;
	background:#fafef2;
	border-bottom:1px #87bf9e dashed;
}
.list_out
{
	padding-top:3px;
	border-bottom:1px #87bf9e dashed;
}
.t1tr
{
	position:relative;
	padding:3px;
	text-align:left;
	
	border-bottom:1px #87bf9e solid;
}
.t2tr{
	position:relative;
	padding:3px;
	text-align:left;
	
}
#procenter{
margin-top:10px;

width:700px;
}
#procenterpic{
margin-bottom:10px;
width:700px;
text-align:center;
}
#procenterpre{
margin-left:40px;
text-align:center;
width:600px;
border-bottom:#009900 1px solid;
border-top:#009900 1px solid;}
#procenterpre span{
padding-left:10px;
width:150px;
font-size:13px;
font-weight:bold;}