@charset "utf-8";
body {
    font-size: 12px;
    font-family: "\5FAE\8F6F\96C5\9ED1", Tahoma, Geneva, sans-serif;
}
.pagewrap{

}
.header-wrap{
    background: url("../images/header-wrap.jpg") 50% 0 no-repeat;
}
.header{
    margin:0 auto;
    position: relative;
    width:1200px;
    height:850px;
    background: url("../images/header-bg.jpg") 50% 0 no-repeat;
}
.header .login{
    position: absolute;
    top:35px;
    right:20px;
    color:#ffd488;
    font-size: 14px;
}
.header .login a{
    margin-left:10px;
    color:#ffd488;
}
.header .login a:hover{
     text-decoration: underline;
 }
.header .btns{
    position: absolute;
    top:10px;
    right:20px;
    color:#db0f03;
    font-size: 14px;
}
.header .btns span{
    padding:0 5px;
}
.header .btns a{
    color:#db0f03;
}

.header .nav{
    top:380px;
    left:350px;
    position: absolute;
}
.header .nav a{
    position:absolute;
}
.header .nav a.a1{
    top:20px;
    left:110px;
    width:302px;
    height:196px;
    background: url("../images/logo2.png") 0 0 no-repeat;
}
.header .nav a.a2{
    top:155px;
    left:0;
    width:137px;
    height:223px;
    background: url("../images/a1.png") 0 0 no-repeat;
}
.header .nav a.a3{
    left:195px;
    top:220px;
    width:137px;
    height:223px;
    background: url("../images/a2.png") 0 0 no-repeat;
}
.header .nav a.a4{
    left:388px;
    top:155px;
    width:137px;
    height:223px;
    background: url("../images/a3.png") 0 0 no-repeat;
}

.con1-wrap{
    background: url("../images/con1-bg.jpg") top center no-repeat;
}
.con1{
    width:1200px;
    height:842px;
    margin:0 auto;
    background: url("../images/con1-bg.jpg") top center no-repeat;
}
.con1 .jx{
    padding-top:216px;
}
.con1 .jx img{
    margin-right:20px;
    float: left;
}
.con1 .jx img.mr0{
    margin-right: 0;
}
.hide{
    display: none;
}
.con2-wrap{
    background: url("../images/con2-bg.jpg") top center no-repeat;
}
.con2{
    position: relative;
    width:1200px;
    height:1038px;
    margin:0 auto;
    background: url("../images/con2-bg.jpg") top center no-repeat;
}
.con2 .tx-btns{
    padding-top:185px
}
.con2 .tx-btns a{
    width:400px;
    height:70px;
    line-height: 70px;
    color:#0155ae;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    border-bottom:#013e7d 7px solid;
}
.con2 .tx-btns a.on{
    color:#007ef3;
    border-bottom:#007ef3 7px solid;
}
.con2 .tx-con .pf-con li{
    padding-top:55px;
    text-align: center;
    float: left;
    width:153px;
    margin-right:21px;
}
.con2 .tx-con .pf-con li .pf-name{
    font-weight: bold;
    color:#71bae2;
    padding-bottom:20px;
    font-size: 20px;
    background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(171, 220, 254, 1)), to(rgba(50, 130, 170, 1)));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.con2 .tx-con .pf-con li .support p{
    padding:25px 0 5px 0;
    color:#a8864b;
    font-size: 20px;
}
.con2 .tx-con .pf-con li .support .sup-btn{
    display: block;
    margin:0 auto;
    width:147px;
    height:47px;
    background: url("../images/sup-btn.jpg") 0 0 no-repeat;
 }
.con2 .tx-con .pf-con li.mr0{
    margin-right:0;
}

