body, div, ul, li {
    margin: 0;
    padding: 0;
    font-family: "Microsoft YaHei";
    font-size: 14px;
    background: #000;
}
ul, li {
    list-style: none;
}
img{
    border:0;
}
a {
    text-decoration: none;
    color: #333;
}
a:hover{
    color:#f60;
}
.fl {
    float: left;
}
.fr {
    float: right;
}

.container{
    max-width:1920px;
    height:1500px;
    margin:0 auto;
    background:url(../images/show-bg.jpg) no-repeat scroll center;
}
.box{
    width: 1700px;
    margin: 0 auto;
    padding-top: 20px;
    position: relative;
}
.box.synthetise{
    width:1800px;
}
.nav{
    width: 1300px;
    height: 168px;
    margin: 0 auto;
}
.na1{
    width:424px;
    height:168px;
    background:url(../images/index-nav.png) no-repeat;
    display:inline-block;
}
.na1:hover,.na1.curr{
    background:url(../images/index-nav.png) no-repeat 0 -181px;
}
.na2{
    width:424px;
    height:168px;
    background:url(../images/index-nav.png) no-repeat -462px 0;
    margin-left:14px;
    display:inline-block;
}
.na2:hover,.na2.curr{
    background:url(../images/index-nav.png) no-repeat -462px -181px;
}
.na3{
    width:424px;
    height:168px;
    background:url(../images/index-nav.png) no-repeat -933px 0;
    margin-left:14px;
    display:inline-block;
}
.na3:hover,.na3.curr{
    background:url(../images/index-nav.png) no-repeat -933px -181px;
}
/* 人类 */
.rlzbl{
    width:265px;
}
.rlzbl a{
    width:265px;
    height:140px;
    cursor: pointer;
    display:inline-block;
}
.rlzbl .ba1{
    background:url(../images/show-rlzbnav.png) no-repeat;
}
.rlzbl .ba1.curr,.rlzbl .ba1:hover{
    background:url(../images/show-rlzbnav.png) no-repeat -294px 0;
}
.rlzbl .ba2{
    background:url(../images/show-rlzbnav.png) no-repeat 0 -146px;
}
.rlzbl .ba2.curr,.rlzbl .ba2:hover{
    background:url(../images/show-rlzbnav.png) no-repeat -294px -146px;
}
.rlzbl .ba3{
    background:url(../images/show-rlzbnav.png) no-repeat 0 -297px;
}
.rlzbl .ba3.curr,.rlzbl .ba3:hover{
    background:url(../images/show-rlzbnav.png) no-repeat -294px -297px;
}
.rlzbl .ba4{
    background:url(../images/show-rlzbnav.png) no-repeat 0 -446px;
}
.rlzbl .ba4.curr,.rlzbl .ba4:hover{
    background:url(../images/show-rlzbnav.png) no-repeat -294px -446px;
}
.rlzbl .ba5{
    background:url(../images/show-rlzbnav.png) no-repeat 0 -596px;
}
.rlzbl .ba5.curr,.rlzbl .ba5:hover{
    background:url(../images/show-rlzbnav.png) no-repeat -294px -596px;
}
.rlzbl .ba6{
    background:url(../images/show-rlzbnav.png) no-repeat 0 -743px;
}
.rlzbl .ba6.curr,.rlzbl .ba6:hover{
    background:url(../images/show-rlzbnav.png) no-repeat -294px -743px;
}
.rlzbl .ba7{
    background:url(../images/show-rlzbnav.png) no-repeat 0 -896px;
}
.rlzbl .ba7.curr,.rlzbl .ba7:hover{
    background:url(../images/show-rlzbnav.png) no-repeat -294px -896px;
}
.rlzbl .ba8{
    background:url(../images/show-rlzbnav.png) no-repeat 0 -1043px;
}
.rlzbl .ba8.curr,.rlzbl .ba8:hover{
    background:url(../images/show-rlzbnav.png) no-repeat -294px -1043px;
}
/* 堕落 */
.dlzbl{
    width:265px;
}
.dlzbl a{
    width:265px;
    height:140px;
    cursor: pointer;
    display:inline-block;
}
.dlzbl .ba1{
    background:url(../images/show-dlzbnav.png) no-repeat;
}
.dlzbl .ba1.curr,.dlzbl .ba1:hover{
    background:url(../images/show-dlzbnav.png) no-repeat -296px 0;
}
.dlzbl .ba2{
    background:url(../images/show-dlzbnav.png) no-repeat 0 -146px;
}
.dlzbl .ba2.curr,.dlzbl .ba2:hover{
    background:url(../images/show-dlzbnav.png) no-repeat -296px -146px;
}
.dlzbl .ba3{
    background:url(../images/show-dlzbnav.png) no-repeat 0 -297px;
}
.dlzbl .ba3.curr,.dlzbl .ba3:hover{
    background:url(../images/show-dlzbnav.png) no-repeat -296px -297px;
}
.dlzbl .ba4{
    background:url(../images/show-dlzbnav.png) no-repeat 0 -446px;
}
.dlzbl .ba4.curr,.dlzbl .ba4:hover{
    background:url(../images/show-dlzbnav.png) no-repeat -296px -446px;
}
.dlzbl .ba5{
    background:url(../images/show-dlzbnav.png) no-repeat 0 -596px;
}
.dlzbl .ba5.curr,.dlzbl .ba5:hover{
    background:url(../images/show-dlzbnav.png) no-repeat -296px -596px;
}
.dlzbl .ba6{
    background:url(../images/show-dlzbnav.png) no-repeat 0 -743px;
}
.dlzbl .ba6.curr,.dlzbl .ba6:hover{
    background:url(../images/show-dlzbnav.png) no-repeat -296px -743px;
}
.dlzbl .ba7{
    background:url(../images/show-dlzbnav.png) no-repeat 0 -896px;
}
.dlzbl .ba7.curr,.dlzbl .ba7:hover{
    background:url(../images/show-dlzbnav.png) no-repeat -296px -896px;
}
.dlzbl .ba8{
    background:url(../images/show-dlzbnav.png) no-repeat 0 -1043px;
}
.dlzbl .ba8.curr,.dlzbl .ba8:hover{
    background:url(../images/show-dlzbnav.png) no-repeat -296px -1043px;
}
/* 堕落 */
.hcfs{
    width:393px;
}
.hcfs a{
    width:393px;
    height:206px;
    cursor: pointer;
    display:inline-block;
}
.hcfs .ba1{
    background:url(../images/show-hcfsnav.png) no-repeat;
}
.hcfs .ba1.curr,.hcfs .ba1:hover{
    background:url(../images/show-hcfsnav.png) no-repeat -438px 0;
}
.hcfs .ba2{
    background:url(../images/show-hcfsnav.png) no-repeat 0 -220px;
}
.hcfs .ba2.curr,.hcfs .ba2:hover{
    background:url(../images/show-hcfsnav.png) no-repeat -438px -220px;
}
.hcfs .ba3{
    background:url(../images/show-hcfsnav.png) no-repeat 0 -448px;
}
.hcfs .ba3.curr,.hcfs .ba3:hover{
    background:url(../images/show-hcfsnav.png) no-repeat -438px -448px;
}
.hcfs .ba4{
    background:url(../images/show-hcfsnav.png) no-repeat 0 -673px;
}
.hcfs .ba4.curr,.hcfs .ba4:hover{
    background:url(../images/show-hcfsnav.png) no-repeat -438px -673px;
}

