<style>

????????*{

????????????margin:?0;

????????????padding:?0;

????????????font-size:?12px;

????????}

????????body{

?????????????background-color:?#f5f5f5f5;

????????}

????????.top{

????????????width:?100%;

????????????height:?27px;

????????}?

????????.top-content{

????????????width:?1000px;

????????????margin:?0?auto;

????????}

????????.top-content?li{

????????????list-style-image:?url();

????????????float:?right;

????????????width:?70px;

????????????line-height:?27px;

????????????list-style:?none;

????????}

????????.top-content?a:link,.top-content?a:visited{

????????????color:?#8e8e8e;

????????????text-decoration:?none;

????????}

????????.top-content?a:hover,.top-content?a:active{

????????????color:?red;

????????????text-decoration:?none;

????????}

????????.wrap{

????????????width:?1000px;

????????????margin:?0?auto;

????????}

????????.logo{

????????????height:?80px;

????????????background-color:#fff?;

????????}

????????.logo-left{

????????????width:?200px;

????????????float:?left;

????????}

????????.logo-right{

????????????width:300px?;

????????????float:?right;

????????????height:?28px;

????????????margin-top:?30px;

????????????color:?#8e8e8e;

????????}

????????.logo-right?img{

????????????vertical-align:?middle;

????????????margin-right:?10px;

????????}

????????.tel{

????????????font-family:?serif;

????????????font-size:?16px;

????????????color:?#c00;

????????}

????????.nav{

????????????height:?40px;

????????????clear:?both;

????????}

????????.nav-left{

????????????width:?10px;

????????????background:?url(images/nav_left.jpg)?no-repeat;

????????}

????????.nav-mid{

????????????width:?980px;

????????????background:?url(images/nav_bg.jpg)?repeat-x;

????????}

????????.nav-right{

????????????width:?10px;

????????????background:url(images/nav_right.jpg)?no-repeat;

????????}

????????.nav-left,.nav-mid,.nav-right{

????????????float:?left;

????????????height:?40px;

????????}