css代码：
@charset "UTF-8";
#container {
width: 1002px;
マージン: 0 自動;
}
#header {
高さ: 128px;
背景: url(../images/top_bg.jpg);
背景リピート: リピートなし;
}
#nav li {
float: left;

margin-right: 1px;
}
#nav a {
color: #363635;
フォント: 15px/37px '微软雅黑';
表示: ブロック;
幅: 92ピクセル;
高さ: 37ピクセル;
text-align: 中央;
}
#nav a:hover {
background: url(../images/nav_on.gif);
}
#main {

}
#lside {
border: 1px solid #eee;
ボーダートップ: なし。
幅: 692ピクセル;
フロート: 左;
}
.subtitle {
高さ: 37px;
背景: url(../images/article_bg.gif);
}
.subtitle img {
margin: 5px 0px 0px 10px;
フロート: 左;
}
.subtitle h1 {
float: left;
カラー:#151515;
フォント: 16px/37px '微软雅黑';
}
.subtitle a {
float: right;
カラー:#888;
フォント: 12px '微软雅黑';
}
.four {
width: 326px;
高さ: 200ピクセル;
背景: #eee;
フロート: 左;
余白: 10px;
_display:インライン;
}
.four img {
float: left;
左マージン: 10px;
パディング: 6px;
背景: 白;
}
.four h2 {
font: 16px '宋体';
色:#a0a0a0;
左マージン: 10px;
}
.four ul {
float: left;
}
.four li {
背景: url(../images/service_intro_bg.gif) no-repeat;
背景位置: 左中央;
padding-left: 10px;
マージン: 5px 0;
}
.four a {
color: #888;
フォント: 12px '微软雅黑';
高さ:20ピクセル;
}
.four a:visted {
color: #808080;
}
.four a:hover {
color: #ff823c;
}
#rside {
width: 294px;
フロート: 右;
}
#アート {
背景: #eee;
マージントップ: 1px;
padding-top: 5px;
margin-bottom: 12px;
}
#art li {
font: 12px/30px sans-serif;
}
#art a {
padding-left: 30px;
表示: ブロック;
高さ: 30ピクセル;
カラー:#888;
背景: url(../images/article_head.gif) 繰り返しなし;
背景位置: 左中央;
}
#art a:hover{
color: orange;
背景: url(../images/article_on_bg.gif);
}
#lian {
背景: #eee;
高さ: 145ピクセル;
色: グレー;
フォント: 12px '微软雅黑';
パディング: 20px 0 0 10px;
}
#lian img {
表示: インライン;
}
#footer {
クリア: 両方;
}
#contact {
margin-top: 1px;
背景: #eee;
高さ: 40ピクセル;
}
#contact li{
font-size: 12px;
フロート: 左;
幅: 60ピクセル;
パディング左: 20px;
padding-top: 10px;
}
#contact a {
color: gray;
フォント: 14px '宋体';
}
#contact a:hover {
color: orange;
}
アドレス {
float: left;
色: グレー;
フォント: 12px '微软雅黑';
padding-top: 10px;
padding-bottom: 10px;
}
#wai {
float: left;
色: グレー;
フォント: 12px '微软雅黑'、サンセリフ;
マージントップ: 10px;
margin-bottom: 10px;
}
#ワイ a {
カラー:オレンジ;
マージン左: 10px;
}
#wai a:hover {
color: グレー;
}