@keyframes opa1 {

    0% {

        opacity: 1;

    }



    100% {

        opacity: .2;

    }

}

@keyframes opa2 {

    0% {

        opacity: .2;

    }



    100% {

        opacity: 1;

    }

}

@keyframes nan{

    0% {

        z-index: 666;

        top: -400px;

        left: -1200px;

    }

    50% {



    }

    85%{

        z-index: 666;

        left: 500px;

    }

    90% {

        left: 480px;

    }

    93% {

        left: 500px;

    }

    96% {

        left: 510px;

    }

    100% {

        top: 0;

        left: 500px;

    }

}

@keyframes nv {

    0% {

        z-index: 666;

        top:-900px;

        left: 1200px;

    }

    50% {

        left: 1200px;

        top: -900px;

    }

    85% {

        left: -380px;

    }

    90% {

        z-index: 666;

        left: -435px;

    }

    93% {

        left: -390px;

    }

    96% {

        left: -440px;

    }

    100% {

        top: 0;

        left: -414px;

    }

}

@keyframes tit{

    0% {

        opacity: 0;

        width: 0px;

        height: 800px;

        margin-left: -1100px;

    }

    40% {

        opacity: 0;

        width: 0px;

        height: 800px;

        margin-left: -1100px;

    }

    50% {

        opacity: 0.8;

        width:0px;

        height: 373px;

        margin-left:0px;

    }

    100% {

        opacity: 1;

        width: 860px;

        height: 373px;

    }

}

@keyframes tit2{

    0%{transform:scale(1);}

    20%{transform:scale(1);}



    95%{transform:scale(1.5); opacity:0.5;}

    100%{transform:scale(1); opacity:0;}

}





.contain{min-width: 1100px;overflow: hidden;}

.content_1{background: url("../images/a1.jpg") no-repeat center;height: 900px;}

.animat{width: 1100px;margin: auto;position: relative;}

.tiao{background: url("../images/tiao.png") no-repeat 0 -31px;width: 205px;height: 857px;z-index: 9;position: absolute;top: 0;left: 40.7%;}

.xia{position: absolute;background: url("../images/xia.png") no-repeat;width: 55px;height: 54px;left: 47.3%;z-index: 10;}

.xia1{top: 806px;animation: opa2 1s infinite;}

.xia2{top: 821px;animation: opa1 1s infinite;}

.ren{position: absolute;height: 900px;top: 0;z-index: 2;}

.nan{background: url("../images/nan.png") no-repeat;width: 1009px;left: 500px;animation: nan 1s;}

.nv{background: url("../images/nv.png") no-repeat;width: 913px;left: -414px;animation: nv 1.5s;}

.tit,.tit:after{background: url("../images/tit7.png") no-repeat;width: 860px;height: 356px;position: absolute;z-index: 66;top: 254px;left: 50%;background-size: 100%;animation: tit 2s;margin-left: -430px;content: "";}

.tit{animation: tit 2s;}

.tit:after{opacity:0;animation:tit2 1.5s 1.3s; top: 0;}

.huo{background: url("../images/huo.png") no-repeat;position: absolute;top: 288px;width: 1920px; height: 612px;left: -38%;}

.btt{position: absolute;top: 683px;left: 45%;width: 100px;height: 200px;z-index: 999;transition: 1s all;}

.logo{position: absolute;width: 181px;z-index: 15;left: 41.5%;top: 173px;}





.content_2{background: url("../images/a2.png") no-repeat center;height: 1050px;}

.rank{width: 1100px;position: relative;height: 1050px;margin: auto;}

.rank > div{position: absolute;text-align: center;}

