@charset "utf-8";
#main{width:972px;margin:0px auto;overflow:hidden}
#mainleft{width:354px;float:left;background-color:#494748; }
#mainright{width:563px;float:left;background-color:#f6f0d6; padding:0px 30px 0px 24px; line-height:23px; color:#353535;font-size:12px;}

#leftpic1{width:354px; height:266px;background-image: url(../images/webdesign_03.jpg); }
#leftpic2{width:354px; height:13px;background-image: url(../images/webdesign_16.jpg); }
#leftpic3{width:354px; }

#xx{width:563px;	height:50px;	background-image: url(../images/about_25.jpg) ;	background-repeat: repeat-x;	background-position: center;}
#xxtop{width:563px;	height:35px;	background-image: url(../images/about_25.jpg) ;	background-repeat: repeat-x;	background-position: top;}
.casexx{height:18px;	background-image: url(../images/about_25.jpg) ;	background-repeat: repeat-x;	background-position: center;}
.casepic{width:210px;	height:133px; float:left;}
.casecontent{padding-left:225px; padding-top:8px;}
.caseicon{
	width:16px;
	height:16px;
	background-image: url(../images/webdesign_12.jpg);
	float:left;
	background-repeat: no-repeat;
}
.casetitle{ font-weight:bold; color:#000000;	height:16px; margin:0px 0px 0px 25px; line-height:16px;}
.casetext{ color:#000000;line-height:20px;}

#viewsite{ height:22px; padding-top:10px;}
#enter a{ 
background-image:url(../images/viewsiteA.jpg);
height:22px;
margin:0 auto;
width:101px;
display:block;
float:right;
　　} 
#enter a:hover{ 
background-image:url(../images/viewsiteB.jpg);
　　}