#aboutContainer
{ margin:0 auto;
 width: 100%;
 height:480px;
 background-repeat: no-repeat;
 background-position: center center;

}

.aboutSummary
{
    position: relative;
    float: left;
/*    margin-left: 45px;*/
}

.aboutSummary .partTitle
{    background-image: url("../images/about_tit.png");
    margin-bottom: 3px;
    width: 330px;
    padding-left: 20px;
    padding-right: 20px;
}

.aboutSummary .intro
{
    font-size: 12px;
    width: 330px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    height: 458px;
    line-height: 25px;
   background-image: url("../images/about_body.png");
}

#about
{	
	position: relative;
    float: left;
    top: 54px;
    width: auto;
    height: 400px;
 }

#about .rec
{
    position: absolute;
    width: 190px;
    height: 190px;
    background-repeat: no-repeat;
}

#about .rec .topSub
{
    position: absolute;
    width: 190px;
    height: 190px;
}

#about .rec .rightSub
{
    position: absolute;
    width: 190px;
    height: 190px;
}

#about .rec .bottomSub
{
    position: absolute;
    width: 190px;
    height: 190px;
}

#about .rec .leftSub
{
    position: absolute;
    width: 190px;
    height: 190px;
}

#about .rec .centerSub
{
    position: absolute;
    width: 190px;
    height: 190px;
    cursor: pointer;
}

#about .rec1 .centerSub
{
    background-image: url("../images/about_1.jpg");
    background-repeat: no-repeat;
}

#about .rec2 .centerSub
{
    background: url("../images/about_2.jpg");
    background-repeat: no-repeat;
}

#about .rec3 .centerSub
{
    background-image: url("../images/about_3.jpg");
    background-repeat: no-repeat;
}

#about .rec4 .centerSub
{
    background-image: url("../images/about_4.jpg");
    background-repeat: no-repeat;
}

#about .rec5 .centerSub
{
    background-image: url("../images/about_5.jpg");
    background-repeat: no-repeat;
}

#about .rec6 .centerSub
{
    background-image: url("../images/about_6.jpg");
    background-repeat: no-repeat;
}