.con2 .tx-con .wings-con li{
    padding-top:55px;
    text-align: center;
    float: left;
    width:374px;
    margin:0 112px;
}
.con2 .tx-con .wings-con li .pf-name{
    font-weight: bold;
    color:#e5d595;
    padding:50px 0 20px 0;
    font-size: 26px;
    background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(254, 253, 250, 1)), to(rgba(206, 176, 53, 1)));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.con3 .tz-btns{
    padding-top:185px
}
.con3 .tz-btns a{
    width:600px;
    height:70px;
    line-height: 70px;
    color:#0155ae;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    border-bottom:#013e7d 7px solid;
}
.con3 .tz-btns a.on{
    color:#007ef3;
    border-bottom:#007ef3 7px solid;
}
.con3 .hero-tz-con{
    width:600px;
}
.con3 .tz-con>div{
    width: 1200px;
    height: 714px;
    position: relative;
}
.con3 .tz-con  .tu{
   text-align: center;
}
.con3 .hero{
    padding:0 5px 0 25px;
    background: url("../images/opa.png") 0 0 repeat;
    margin:0 auto;
    overflow: hidden;
    width:485px;
    height:200px;

}
.con3 .hero .zi{
    position: relative;
    height:200px;
    overflow: hidden;
}
.con3 .hero p{
    font-size: 16px;
    color:#ababab;
}
.con3 .hero .yellow{
    color:#f6d746;
}
.con3 .hero .red{
     color:#ff0000;
 }

.con3 .hero p.pt{
    padding-top:10px;
}
.con3 .hero-sup{
    margin:20px 0 0 160px;
}
.con3 .hero-sup p{
    color: #a8864b;
    font-size: 20px;
    line-height: 47px;
    margin-right:10px;
}
.con3 .hero-sup a{
    width: 147px;
    height: 47px;
    background: url("../images/sup-btn.jpg") 0 0 no-repeat;
}
.con3 .tz-con .game-tz{
    padding:80px 0 0 52px;
}
.con3 .tz-con .game-tz-zi{
    color:#bfbfbf;
    font-size: 30px;
    line-height: 70px;
}
.con3 .tz-con .img{
    position: absolute;
    top:-132px;
    right:-180px;
 }

.con3-wrap{
    background: url("../images/con3-bg.jpg") top center no-repeat;
}
.con3{
    position: relative;
    width:1200px;
    height:1197px;
    margin:0 auto;
    background: url("../images/con3-bg.jpg") top center no-repeat;
}

.float-nav{
    display: none;
    padding-top:15px;
    position: fixed;
    top:30%;
    left:30px;
    width:222px;
    height:237px;
    background: url("../images/left-nav.png") 0 0 no-repeat;
}
.float-nav a{
    display: block;
    width:205px;
    height:58px;
    margin:0 auto 5px;
}
.float-nav a.back{
    height:40px;
}
.mask{
    display: none;
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#000000;
    opacity: 0.7;
    filter:alpha(opacity=70);
    z-index: 100;
}

.pf-alert{
    width:560px;
    height:374px;
    border:#d2b772 2px solid;
    position: fixed;
    top:25%;
    left:50%;
    margin-left:-280px;
    z-index: 101;
    display: none;
}
.pf-alert .close{
    position: absolute;
    width:50px;
    height:50px;
    top:-14px;
    right:-14px;
    background: url("../images/close-btn.png") 0 0 no-repeat;
}
.alert{
    z-index: 101;
    position: fixed;
    top:50%;
    left:50%;
    margin:-462px 0 0 -534px;
    width:1069px;
    height:925px;
    background: url("../images/alert-bg.jpg") 0 0 no-repeat;
}
.alert .new-pf{
    padding:205px 0 0 95px;
    text-align: center;
}
.alert .new-pf>div{
    margin-right:40px;
}
.alert .hero-tz>div{
    margin-right:40px;
}
.alert .new-pf p{
    margin:0 0 20px 0;
    color:#f4eed2;
    font-size: 24px;
}
.alert .new-pf span{
    color:#a4a4a4;
    font-size: 24px;
}
.alert .hero-tz{
    padding:85px 0 0 95px;
    text-align: center;
}
.alert .hero-tz p{
    margin:0 0 20px 0;
    color:#f4eed2;
    font-size: 24px;
}
.alert .hero-tz span{
    color:#a4a4a4;
    font-size: 24px;
}
.alert .advise{
    padding:105px 0 0 95px;
}
.alert .advise textarea{
    width:885px;
    height:165px;
    padding:5px;
    background: #2c2b2e;
    color:#a4a4a4;
    font-size: 24px;
}
.alert .alert-btns{
    margin-top:55px;
    text-align: center;
}
.alert .alert-btns a{
    width:223px;
    height:71px;
    display: inline-block;
    margin:0 40px;
}
.alert .alert-btns a.btn1{
    background: url("../images/tj-btn.jpg") 0 0 no-repeat;
}
.alert .alert-btns a.btn2{
    background: url("../images/close.jpg") 0 0 no-repeat;
}