.rank p{font-size: 14px;color: #f56e00;line-height: 25px;}

.rank p.ss{font-size: 12px;color: #320f04;line-height: 16px;}

.rank > .info-1,.info-2,.info-3,.info-4,.info-5{color: #feab1b;font-size: 36px;min-width: 240px;}

.rank > .info-6,.info-7,.info-8,.info-9,.info-10{color: #ffeeb0;font-size: 20px;min-width: 188px;}



.content_3{background: url("../images/a3.png") no-repeat center;height: 370px;padding-top: 150px;position: relative;}

.acti{background: url("../images/a6.png") no-repeat;width: 901px;height: 311px;margin: auto;}

.acti>div{float: left;width: 33.33%;height: 32px;margin-top: 43px; text-align: center;color: #ffaf7b;}

.acti .sp-1{background: url("../images/b1.png") no-repeat center;}

.acti .sp-2{background: url("../images/b2.png") no-repeat center;}

.acti .sp-3{background: url("../images/b3.png") no-repeat center;}

.acti>div p{margin: 70px auto 20px;}

.acti>div a{font-size: 18px;color: #d06d05;display: block;margin: auto;width: 120px;border: 1px solid #d06d05;padding: 2px 0;border-radius: 30px;}

.acti>div a:hover{color: #ffaf7b;border: 1px solid #ca5402;background: #ca5402;}



.pop{background: url("../images/bg.png") no-repeat;width: 969px;height: 720px;position: absolute;top: 0;left: 50%;margin-left: -484.5px;overflow: hidden;display: none;background-size: 100% 100%;}

#close,#close0{width: 70px;height: 70px;position: absolute;right: 0;top: 0;}

.top{overflow: hidden;padding: 165px 0 0 50px;}

.top li{width: 158px;height: 40px;float: left;margin: 0 5px;cursor: pointer;}

.top li.l1{background: url("../images/t1.png") no-repeat;}

.top li.l2{background: url("../images/t2.png") no-repeat;}

.top li.l3{background: url("../images/t3.png") no-repeat;}

.top li.l4{background: url("../images/t4.png") no-repeat;}

.top li.l5{background: url("../images/t5.png") no-repeat;}

.top li.l1:hover{background: url("../images/t11.png") no-repeat;}

.top li.l2:hover{background: url("../images/t22.png") no-repeat;}

.top li.l3:hover{background: url("../images/t33.png") no-repeat;}

.top li.l4:hover{background: url("../images/t44.png") no-repeat;}

.top li.l5:hover{background: url("../images/t55.png") no-repeat;}



.fen{}

.fen .bao{padding: 30px 67px 0;overflow: hidden;display: none;}

.fen .bao>div{float: left;width: 250px;margin: 10px;}

.fen .bao>div>p{color: #fff;padding: 83px 9px 0;line-height: 30px;font-size: 14px;}

.fen .bao>div>p img{display: block;margin: auto;}

.fen .bao .guan{background: url("../images/tu1.png") no-repeat;height: 252px;}

.fen .bao .hao{background: url("../images/tu2.png") no-repeat;height: 252px}

.fen .bao .li{background: url("../images/tu3.png") no-repeat;height:420px;background-size: 100% 100%;}

.fen .bao .li ul{padding: 80px 0 0;}

.fen .bao .li ul li{overflow:hidden;font-size: 14px;line-height: 25px;}

.fen .bao .li ul li img{display: block;float: left;margin: 0 15px 10px;}

.fen .bao .li ul li span{color: red;}

.btn a{display: block;position: absolute;top: 50%;width: 52px;height: 52px}

.btn_1{background: url("../images/l.png") no-repeat;left: 1%;}

.btn_2{background: url("../images/r.png") no-repeat;right: 3%;}

.btn_1:hover{background: url("../images/ll.png") no-repeat;}

.btn_2:hover{background: url("../images/rr.png") no-repeat;}



.content_4{background: #251b1a url("../images/a4.jpg") no-repeat center;height: 650px; margin-top: -30px;}

.rule{width: 780px;padding-top: 180px;color: #bc9864;margin: auto;line-height: 30px;font-size: 18px;}

.rule span{font-size: 14px;}

.rule span.icon{display: inline-block;width: 20px;height: 20px;line-height: 20px;text-align: center;background: #8a200f;}
/*ÓÒ²àµ¼º½*/
.snav {
    /* background: url(../images/right.png) no-repeat scroll center 0; */
    height: 420px;
    margin-top: 95px;
    position: fixed;
    right: 1%;
    top: 9%;
    width: 132px;
    z-index: 2;
}
.snav .top {
    height: 75px;
    line-height: 75px;
    background: url(../images/right1.png) no-repeat scroll center 0;
}
.snav .top2 {
    background: url(../images/a12.jpg) no-repeat scroll center 0;
}
.snav li {
    float: left;
    font-weight: bold;
    height: 34px;
    line-height: 34px;
    list-style: outside none none;
    text-align: center;
    width: 100%;
    background: url(../images/a1.png) no-repeat scroll center 0;
}
.snav .top3 {
    background: url(../images/right2.png) no-repeat scroll center 0;
    height: 108px;
}
.snav a {
    color: #f9f89e;
    display: block;
    font-size: 16px;
    height: 34px;
    outline: medium none;
    cursor: pointer;
}