#main { margin: 0px auto; width: 770px; overflow:hidden; padding-bottom: 20px; background-color:#FFFFFF; }
/* left ==== */
#left { float: left; width: 750px; margin: 10px 0px 0px 10px; display: inline; }
#left .title { float: left; width: 100%; height: 32px; margin: 0px; background: url('../images/left_title.jpg') no-repeat; }
#left .title h1 { float: left; margin: 6px 0px 0px 22px; display: inline; font-size: 13px; font-weight: bold; color: #2B69A2; }
#left .title h2 { float: left; margin: 8px 0px 0px 330px; display: inline; font-size: 13px; font-weight: bold; color: #2B69A2; }
#left .body { float: left; width: 100%; background: url('../images/left_body.jpg') repeat-y; }
#left .bottom { float: left; width: 100%; height: 15px; font-size: 5%; background: url('../images/left_bottom.jpg') no-repeat; }
/* search */
.search { float: left; width: 360px; margin: 2px 0px 0px 4px; display: inline; }
.search .font { float: left; text-align: left; margin: 0px 0px 0px 15px; display: inline; }
.search .font ul { float: left; width: 100%; text-align: center; display: inline; margin-top: 6px; }
.search .font ul li { float: left; margin-left: 12px; display: inline; }
.search .font .title1 { font-size: 13px; font-weight: bold; color: #177DB5; }
.search .font #one { float: left; width: 97%; margin-left: 3%; display: inline; }
.search .font #one ul { float: left; width: 100%; }
.search .font #one ul li { float: left; width: 20%; margin: 0px; display: inline; text-align: left; font-size: 12px; font-weight: normal; color: #333333; }
.search .font .input { width: 210px; height: 70px; border: 1px solid #A8C0D7; background-color: #FFFFFF; color: #74869C; margin-top: 2px; }
.search p { float: left; width: 100%; height: 20px; text-align: center; margin: 6px 0px 0px 0px; padding: 0px; }
/* serve */
.serve { float: right; width: 300px; margin: 6px 20px 0px 0px; display: inline; line-height: 23px; }
.banner { float: left; width: 750px; margin: 10px 0px 0px 10px; display: inline; }
/* content */
.content { float: left; width: 100%; }
.content ul { float: left; width: 90%; margin-left: 5%; display: inline; }
.content ul li { float: left; margin-right: 8px; display: inline; letter-spacing: 1px; }
.content .news { float: left; width:140px; text-align: left; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; }
/* other */
.other { float: left; width: 750px; margin: 10px 0px 0px 10px; display: inline; }
.other .title { float: left; width: 100%; height: 12px; font-size: 5%; background: url('../images/other_top.jpg') no-repeat; }
.other .body { float: left; width: 100%; background: url('../images/other_body.jpg'); }
.other .body dl { float: left; width: 50%; margin: 0px; padding: 0px; }
.other .body dl dt { float: left; width:92%; margin-left: 4%; display: inline; height: 26px; }
.other .body dl dt .h3 { float: left; width: 120px; margin: 0px; display: inline; font-size: 13px; font-weight: bold; text-align: left; color: #2B69A2; }
.other .body dl dt .h3 a { color: #1676BC; text-decoration: underline; }
.other .body dl dt label { float: right; width: 70px; text-align: center; font-size: 12px; }
.other .body dl dt label a { color: #ff0000; text-decoration: underline; }
.other .body dl dd { float: left; width:100%; margin: 0px; padding: 0px 0px 2px 0px; }
.other .body dl dd a { color: #333333; }
.other .body dl dd .font a { text-decoration: underline; }
.other .bottom { float: left; width: 100%; height: 12px; font-size: 5%; background: url('../images/other_bottom.jpg') no-repeat; }
.other p { float: right; text-align: left; margin: 10px 0px 0px 0px; height: 45px; padding: 0px; }