@charset "utf-8";

/* ==================================================
* base.css
* @version 1.7
================================================== */
/* reset */
html {background-color: #fff; color: #333;} 
body {font: 12px/1.6 tahoma, arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
input, textarea, select, button {font: 100%/1.2 tahoma, arial, sans-serif;}
body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, form, fieldset, legend, input, textarea, select, button, th, td {margin: 0; padding: 0;}
ul, ol {list-style: none;}
table {border-collapse: collapse; border-spacing: 0;}
fieldset, img {border: 0;}
img {display: inline-block; vertical-align: top;}
em {font-style: normal;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
input, textarea, select, button, object {outline: 0;}

/* html5 reset for ie */
header, nav, section, article, aside, footer {display: block;}

/* element */
.fl {float: left; _display: inline;}
.fr {float: right; _display: inline;}
.clearfix:after {content: "."; clear: both; display: block; height: 0; visibility: hidden;}
.clearfix {*zoom: 1;}

.tl {text-align: left;}
.tc {text-align: center;}
.tr {text-align: right;}
.vm {vertical-align: middle;}
.bc {margin-right: auto; margin-left: auto;}

.pr {position: relative;}
.pa {position: absolute;}

.hidden {visibility: hidden;}
.none {display: none;}

.fb {font-weight: 700;}
.fn {font-weight: 400;}
.f12 {font-size: 12px;}
.f14 {font-size: 14px;}
.f16 {font-size: 16px;}

.YaHei {font-family: \5FAE\8F6F\96C5\9ED1;}

/* ==================================================
* @layer
================================================== */
/* base mask */
.jz-mask, .jz-mask iframe, .jz-mask div {z-index: 10000; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.jz-mask iframe {opacity: 0; filter: alpha(opacity=0);}
.jz-mask .jz-mask-opacity {background-color: #000;}

/* base layer */
.layer-close, .layer-detail .layer-hd, .layer-detail .layer-hd p {background: url(layer-el.png) no-repeat 0 0;}

.layer-close {top: 0; width: 56px; height: 56px; background-position: 0 -56px; text-indent: -99999px; outline: none;}
.layer-close:hover {background-position: -56px -56px;}

.layer-show {border: 5px solid #fff;  background-color: #fff;}
.layer-show .layer-close {right: 0;}

.layer-detail {width: 650px; background-color: #e7f7fc;}
.layer-detail .layer-close {right: -56px;}
.layer-detail .layer-hd {height: 42px; padding-top: 14px; background-repeat: repeat-x; background-position: 0 0;}
.layer-detail .layer-hd p {width: 100px; height: 28px;}
.layer-detail .layer-hd .bjj {background-position: -112px -56px;}
.layer-detail .layer-hd .jslj {background-position: -112px -84px;}
.layer-detail .layer-hd .yx {background-position: -212px -56px;}
.layer-detail .layer-hd .gtj {background-position: -212px -84px;}
.layer-detail .layer-hd .hfr {background-position: -312px -56px;}
.layer-detail .layer-hd .zsg {background-position: -312px -84px;}
.layer-detail .layer-cont {padding: 24px 32px; border: 3px solid #0b72c5; border-top: 0;}
.layer-detail .mt {margin-top: 24px;}

/* ==================================================
* layout
================================================== */
.container {max-width: 1920px; min-width: 1000px; overflow:hidden;}
.container {_width: expression((document.documentElement.clientWidth > 1920 || document.body.clientWidth > 1920) ? "1920px" : ((document.documentElement.clientWidth < 1000 || document.body.clientWidth < 1000) ? "1000px" : "100%")); _margin:0 auto;}
.wrap {width: 1000px; background-repeat: no-repeat; background-position: -460px 0;}
.re {width: 1920px; margin-left: -460px; _margin-right: -460px;}

/* header */
.header, .header .wrap, .header-nav li a:hover, .header-nav .current a {background-image: url(header-bg.jpg);}
.header, .header-nav li a:hover, .header-nav .current a {background-repeat: no-repeat;}
.header {background-position: center 0;}
.header .wrap {height: 80px;}
.header a {text-indent: -99999px; outline: none;}
.header-home {top: 4px; left: 28px; width: 132px; height: 72px;}
.header-nav {margin-left: 237px;}
.header-nav li {width: 123px; margin-right: 2px;}
.header-nav li a {display: block; height: 80px;}
.header-nav li .m1:hover, .header-nav .current .m1 {background-position: -697px -80px;}
.header-nav li .m2:hover, .header-nav .current .m2 {background-position: -822px -80px;}
.header-nav li .m3:hover, .header-nav .current .m3 {background-position: -947px -80px;}
.header-nav li .m4:hover, .header-nav .current .m4 {background-position: -1072px -80px;}
.header-nav li .m5:hover, .header-nav .current .m5 {background-position: -1197px -80px;}
.header-nav li .m6:hover, .header-nav .current .m6 {background-position: -1322px -80px;}

/* main */
.main .part {background-repeat: no-repeat; background-position: 0 0;}
.main, .main .part .wrap {height: 720px;}
.main {overflow: hidden;}

.main .index, .main .index .wrap {background-image: url(index-bg.jpg);}
.main .sub, .main .sub .wrap {background-image: url(sub-bg.jpg);}
.newMap h2, .newMap .monster, .newMap .desc, .wanf .desc {background: url(sub-el.png) no-repeat 0 0;}

.main-menu, .main-menu a {background: url(main-menu-el.png) no-repeat 0 0;}
.main-menu {height: 40px;}
.main-menu a {display: block; height: 40px; text-indent: -99999px; outline: none;}

.index h1 {top: 436px; left: 324px; width: 650px; height: 200px; text-indent: -99999px;}

.taoz .main-cont {height: 438px;}
.taoz .main-cont img {top: 42px; left: 78px;}
.taoz .main-menu {margin-left: 242px; padding-left: 37px; background-position: 7px 35px;}
.taoz .main-menu li {width: 51px; margin-right: 47px;}
.taoz .main-menu .i1 {background-position: -35px -5px;}
.taoz .main-menu .i2 {background-position: -133px -5px;}
.taoz .main-menu .i3 {background-position: -231px -5px;}
.taoz .main-menu .i4 {background-position: -329px -5px;}
.taoz .main-menu .i5 {background-position: -427px -5px;}
.taoz .main-menu .current .i1 {background-position: -35px -45px;}
.taoz .main-menu .current .i2 {background-position: -133px -45px;}
.taoz .main-menu .current .i3 {background-position: -231px -45px;}
.taoz .main-menu .current .i4 {background-position: -329px -45px;}
.taoz .main-menu .current .i5 {background-position: -427px -45px;}

.fens p {top: 110px; left: 118px;}
.fens a {top: 159px; width: 160px; height: 270px; background: url(../../../images/space.png) repeat 0 0; text-indent: -99999px; outline: none;}
.fens .bjj {left: 466px;}
.fens .jslj {left: 689px;}

.newMap h2 {top: 64px; left: 172px; width: 161px; height: 25px; text-indent: -99999px;}
.newMap .map {top: 97px; left: 100px; width: 293px; height: 388px; border: 6px solid #e6effd;}
.newMap .monster {top: 110px; width: 182px; height: 177px; background-position: 0 0;}
.newMap .monster img {cursor: pointer;}
.newMap .monster span {top: 182px; left: 0; width: 182px; color: #116ccd;}
.newMap .m1 {left: 462px;}
.newMap .m2 {left: 698px;}
.newMap .desc {top: 363px; left: 438px; width: 391px; height: 110px; padding: 24px 36px 0; background-position: -360px 0; text-indent: 28px;}

.wzg h2 {background-position: -193px -8px;}
.psd h2 {background-position: -193px -48px;}

.wanf .screen a {margin: 0 14px;}
.wanf .screen img {width: 388px; height: 248px; border: 6px solid #e6effd;}
.wanf .desc {width: 658px; height: 95px; margin: 11px auto 0; padding: 18px 50px 0; background-position: 0 -187px;}
.wanf .desc p {position: relative; padding-left: 80px;}
.wanf .desc label {position: absolute; top: 0; left: 0; _left: -80px; color: #1192e0;}
.wanf .boss {top: -13px; left: 188px;}

.wanf .main-menu {margin-bottom: 26px; margin-left: 235px; padding-top: 57px; padding-left: 0; background-position: 9px 92px;}
.wanf .main-menu li {width: 139px; margin-right: 57px;}
.wanf .main-menu .i1 {background-position: 9px -85px;}
.wanf .main-menu .i2 {background-position: -187px -85px;}
.wanf .main-menu .i3 {background-position: -383px -85px;}
.wanf .main-menu .current .i1 {background-position: 9px -125px;}
.wanf .main-menu .current .i2 {background-position: -187px -125px;}
.wanf .main-menu .current .i3 {background-position: -383px -125px;}

.wanf .switchMod-cont {position: absolute; top: 123px; left: 0; width: 1000px;}

/* footer */
.footerWrap {background-color: #fff;}
.footer, .footer a {color: #0e91e0;}
.footer {padding: 24px 0;}
.footer a {*display: inline-block; margin: 0 6px;}
.footer P {margin-bottom: 4px;}