@charset "utf-8";
/* CSS Document */
* { margin: 0px; padding: 0px; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; background: #333333; }
li { list-style: none; }
a { text-decoration: none; }
img { border: none; }

.layout { width: 984px; margin: 0 auto; }

.header { width: 984px; height: 364px; background: url(../images/head-bg.gif) no-repeat 0 0; position: relative; }
.title { position: absolute; left: 289px; top: 291px; }

.head-naves img { display: block; }
.hn-1 { position: absolute; left: 166px; top: 96px; }
.hn-2 { position: absolute; left: 191px; top: 141px; }
.hn-3 { position: absolute; left: 223px; top: 191px; }
.hn-4 { position: absolute; left: 242px; top: 239px; }

.mainer { width: 984px; height: 226px; background: url(../images/main-bg.gif) no-repeat 0 0; position: relative; }
.tel { position: absolute; left: 466px; top: 0px; }

.footer { width: 984px; height: 100px; background: #333333; position: relative; }

.card { color: #fff; position: absolute; left: 420px; top: 10px; }
.card img { display: block; float: left; }

.copyright { color: #fff; position: absolute; left: 360px; top: 60px; }