.box-r{
    width:1395px;
    height:1280px;
    margin-top:15px;
    background:url(../images/show-rbg.jpg) no-repeat;
}
.box-r-rl{
    width:1339px;
    height:683px;
    margin: 10px auto 0;
    background:url(../images/show-rlbg.png) no-repeat;
}
.box-r-dl{
    width:1339px;
    height:683px;
    margin: 10px auto 0;
    background:url(../images/show-dlbg.png) no-repeat;
}
.box-r-sm{
    width:1355px;
    height:572px;
    margin:-20px auto 0;
    background:url(../images/show-smbg.png) no-repeat right;
}
.box-r-sm-l{
    width:220px;
    height:100%;
    background: transparent;
}
.box-r-sm-r{
    width:1000px;
    height:456px;
    margin:65px 70px 0 0;
    background: transparent;
}
.box-r-sm-r span{
    font-size:40px;
}
.box-r-sm-r div.box-r-sm-r-nav{
    width: 900px;
    height: 40px;
    margin: 10px auto 0;
    background: transparent;
}
.box-r-sm-r div.box-r-sm-r-nav a{
    width: 100px;
    height: 40px;
    line-height: 40px;
    background-color: #686155;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    text-align: center;
    cursor: pointer;
}
.box-r-sm-r div.box-r-sm-r-nav a.curr{
    background-color: #e39d4f;
}
.box-r-sm-r div.box-r-sm-r-con{
    background: transparent;
}
.box-r-sm-r p{
    font-size:16px;
    text-indent:100px;
}
.box-r-l{
    width:120px;
    height: 100%;
    margin-left:30px;
    display:inline-block;
    background: transparent;
}
.box-r-r{
    width:1200px;
    background: transparent;
}
.box-r-hc{
    width:100%;
    height:90px;
    margin-top:50px;
    background: transparent;
}
.box-r-nav{
    width:1130px;
    height: 40px;
    margin-left:40px;
    background: transparent;
}
.box-r-nav a{
    width: 100px;
    height: 40px;
    line-height: 40px;
    background-color: #6c6a64;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    text-align: center;
    cursor: pointer;
}
.box-r-nav a.curr{
    background-color: #b9af6a;
}
.box-r-js{
    width:1130px;
    margin-left:40px;
    color:#fff;
    background: transparent;
}
.box-r-js span{
    line-height:60px;
    font-size:30px;
    font-weight:bold;
}
.box-r-js p{
    line-height: 30px;
    font-size:20px;
}