/*public*/
html,body,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dt,li,a,abbr,b,em,i,img,samp,span,strong,sub,sup,tt,var,input,select{margin:0;padding:0}
input,img{border:0;outline:none}
html,body{width:100%;height:100%;overflow:hidden}
input,select{outline:none}
/* set image max width to 100% */
img,video{max-width:100%;height:auto;display: block;width:auto\9;/* ie8 */}
/* set html5 elements to block */
body{background:#fff;font-family: 'Helvetica', 'Microsoft YaHei', '微软雅黑', 'STHeiti', 'WenQuanYi Micro Hei', 'SimSun', 'sans-serif';color:#2d2d2d;word-wrap:break-word;word-break:break-all;height:100%;background-size:600px 100%;}
body div,body p{margin:0 auto;word-break:normal;}
address,cite,dfn,em,var{font-style:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
a{color:#026acb;text-decoration:none;outline:none}
a:hover{text-decoration:none}
/* list */
ul,ol{list-style:none;}

/*Align*/
.alg_r{text-align:right}
.alg_c{text-align:center}

/*music*/
#viose{cursor: pointer;position: absolute;display: inline-block;top: 2%;left: 27.3%;}

/*loading*/
#loading{background:#232f59;text-align:center;width:900px;height:600px;position:absolute;z-index:99999;left: 50%;margin-left: -450px;}

/*p1*/
#jz{position: relative;width: 900px;height: 600px;margin: 0 auto;overflow: hidden;}
#p1{position:relative;height: 600px;width: 12246px;left: -5673px;}
#p1_jz_bg{position:absolute;background: url("p1_jz_bg.jpg") no-repeat center/100% 100%;width: 6573px;height: 600px;cursor: pointer;}
#parallax{position: absolute;width: 30%;top: 0;left: 0;height: 100%;}
#fly{height: 100%;}
#sdrysk_1{position: absolute;width: 7.8%;top: 0%;left: 6%;display: none;}
#sdrysk_2,#sdrysk_3,#sdrysk_4{position: absolute;width: 7.8%;top: 4%;left: 2.5%;display: none;}
#jtjy{position: absolute;width: 4.9%;top: 61%;left: 8.8%;display: none;}
#p1_1{position: absolute;width: 9.2%;bottom: 0%;left: 13%;display: none;}
#p1_2{position: absolute;width: 9.2%;bottom: 0%;left: 21%;display: none;}
#p1_3{position: absolute;width: 9.2%;top: 13%;left: 17%;display: none;}
#p1_4{position: absolute;width: 9.2%;top: 23%;left: 17%;display: none;}
#p1_5{position: absolute;width: 9.2%;top: 33%;left: 17%;display: none;}
#p1_6{position: absolute;width: 9.2%;top: 43%;left: 17%;display: none;}
#p1_7{position: absolute;width: 9.2%;top: 53%;left: 17%;display: none;}
#gyrg{position: absolute;width: 8.2%;top: 70%;left: 17.3%;display: none;}

#hand{position: absolute;width: 1.5%;left: 30%;top: 50%;display: none;transform: rotate(-45deg);}
#p1_jz_np{position: absolute;width: 2%;left: 29%;top: 50%;}
#p1_jz_fc{position: absolute;width: 6%;left: 30.8%;top: 60%;display: none;}
#p1_jz_sw{position: absolute;width: 2%;left: 42.1%;top: 10%;display: none;}
#p1_jz_sd{position: absolute;width: 6.3%;left: 43.2%;top: 2%;display: none;}
#p1_jz_gt{position: absolute;width: 2.4%;left: 46.3%;top: 43%;display: none;}
#p1_jz_mz{position: absolute;width: 2%;left: 55%;top: 6%;display: none;}
#p1_jz_gd{position: absolute;width: 4%;left: 58.1%;top: 30%;display: none;}
#p1_jz_ty{position: absolute;width: 2%;left: 62.2%;top: 32%;display: none;}
#p1_jz_tk{position: absolute;width: 2%;left: 69.8%;top: 4.2%;display: none;}
#p1_jz_g20{position: absolute;width: 2.8%;left: 72.0%;top: 42%;display: none;}
#p1_jz_sy{position: absolute;width: 3.9%;left: 72.7%;top: 10%;display: none;}
#p1_jz_ns{position: absolute;width: 2.6%;left: 78.2%;top: 18%;display: none;}
#p1_jz_ll{position: absolute;width: 4.3%;left: 79.4%;bottom: 5%;display: none;}
#p1_jz_j20{position: absolute;width: 2.5%;left: 85.7%;top: 4%;display: none;}
#p1_jz_dz{position: absolute;width: 5%;left: 87.2%;top: 7%;display: none;}

#p1_jz_tcc{position: absolute;width: 100%;height: 100%;background: url("p1_jz_tcc_bg.png") no-repeat center;background-color: rgba(0,0,0,0.8);display: none;top: 0;}
#p1_jz_tcc_img{position: absolute;top: 7%;width: 45%;left: 27.5%;}
#p1_jz_tcc_p{position: absolute;top: 71%;width: 74%;left: 13%;}
#p1_jz_tcc_p p{color: #ffffff;font-size: 22px;text-indent: 2em;line-height: 36px;}
#p1_jz_tcc_return{position: absolute;top: 1%;width: 15%;left: 64%;cursor: pointer;}
#p1_jz_tcc_yp{position: absolute;top: 54.5%;left: 31.5%;width: 36%;cursor: pointer;}

#p1_tsdj{position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0.8);display: none;top: 0;}

/*fd*/
#fd_logo{position: absolute;top: 5%;width: 2.7%;left: 94.2%;}
#fd_cp{position: absolute;width: 8%;top: 28%;left: 91.2%;}
#fd_cp p{text-align: center;font-size: 20px;color: #fff;line-height: 30px;}
#fd_ewm{position: absolute;top: 38%;width: 4.5%;left: 92.95%;}
#fd_wx{position: absolute;width: 8%;top: 67%;left: 91.2%;}
#fd_wx p{text-align: center;font-size: 20px;color: #fff;line-height: 30px;}
#fd_bq{position: absolute;width: 8%;top: 76%;left: 91.2%;}
#fd_bq p{text-align: center;font-size: 14px;color: #fff;line-height: 20px;}

/*animate*/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.animated.hinges {
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
.vanishIn {
    -webkit-animation-name: vanishIn;
    animation-name: vanishIn;
}
@-webkit-keyframes vanishIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(2, 2);
        -webkit-filter: blur(90px);
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1);
        -webkit-filter: blur(0px);
    }
}
@keyframes vanishIn {
    0% {
        opacity: 0;
        transform-origin: 50% 50%;
        transform: scale(2, 2);
        -webkit-filter: blur(90px);
    }

    100% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(1, 1);
        -webkit-filter: blur(0px);
    }
}
@-webkit-keyframes flash {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }
}
@keyframes flash {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }
}
.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
    animation-iteration-count: 4;
    -webkit-animation-iteration-count: 4;
}