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

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

.header { background:url(../images/header.jpg) no-repeat 0 0; height: 396px; position:relative;}
.main { background:url(../images/main.jpg) no-repeat 0 0; height: 444px; position:relative;}
.main1 { background:url(../images/main1.jpg) no-repeat 0 0; height: 444px; position:relative;}
.foot { background:url(../images/foot.jpg) no-repeat 0 0; height: 60px; position:relative;}

.tt  { position:absolute; left: 214px; top: 282px; }
.tel { position:absolute; left: 275px;top: 243px; }
.tt1 { position:absolute; left: 214px; top: 282px; }
.tel1 {position:absolute;left: 275px;top: 243px;}

.navs { position:absolute; left: 46px; top: 369px; }
.navs li { float:left; display:inline; margin:0 34px;}
.navs a { font-family:"Arial"; font-size: 20px; font-weight:bolder; color:#FFFFFF;}
.navs a:hover { text-decoration:underline;}

.fn { position:absolute; color:#FFFFFF; left: 215px;}
.fn span { margin:0 15px; *margin:0 20px; }
.fn a { font-family:"Arial"; font-size: 12px; font-weight:bolder; color:#FFFFFF; }
.fn a:hover { text-decoration:underline;}

.copyright {position:absolute;font-family:"Arial";font-size: 10px;color:#FFFFFF;left: 220px;top: 38px; }
.copyright a { color:#999999;}


.desc { width: 304px; font-family: "Arial Rounded MT Bold"; font-size: 18px; color: #FFFFFF; text-align: center;  position: absolute; left: 132px; top: 31px; }
.desc h2 { font-size: 30px; }
.desc p { text-indent: 20px;}

.desc-r { position: absolute; font-family: "Arial Rounded MT Bold"; font-size: 18px; color: #FFFFFF; width: 304px; left: 132px; top: 31px; height: 394px; text-align:center;}
.desc-r p { margin-top:20px; margin-bottom: 20px; }
.desc-r p a { color: #99FF99; text-decoration: underline; }
.desc-r p a:hover { color: #fff; }

.image { width: 350px; height: 400px; border: #de096f solid 2px; position:absolute; left: 450px; top: 19px; }
.gl { width: 116px; position:absolute; left: 300px; top: 18px; }
.gl li { width: 116px; height: 132px; float:left; display:inline; margin: 2px 0;}
.gl a { width: 112px; height: 128px; display:block; border: #de096f solid 2px; }
.gl a:hover { border: #FFFFFF solid 2px; }
.gl img { width: 112px; height: 128px; display:block; }

.name {position:absolute;left: 80px;top: 18px; font-family:"Times New Roman", Times, serif; font-size: 16px; color:#FFFFFF; line-height: 40px;}
.name h3 { font-size: 24px;}
.pre {position:absolute;left: 74px;top: 399px;}
.next {position:absolute;left: 178px;top: 399px;}

.l1 {position:absolute;left: 385px;top: 6px;}
.l2 {position:absolute;left: 454px;top: 6px;}

.list { position:absolute; left: 97px; top: 41px; text-align: center; }
.list li { float:left; display:inline; margin-right: 10px; }
.list a { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color:#FFFFFF; font-weight:bold; line-height: 30px; }
.list img { width: 105px; height: 350px; display:block; border:#de096f solid 2px;}
.list img:hover { border:#ffffff solid 2px;}