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

.wrapfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.wrapfix { display: inline-table; }
* html .wrapfix {height: 1%;}
*+html .wrapfix {height: 1%;}
.wrapfix { display: block; }

.layout { width: 1280px; margin: 0 auto; background: #161e29 url(../images/bd-bg.gif) repeat-x 0 0; position: relative; }

.header { width: 1039px; height: 240px; background: url(../images/bd-bg.gif) repeat-x 0 0; position: relative; }
.mainer { position: relative; width: 1039px; background: #161e29 url(../images/mainer-bg.gif) repeat-x 0 0; }
.footer { width: 1039px; height: 40px; background: #161e29 url(../images/foot-bg.gif) no-repeat 133px 0; margin-top: 20px; line-height: 40px; color: #fff; text-align: center; }

.head-call { width: 910px; height: 160px; background: url(../images/head-bg.jpg) repeat-x 0 0; position: absolute; left: 129px; top: 80px; z-index: 1;  }
.head-call p { color: #fff; text-align: right; font-weight: bold; padding-right: 27px; }

.hc-p1 { font-size: 14px; margin-top: 15px; }
.hc-p1 span { font-size: 24px; }
.hc-p2 { line-height: 28px; }

.head-cil { width: 112px; height: 68px; background: url(../images/head-cil.jpg) no-repeat 0 0; position: absolute; left: 247px; top: 0px; z-index: 3; }
.page-girl { width: 523px; height: 238px; background: url(../images/page-girl.jpg) no-repeat 0 0; position: absolute; left: 129px; top: 2px; z-index: 2; }
.head-tt { font-size: 24px; font-weight: bold; color: #fff; position: absolute; left: 297px; top: 22px; z-index: 4; }

.head-navs { position: absolute; left: 590px; top: 2px; z-index: 4; }
.head-navs li { float: left; display: inline; height: 71px; margin: 0 2px; text-align: bottom; }
.head-navs a { color: #fff; text-align: center; font-size: 14px; display: block; line-height: 30px; margin-top: 41px; }

.head-navs .head-a-cil1 { width: 60px; background: url(../images/head-a-cil1.gif) no-repeat 0 0; }
.head-navs .head-a-cil1:hover, .head-navs .current1 { background: url(../images/head-a-cil1.gif) no-repeat 0 -71px; }
.head-navs .head-a-cil2 { width: 57px; background: url(../images/head-a-cil2.gif) no-repeat 0 0; }
.head-navs .head-a-cil2:hover, .head-navs .current2 { background: url(../images/head-a-cil2.gif) no-repeat 0 -71px; }
.head-navs .head-a-cil3 { width: 109px; background: url(../images/head-a-cil3.gif) no-repeat 0 0; }
.head-navs .head-a-cil3:hover, .head-navs .current3 { background: url(../images/head-a-cil3.gif) no-repeat 0 -71px; }
.head-navs .head-a-cil4 { width: 70px; background: url(../images/head-a-cil4.gif) no-repeat 0 0; }
.head-navs .head-a-cil4:hover, .head-navs .current4 { background: url(../images/head-a-cil4.gif) no-repeat 0 -71px; }

.left-main { width: 719px; height: 426px; float: left; display: inline; background: url(../images/lm-girl.jpg) no-repeat right bottom; }

.left-main2 { width: 719px; height: 426px; float: left; display: inline; }

.lm-des { }
.main-tt { margin-left: 130px; width: 430px; font-size: 18px; color: #fff; background: url(../images/mainer-tt-bg.gif) no-repeat 0 bottom; line-height: 40px; padding-top: 8px; }
.main-tt span { color: #b0e1ff; }
.main-p { margin-left: 130px; width: 414px; color: #eeeeee; line-height: 18px; margin-top: 12px; }
.card { margin-top: 14px; margin-left: 130px; }
.card img { display: block; }

.right-main { width: 320px; height: 426px; float: left; background: #161e29 url(../images/rm-bg.jpg) no-repeat 0 0; }

.rm-tt { font-size: 18px; color: #fff; padding-left: 30px; padding-top: 8px; }
.rm-girls { padding: 0 30px; float: left; }
.rm-girls li { width: 260px; height: 103px; float: left; display: inline; background: url(../images/rm-li-bg.gif) no-repeat 0 bottom; padding: 11px 0; }
.rm-girls a { display: block; width: 161px; height: 100px; float: left; margin-right: 15px;}
.rm-girls p { float: left; margin-top: 3px; color: #fff; line-height: 18px; }
.rm-girls p span { font-size: 14px; font-weight: bold; }
.rm-girls img { display: block; width: 157px; height: 96px; border: solid 1px #fff; }
.rm-girls img:hover { border: solid 1px #8ac8ee; }
.rm-girls .rm-li3 { background: none; }

.gr-main { position: absolute; right: 0px; width: 320px; height: 408px; background: #161e29 url(../images/rm-bg2.jpg) no-repeat 0 0; }
.girls-main { float: left; display: inline; width: 719px; }

.girls-list { margin-left: 140px; padding-top: 7px; background: #161e29 url(../images/gl-bg.gif) repeat-x 0 0; }
.girls-list li { float: left; display: inline; margin: 4px 10px; text-align: center; }
.girls-list a { color: #fff; font-weight: bold; }
.girls-list a:hover { text-decoration: underline; color: #8ac8ee; }
.girls-list img { display: block; width: 157px; height: 96px; border: solid 1px #fff; }
.girls-list img:hover { border: solid 1px #8ac8ee; }

.girls-stag { width: 426px; height: 464px; margin-left: 250px; background: #161e29 url(../images/mainer-bg.gif) repeat-x 0 0; }
.girls-info { color: #fff; background: url(../images/mainer-tt-bg.gif) no-repeat 0 bottom; line-height: 40px; padding-top: 8px; }
.girls-info span { font-size: 18px; font-weight: bold; }

.stag-img { width: 400px; height: 400px; position: absolute; left: 250px; top: 60px; border: solid 2px #8ac8ee; }

.small-img { margin-left: 30px; width: 300px; }
.small-img li { float: left; margin-left: 7px; margin-top: 7px; }
.small-img img { width: 120px; height: 120px; border: solid 1px #8ac8ee; }
.small-img img:hover { border: solid 1px #fff; }