.tel{
    width:861px;
    height:597px;
    background: url("../images/tel.png") no-repeat;
    margin: 0 auto;
    text-align: center;
    position: relative;
}
.music{
    width:687px;
    height:128px;
    background: url(../images/yinpin.png) no-repeat;
    margin: 0 auto;
}
.nav {
    background: url("../images/nav.png") no-repeat;
    position: absolute;
    left: -180px;
    top: 0px;
    width: 161px;
    height: 459px;
    z-index: 444;
}
.nav .navWrap{
    margin-top: 107px;
}
.nav .navWrap a{
    height:30px;
}
.nav .fengcai a{
    height:43px;
}
.nav .jiyi a{
    height:60px;
}
.nav .last a{
    height:55px;
}
.nav li {
    width:125px;
    margin-left: 18px;
}

.nav li a {
    color: #fff;
    font: normal 16px/32px Microsoft yahei, Helvetica, Arial;
    text-decoration: none;
    display: block;
    margin-left: 0;
}

.area{
    width:1000px;
    margin: 0 auto;
}
.wrap{
    width:100%;
    height:275px;
    background-color: #ff313b;
    position: relative;
}
.long{
    width:100%;
    height:360px;
    background-color: #ff313b;
    position: relative;
}
.first{
    position: absolute;
    left: 29%;
    top: -95px;
}
.first a{
    display: block;
    width:416px;
    height:151px;
    cursor: pointer;
}
.wrapper{
    width:976px;
    height:253px;
    background-color: #fff4c4;
    margin: 0 auto;
}
.kuang{
    width:976px;
    height:336px;
    background-color: #fff4c4;
    margin: 0 auto;
}
.img{
    margin-top: 50px;
    margin-left: 20px;
}
.firIntro{
    width:250px;
    height: 160px;
    margin-top: 65px;
    margin-left: 20px;
    margin-right: 50px;
    border-right:1px solid #e4debc;
}
h2{
    width:185px;
    text-align: left;
}
.intro{
    width:225px;
    margin-top: 15px;
    letter-spacing: 1px;
}
ul{
    margin-top: 65px;
    line-height: 35px;
}
ul li{
    width:270px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
ul li img{
    vertical-align: middle;
}
ul li a{
    margin-left: 10px;
}
.circle .left{
    width:137px;
    height:137px;
    background: url("../images/circle.png") no-repeat;
    margin-top: 45px;
    position: relative;
}
.nowPlay{
    width:35px;
    height: 41px;
    background: url("../images/play.png") no-repeat;
    position: absolute;
    left: 40%;
    top: 35%;
}
.pausePlay{
    width:53px;
    height: 54px;
    background: url(../images/pausePlay.png) no-repeat;
    position: absolute;
    left: 36%;
    top: 35%;
}
.xsImg{
    display: block;
    margin-top: 50px;
    margin-left: 20px;
    position: relative;
}
.xsImg p{
    width:100%;
    height:33px;
    line-height: 33px;
    background: url("../images/kuang.png") repeat-x;
    position: absolute;
    left:0;
    bottom:0;
}
.xsImg p a{
    margin-left: 5px;
    font-size: 18px;
    color:#fff;
}
.middle{
    margin-top: 50px;
    width: 226px;
    margin-left: 7px
}
.smImg{
    display: block;
    position: relative;
}
.smImg p{
    width:100%;
    height:24px;
    line-height: 24px;
    background: url("../images/kuang.png") repeat-x;
    position: absolute;
    left:0;
    bottom:0;
}
.smImg p a{
    margin-left: 5px;
    font-size: 14px;
    color:#fff;
}

/* jQuery jcImgScroll css */

.jcImgScroll {
    position: relative;
    height: 233px;
    width:895px;
    margin:0 auto;
}

.jcImgScroll li a {
    background: #fff;
    display: block;
    height: 233px;
    margin-left: 0;
}
.jcImgScroll em.sPrev {
    background: url(../images/left.png) no-repeat;
    left: 35px;
    top: 79px;
}

.jcImgScroll em.sNext {
    background: url(../images/right.png) no-repeat;
    right: -10px;
    top: 79px;
}

.jcImgScroll li.loading a {
    background: #fff url(../images/loading.gif) no-repeat center center;
}

.jcImgScroll li img,
.jcImgScroll li,
.jcImgScroll em,
.jcImgScroll dl {
    display: none;
}
.pkBack{
    position: relative;
    width: 100%;
    height:801px;
    background: url("../images/pkBack.png") no-repeat top center;
    z-index:1;
}
.w1030{
    width:1000px;
    margin: 0 auto;
    position: relative;
}
.lefthand {
    position: absolute;
    top: 400px;
    left: 0%;
    background-image: url("../images/bei.png");
    width: 126px;
    height: 126px;
    /* margin-left: -303.5px; */
}

.righthand {
    position: absolute;
    top: 400px;
    right: 0%;
    background-image: url("../images/nan.png");
    width: 126px;
    height: 126px;
    /* margin-left: -303.5px; */
}

.leftbg {
    position: absolute;
    top: 431px;
    left: 3%;
    background-image: url(../images/lan.png);
    width: 477px;
    height: 77px;
}

.righftbg {
    position: absolute;
    top: 431px;
    right: 5%;
    background-image: url("../images/red.png");
    width: 477px;
    height: 77px;
}
.rightbar {
    background-color: rgb(220, 38, 38);
    width: 200px;
    height: 77px;
    position: absolute;
    top: 431px;
    left: 49%;
}

.leftbar {
    background-color: rgb(42, 61, 106);
    width: 200px;
    height: 77px;
    position: absolute;
    top: 431px;
    left: 11%;
}

.leftper {
    position: absolute;
    top: 524px;
    left: -1%;
    font-size: 40px;
    color: gold;
    text-align: center;
    width: 150px;
    height: 77px;
    line-height: 90px;
    font-weight: bold;
}

.rightper {
    position: absolute;
    top: 524px;
    right: 0%;
    font-size: 40px;
    color: gold;
    text-align: center;
    width: 150px;
    height: 90px;
    line-height: 90px;
    font-weight: bold;
}
.center {
    position: absolute;
    top: 50px;
    left: 56%;
    background-image: url(../images/pk.png);
    width: 463px;
    height: 375px;
    margin-left: -303.5px;
}
.playImgs{
    margin-top: 47px;
    float: left;
    margin-left: 170px;
}
.playing{
    width:49px;
    height:49px;
    background: url("../images/musPlay.png") no-repeat;
}
.musPause{
    width:49px;
    height:49px;
    background: url("../images/musPause.png") no-repeat;
}
.audioplayer-bar {
    margin-top: 69px;
    float: left;
    width: 432px;
    height: 11px;
    position: relative;
    background-color: #f8575e;
    cursor: pointer;
    z-index: 1;
}