*{ margin:0; padding:0;}
body{ font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#fff;}
img {
border:0;
}
.clear {
clear:left;
}
a{ color:#fff; text-decoration:none; }
a:hover{ color:#daf24e;}
ul{ list-style:none;}
#layout { width:1000px; margin:0 auto;}
#top { float:left; width:1000px; height:67px; margin-top:20px;}
#logo { float:left; margin-left:25px!important margin-left:12px; width:135px; height:67px;}
#menu { float:left; width:730px; background:url(images/menuleft.jpg) no-repeat left #133167; margin-top:20px; height:25px;}
#menu li { float:left;line-height:24px; text-align:center; padding:0 6px 0 6px;}
#menu li a{color:#fff; font-size:12px;}
#menu li a:hover{ float:left; color:#84c2ed;font-size:12px; }
#menuright { float:left; width:53px; height:25px; background-color:#aeaeae;margin-top:20px; text-align:center; line-height:24px;}
#banar { float:left; height:302px; background-color:#e4ecef; width:1000px;}
.banarleft { float:left; width:526px; background:url(images/maindi.jpg) repeat-x;}
.banarleft img{ float:right}
.banarright { float:left; background-color:#3f6da9; width:420px; height:302px;}
.banarright p{ margin-left:30px; width:380px; line-height:19px;margin-bottom:8px;}
.banarrighttitle{ margin-left:20px; width:380px; line-height:19px;margin-bottom:8px;}
#main { float:left; height:132px; width:1000px;}
.mainserver { float:left; margin-left:129px!important margin-left:69px; width:126px;}
.mainserver p{ height:30px; margin-left:8px; margin-top:3px;}
.mainclass { float:left; margin-left:100px; width:271px;}
.mainclass img{ float:left; display:block;}
.mainclass ul{ float:left;width:251px;}
.mainclass li{line-height:20px;}
.mainclass li a{ color:#666666}
.mainclass li a:hover { color:#dd0428}
.mainright{ float:left; margin-left:20px; width:301px;}
#bottom { float:left; width:1000px; height:62px; margin-top:10px; background-color:#c0d3da; color:#044b4d;}
#bottom img{ float:left; margin:20px 0 0 20px;}
#bottom p{ float:left;  margin:20px 0 0 60px;}