@charset "utf-8";
* { margin: 0; padding: 0;}
li { list-style: none; }
a { text-decoration: none; }
img { border: none; }
body { background:#000000;}

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

.header { background:url(../images/head.jpg) no-repeat 0 0; position:relative; height: 340px;}
.main { background:url(../images/main.jpg) no-repeat 0 0; position:relative; height: 373px;}
.foot { background:url(../images/foot.jpg) no-repeat 0 0; position:relative; height: 87px;}

.main-o { background:url(../images/main-o.jpg) no-repeat 0 0; height: 373px; position:relative;}
.main-g { background:url(../images/main-g.jpg) no-repeat 0 0; height: 600px; position:relative;}

.tt { position:absolute; left: 562px; top: 18px; }
.tel { position:absolute; left: 189px; top: 208px; }
.tt1 { position:absolute; left: 562px; top: 18px; }
.tel1 { position:absolute; left: 189px; top: 207px;}

.navs { position:absolute; left: 87px; top: 290px; }
.navs li { float:left; display:inline;}

.fn { position:absolute; left: 234px; top: 14px; width: 409px; }
.fn li { float:left; display:inline; margin-right:60px;}
.fn a { color:#FFFFFF; font-family:"Arial";  font-size:12px; font-weight:bolder;}
.fn a:hover { text-decoration:underline;}

.desc { position:absolute; color:#FFFFFF; font-family:"Arial"; font-size:12px; left: 341px; top: 110px; width: 318px; }
.desc-o { position:absolute; color:#FFFFFF; font-family:"Arial"; font-size:12px; left: 82px; top: 91px; width: 596px; line-height: 24px; }
.desc-o span { font-size: 20px; line-height: 50px; }

.list { position:absolute; left: 56px; top: 52px; width: 710px; }
.list li { float:left; display:inline; margin-right: 50px; margin-bottom: 3px; text-align:center;}
.list img { border:solid 1px #666666; display:block;}
.list img:hover { border:solid 1px #000000;}
.list a { color:#FFFFFF; font-family:"Arial"; font-size:14px;}

.image { position:absolute; left: 50px; top: 59px; }

.g { position:absolute; left: 381px; top: 324px; width: 357px; }
.g li { float:left; display:inline; margin-right: 12px; }
.g img { width: 100px; border:solid 1px #666666;}
.g img:hover { border: solid 1px #000000;}

.pre { position:absolute; left: 38px; top: 504px; }
.next { position:absolute; left: 535px; top: 504px; }

.name { position:absolute; color:#FFFFFF; font-family:"Arial"; font-size:14px; left: 377px; top: 72px; width: 339px; }
.name h2 { text-align:center;}
.name p { margin-top: 30px; line-height: 26px;}

.pic1 { position:absolute; left: 73px; top: 107px; border:#666666 solid 2px; }
.pic2 { position:absolute; left: 73px; top: 219px; border:#666666 solid 2px; }

.copyright { width: 766px; color: #fff; font-size: 14px; text-align: center; padding-top: 50px; }