body{font-family:"微软雅黑";word-break:break-all;color:#585858;font-size:10pt;margin:0;padding: 0px;background-repeat: no-repeat;background-position: center top;height: 100%;width: 100%;background-image: url(imagesbg.jpg);background-attachment: scroll;}
ul, ol{list-style:none; margin:0; padding:0;}
a img{border:none;}
a:link{ color: white; text-decoration: none;}
        a:active
        {
            color: white;
        }
        a:visited
        {
            color: white;
            text-decoration: none;
        }
        a:hover
        {
            color: white;
            text-decoration: underline;
        }

.bug{ clear: both; width:0px; height:0px; font-size:0px; line-height:0px;}
.div{width: 740px;margin-right: auto;margin-left: auto;height: 520px;padding-top: 160px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}
.div01{padding: 0px;width: 677px;height: 520px;float: left;}
.div02{width: 60px;height: 450px;float: left;padding-top: 2px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}
.div021{height: 179px;width: 50px;margin-top: 5px;opacity: 0.9;
-moz-opacity: 0.9;filter:alpha(opacity=90);
-moz-box-shadow: 1px 1px 2px #434343;
    -webkit-box-shadow: 1px 1px 2px #434343;
    box-shadow: 1px 1px 2px #434343;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#434343')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#434343');
}
.div03{
	width: 470px;
	margin-right: auto;
	margin-left: auto;
	color: #FFFFFF;
	font-size: 12px;
	text-align: center;
	padding-right: 0px;
	padding-left: 0px;
	line-height: 25px;
	height: 30px;
	padding-top: 20px;
	padding-bottom: 30px;
}

.div06{
	float: left;	
}
.div07{
	float: left;
	margin-top: 10px;
}

.div04{
	height: 120px;
	width: 675px;
	margin: 0px;
	padding: 0px;
}
.div05{
	height: 120px;
	width: 675px;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}



.l01{
	float: left;
	height: 120px;
	width: 220px;
	padding: 0px;
	opacity: 0.9;
-moz-opacity: 0.9;	filter:alpha(opacity=90);
	background-color: #56c4e4;

-moz-box-shadow: 1px 1px 2px #434343;
    -webkit-box-shadow: 1px 1px 2px #434343;
	box-shadow: 1px 1px 2px #434343;

    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#434343')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#434343');	margin-top: 7px;
}




.l02{
	float: left;
	height: 120px;
	width: 220px;
	padding: 0px;
	opacity: 0.9;
-moz-opacity: 0.9;	filter:alpha(opacity=90);
	background-color: #74addb;
-moz-box-shadow: 1px 1px 2px #434343;
    -webkit-box-shadow: 1px 1px 2px #434343;
	box-shadow: 1px 1px 2px #434343;

    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#434343')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#434343');	margin-top: 7px;
}



.l03{
	float: left;
	height: 120px;
	width: 220px;
	padding: 0px;
	opacity: 0.9;
-moz-opacity: 0.9;	filter:alpha(opacity=90);
	background-color: #69cfc0;
-moz-box-shadow: 1px 1px 2px #434343;
    -webkit-box-shadow: 1px 1px 2px #434343;
	box-shadow: 1px 1px 2px #434343;

    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#434343')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#434343');	margin-top: 7px;
}




.l04{
	float: left;
	height: 120px;
	width: 220px;
	padding: 0px;
	opacity: 0.9;
-moz-opacity: 0.9;	filter:alpha(opacity=90);
	background-color: #d6a1aa;
-moz-box-shadow: 1px 1px 2px #434343;
    -webkit-box-shadow: 1px 1px 2px #434343;
	box-shadow: 1px 1px 2px #434343;

    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#434343')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#434343');	margin-top: 7px;
}


.l05{
	float: left;
	height: 120px;
	width: 220px;
	padding: 0px;
	opacity: 0.9;
-moz-opacity: 0.9;	filter:alpha(opacity=90);
	background-color: #d6cc97;
-moz-box-shadow: 1px 1px 2px #434343;
    -webkit-box-shadow: 1px 1px 2px #434343;
	box-shadow: 1px 1px 2px #434343;

    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#434343')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#434343');	margin-top: 7px;
}


.l06{
	float: left;
	height: 120px;
	width: 220px;
	padding: 0px;
	opacity: 0.9;
-moz-opacity: 0.9;	filter:alpha(opacity=90);
	background-color: #5fcded;
-moz-box-shadow: 1px 1px 2px #434343;
    -webkit-box-shadow: 1px 1px 2px #434343;
	box-shadow: 1px 1px 2px #434343;

    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#434343')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#434343');	margin-top: 7px;
}


.l07{
	float: left;
	height: 120px;
	width: 220px;
	padding: 0px;
	opacity: 0.9;
-moz-opacity: 0.9;	filter:alpha(opacity=90);
	background-color: #d6adde;
-moz-box-shadow: 1px 1px 2px #434343;
    -webkit-box-shadow: 1px 1px 2px #434343;
	box-shadow: 1px 1px 2px #434343;

    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#434343')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#434343');	margin-top: 7px;
}


.l08{
	float: left;
	height: 120px;
	width: 220px;
	padding: 0px;
	opacity: 0.9;
-moz-opacity: 0.9;	filter:alpha(opacity=90);
	background-color: #a0c5f3;
-moz-box-shadow: 1px 1px 2px #434343;
    -webkit-box-shadow: 1px 1px 2px #434343;
	box-shadow: 1px 1px 2px #434343;

    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#434343')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#434343');	margin-top: 7px;
}


.l09{
	float: left;
	height: 120px;
	width: 220px;
	padding: 0px;
	opacity: 0.9;
-moz-opacity: 0.9;	filter:alpha(opacity=90);
	background-color: #b7eaa7;
-moz-box-shadow: 1px 1px 2px #434343;
    -webkit-box-shadow: 1px 1px 2px #434343;
	box-shadow: 1px 1px 2px #434343;

    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#434343')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#434343');	margin-top: 7px;
}


.l10{
	height: 120px;
	width: 6px;
	float: left;
}
/* FireFox */
*html .l10{height: 120px;
	width: 4px;
	float: left;}
/* ie6 fixed */
*+html .l10{height: 120px;
	width: 4px;
	float: left;}
/* ie7 fixed, 注意顺序 */


 .l01 a,.l02 a,.l03 a,.l04 a,.l05 a,.l06 a,.l07 a,.l08 a,.l09 a
        {
            display: block;
            height: 120px;
	width: 220px;
            background-repeat: no-repeat;
        }


  .l01 a:hover
        {
	background-color: #48b8da;
        }
  .l02 a:hover
        {
	background-color: #63a8d5;
        }

  .l03 a:hover
        {
	background-color: #57c0b8;
        }

  .l04 a:hover
        {
	background-color: #ca8f9c;
        }

  .l05 a:hover
        {
	background-color: #e7ce93;
        }

  .l06 a:hover
        {
	background-color: #50c6e7;
        }

  .l07 a:hover
        {
	background-color: #c5a8d9;
        }

  .l08 a:hover
        {
	background-color: #87b1e4;
        }
  .l09 a:hover
        {
	background-color: #9ed591;
        }