/*����ͼƭ�ֲ�����ʽ��ʼ*/
#banner{
min-width:1000px;
_width:expression((document.documentelement.clientwidth||document.body.clientwidth)<1000?"1000px":"");
height:400px;
padding:0;
margin:0;
position:relative;
overflow:hidden;
}

#banner img{
display:block;
width:1920px;
height:400px;
position:absolute;
top:0;
left:0;
z-index:1;
}

#banner span{
display:block;
position:absolute;
top:320px;
left:0px;
background:#333;
width:1920px;
height:30px;
z-index:3;
opacity:0.3;
filter:alpha(opacity=30);
}

#banner ul{
position:absolute;
top:330px;
z-index:4;
}

#banner ul li{
float:left;
list-style-type:none;
padding:0 10px 0 0;
font-size:25px;
color:#999;
cursor:pointer;
}


/*����ͼƭ�ֲ�����ʽ����*/


/*���弯�ż�鼰������ʽ��ʼ*/
#content
{
width:950px;
height:310px;
background:url(/uploads/image/images/content.gif) no-repeat;
margin:0 auto;
margin-top:20px;
position:relative;
}

#content #content_sider
{
width:150px;
height:180px;
position:absolute;
left:-200px;
top:30px;
}

#content #content_sider img
{
width:150px;
height:150px;
border:0px;
}

#content #content_sider h2
{
width:140px;
height:30px;
line-height:30px;
text-align:center;
font-size:14px;
font-weight:normal;
background:#999;
margin:0 auto;
}


#content #contentleft
{
width:600px;
height:310px;
margin-right:50px;
float:left;

}


#content #contentleft h1,#content #contentright h1
{
height:40px;
line-height:40px;
font-size:14px;
text-align:right;
font-weight:normal;
}

#content #contentleft h1 a 
{
color:#333;
text-decoration:none;
}


#content #contentleft #contentleftbot
{
height:265px;
width:600px;

}

#content #contentleft #contentleftbot img
{
height:250px;
border:0px;
float:left;

margin-right:15px;
border-bottom:1px solid #999;
border-right:1px solid #999;
border-top:1px solid #666;
border-left:1px solid #666;
}

#content #contentleft #contentleftbot p
{
margin-top:10px;
text-indent:30px;
line-height:25px;
color:#333;
font-size:13px;
}

#content #contentright
{
width:300px;
height:310px;
float:right;
}

#content #contentright p#contentright_p
{
width:220px;
height:40px;
line-height:40px;
float:left;
}

#content #contentright p#contentright_p input
{

height:40px;
line-height:40px;
margin-left:5px;
margin-right:10px;
border:0px;
font-weight:bold;
background:#ddd;
}

#content #contentright p#contentright_p input:hover
{
background:#777;
color:#fff;
cursor:pointer;
}


#content #contentright h5
{
height:40px;
line-height:40px;
width:80px;
float:right;
font-size:14px;
font-weight:normal;
text-align:right;
}
#content #contentright h5 a
{
color:#333;
text-decoration:none;
}

#contentrightbot,#contentrightbot1
{
height:265px;
width:300px;

}

#contentrightbot #contentrightbotdl dd,#contentrightbot1 #contentrightbotdl1 dd
{
line-height:25px;
color:#333;
font-size:13px;
border-bottom:1px dashed #aaa;

background:url(/uploads/image/images/listddhover.gif) no-repeat left center;
padding-left:22px;

}

#contentrightbot #contentrightbotdl dd a,#contentrightbot1 #contentrightbotdl1 dd a
{
text-decoration:none;
color:#333;
}

#contentrightbot #contentrightbotdl dd a:hover,#contentrightbot1 #contentrightbotdl1 dd a:hover
{
color:#f60;

}

#contentrightbot #contentrightbotdl dd em,#contentrightbot1 #contentrightbotdl1 dd em
{
font-style:normal;
color:#777;
float:right;
}
/*���弯�ż�鼰������ʽ����*/


/*����ͼƭ�󸡶���ʽ��ʼ*/
#examples
{
width:950px;
height:185px;
background:url(/uploads/image/images/example1.gif) no-repeat;
margin:0 auto;
position:relative;
}

#examples #example1
{
width:850px;
height:150px;
position:absolute;
top:50%;
left:50%;
margin:-55px 0 0 -425px;
overflow:hidden;
border:0;
}

.floatlefttd 
{
text-align:center;
}

.floatlefttd em
{
font-style:normal;
margin-left:35px;
color:#000;
}

.floatlefttd img
{
width:130px;
height:100px;
display:block;
border:0px;
}
.floatlefttd img:hover 
{
background:#777;
}
/*����ͼƭ�󸡶���ʽ����*/