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

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

/* index */
.header { width: 1100px; height: 320px; background: #000 url(../images/head-bg.jpg) no-repeat 100px 0; position: relative; }

.title { position: absolute; left: 348px; top: 149px; }
.title img { position: absolute; }
.title span { font-size: 12px; }
.tel { font-size: 27px; color: #fff; line-height: 27px; font-weight: bold; position: absolute; left: 350px; top: 290px; }
.card { position: absolute; left: 586px; top: 292px; }

.mainer { width: 1100px; height: 260px; background: #000 url(../images/main-bg.jpg) no-repeat 100px 0; position: relative; }

.main-desc { width: 470px; position: absolute; left: 310px; top: 0px; }
.main-desc h2 { font-size: 20px; color: #fff; line-height: 24px; }
.main-desc p { color: #fff; line-height: 16px; }

.m-links { position: absolute; left: 349px; top: 155px; }
.m-links li { width: 160px; height: 59px; float: left; display: inline; margin: 0 5px; }
.m-links a { width: 160px; height: 59px; display: block; }
.m-links img { width: 160px; height: 59px; display: block; }

.footer { width: 1100px; height: 100px; background: #000 url(../images/foot-bg.jpg) no-repeat 100px 0; position: relative; text-align: center; color: #fff; line-height: 50px; }


/* girls */
.header2 { width: 1100px; height: 205px; background: #000 url(../images/head2-bg.jpg) no-repeat 0 0; position: relative; }

.mainer2 { width: 1100px; height: 520px; background: #000; position: relative; }

.footer2 { width: 1100px; height: 78px; background: #000 url(../images/foot2-bg.jpg) repeat-x 0 0; position: relative; }

.title2 { position: absolute; left: 695px; top: 39px; }
.tel2 { position: absolute; left: 416px; top: 85px; }
.wt { position: absolute; left: 416px; top: 113px; }
.card2 { position: absolute; left: 570px; top: 140px; }

.foot-naves { position: absolute; left: 400px; top: 10px; }
.foot-naves li { float: left; display: inline; font-size: 12px; color: #000; margin: 0 6px; }
.foot-naves a { color: #000; }
.foot-naves a:hover { text-decoration: underline; color: #fff; }

.copyright { color: #000; position: absolute; left: 320px; top: 30px; }

.main-naves { width: 220px; position: absolute; left: 780px; top: 4px; }
.main-naves li { width: 220px; height: 35px; float: left; display: inline; background: url(../images/main-nave-li.jpg) no-repeat 0 0; text-align: center; line-height: 35px; margin: 1px 0; }
.main-naves a { font-size: 20px; color: #fff; }
.main-naves a:hover { color: #000; text-decoration: underline; }

.m2-desc { width: 670px; position: absolute; left: 95px; top: 5px; }
.m2-desc h3 { font-size: 38px; color: #fff; line-height: 50px; }
.m2-desc p { font-size: 20px; color: #fff; line-height: 24px; margin: 15px 0; }

.mainer4 { width: 1100px; height: 2520px; background: #000; position: relative; }

.girls-list { width: 810px; position: absolute; left: 25px; top: 5px; }
.girls-list li { width: 120px; height: 485px; border: solid 1px #ec2771; padding: 4px; float: left; display: inline; margin-left: 5px; margin-bottom: 5px; }
.girls-list a { width: 118px; height: 403px; border: solid 1px #ec2771; display: block; background: #000; }
.girls-list a:hover { border: solid 1px #fff; }
.girls-list img { width: 118px; height: 403px; display: block; }
.girls-list b { width: 118px; height: 53px; border: solid 1px #ec2771; display: block; background: #000; color: #fff; margin-top: 5px; text-align: center; font-size: 30px; padding: 10px 0; }
.girls-list b span { font-size: 18px; line-height: 18px; }

.main-naves-2 { width: 220px; position: absolute; left: 850px; top: 4px; }
.main-naves-2 li { width: 220px; height: 35px; float: left; display: inline; background: url(../images/main-nave-li.jpg) no-repeat 0 0; text-align: center; line-height: 35px; margin: 1px 0; }
.main-naves-2 a { font-size: 20px; color: #fff; }
.main-naves-2 a:hover { color: #000; text-decoration: underline; }



/* g1.html - g2.html */
.mainer3 { width: 1100px; height: 920px; background: #000; position: relative; }

.girls-photo { width: 670px; position: absolute; left: 95px; top: 0px; }
.girls-photo li { width: 325px; height: 440px; float: left; display: inline; margin: 5px; }
.girls-photo img { width: 323px; height: 438px; border: solid 1px #ec2771; display: block; }

.girls-info { color: #fff; position: absolute; left: 780px; top: 210px; }
.girls-info h4 { font-size: 36px; line-height: 50px; }
.girls-info p { font-size: 18px; line-height: 22px; margin: 10px 0; }