*{
margin:0;
padding:0;
}
body,h1,ul,li,p,div,span,a {
font-size:12px;
font-family:"ËÎÌå"
}
body{
text-align:center;
background-color:#f3f4f3;
}
#box{
width:910px;
margin:0 auto;
text-align:left;
background-color:#FFF;
}
.left{
width:337px;
float:left;
}
.right{
width:560px;
float:right;
}
.clear{
clear:both
}

#company_intro ,#huana_intro{
margin-top:10px;
}
#company_intro p ,#huana_intro p{
text-indent:30px;
color:#1e2d4d;
line-height:15px;
}
#company_intro h1, #huana_intro h1{
width:194px;
height:27px;
margin-bottom:5px;
}
#company_intro h1{
background:url(../images/company_beijing.gif) no-repeat;
}
#huana_intro h1{
background:url(../images/huana.gif) no-repeat
}
#culture p ,#bar2 p , #bar3 p{
color:#8c8d8d;
text-indent:20px;
padding:0 30px;
line-height:20px;
}
#bar2 h1{
width:254px;
height:43px;
background:url(../images/shili_title.gif) no-repeat
}
#bar3 h1{
width:254px;
height:43px;
background:url(../images/culture_title.gif)
}


#intro_procuct{
margin:20px 0 5px 0;
}
#intro_procuct h1{
width:194px;
height:27px;
background:url(../images/intro.gif) no-repeat
}
#demo{
overflow: hidden;
width:880px; 
margin:0 auto
}
#demo1 img{
margin:5px 20px 0 20px;
}
#demo1 td div{
text-align:center;
}
#demo1 td div a{
color:#333;
text-decoration:none;
}
#demo1 td div a:hover{
text-decoration:underline
}

#note{
position:relative;
padding:15px 0 0 405px;
height:230px;
background:url(../images/contact_con.gif) no-repeat 10px 10px ; 
}
#note #click{
	position:absolute;
	left: 92px;
	top: 194px;
	width: 231px;
	height: 28px;
}
#note #click a{
display:block;
width: 231px;
height: 28px;
}
.input{
width:237px;
height:15px;
}
.area{
width:237px;
height:130px;
}

#footer{
margin:20px 0 70px 0
}
