/*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}

.box{position:relative;width:600px;height:100%;}

/*music*/
#viose{cursor: pointer;position: fixed;display: inline-block;top: 20px;right: 20px;z-index: 9999;}

/*loading*/
#loading{background:#313a57;text-align:center;width:600px;height:100%;position:relative;z-index:99999;margin: 0 auto;}

/*#fullpage{max-width:600px;}*/

/*next and prev*/
/*#next{position: fixed;display: block;cursor:pointer;right: 13%;bottom: 39%;z-index: 111;}*/
/*#prev{position: fixed;display: none;cursor:pointer;right: 13%;bottom: 47%;z-index: 111;}*/

/*ewm*/
#ewm{width: 150px;height:150px;position: absolute;right: 13%;margin-right: -75px;bottom: 2.4%}

/*box*/
.box{background:url(../images/bg.jpg) center no-repeat;background-size:600px 100%;max-height:900px;}


/*fm*/
#fm_1{position: absolute;width: 100%;top: 10%;left: 0;display: none;}
#fm_2{position: absolute;width: 100%;top: 48%;left: 0;display: none;}
#fm_cp{position: absolute;width: 53%;bottom: 5%;left: 23.5%;display: none;}
#fm_btn{position: absolute;width: 27%;top: 80%;left: 36.5%;display: none;cursor: pointer;}


/*p1*/
#p1_choose_xcg{position: absolute;width: 100%;top: 13%;left: 0;display: none;cursor: pointer;}
#p1_choose_xjy{position: absolute;width: 100%;top: 37%;left: 0;display: none;cursor: pointer;}
#p1_choose_xkd{position: absolute;width: 100%;top: 61%;left: 0;display: none;cursor: pointer;}
/*#p1_choose_p{position: absolute;width: 100%;top: 85%;left: 0;display: none;}*/

/*wy*/
.wy_bt{width: 100%;top: 10%;position: absolute;left: 0;}
.wy_video{width: 100%;top: 25%;position: absolute;left: 0;}
.wy_p{width: 100%;top: 60%;position: absolute;left: 0;display: none;}
.wy_ifr{width: 100%;top: 25%;position: absolute;left: 0;}
.wy_return{width: 19%;top: 2%;position: absolute;right: 0;cursor: pointer;}
.to_ds_btn{width: 44%;top: 85%;position: absolute;left: 28%;cursor: pointer;}

.hand{width: 15%;top: 15%;position: absolute;left: 63%;z-index: 2;display: none;}
#xjy_hand{top: 12%;left: 65%;}
#xkd_hand{top: 14%;left: 65%;}

#xjy_wy_p{top: 63%;}
#xkd_wy_p{top: 65%;}

/*choose_ds*/
.choose_ds,.choose_tb{position: absolute;width: 100%;left: 0;display: none;}
.return_p1{width: 19%;top: 2%;position: absolute;right: 0;cursor: pointer;}

#choose_xcg_ds1{top: 11%;}
#choose_xcg_ds2{top: 24%;}
#choose_xcg_ds3{top: 37%;}
#choose_xcg_ds4{top: 50%;}
#choose_xcg_ds5{top: 63%;}
#choose_xcg_ds6{top: 76%;}
#choose_xcg_tb{top: 90%;}

#choose_xjy_ds1{top: 8%;}
#choose_xjy_ds2{top: 21%;}
#choose_xjy_ds3{top: 34%;}
#choose_xjy_ds4{top: 47%;}
#choose_xjy_ds5{top: 60%;}
#choose_xjy_ds6{top: 73%;}
#choose_xjy_ds7{top: 87%;}

#choose_xkd_ds1{top: 11%;}
#choose_xkd_ds2{top: 24%;}
#choose_xkd_ds3{top: 37%;}
#choose_xkd_ds4{top: 50%;}
#choose_xkd_ds5{top: 63%;}
#choose_xkd_ds6{top: 76%;}
#choose_xkd_tb{top: 90%;}

/*ds_video*/
.ds_video{width: 100%;top: 23%;position: absolute;left: 0;}
.ds_p{width: 100%;top: 65%;position: absolute;left: 0;}
.ds_p p{width: 80%;left: 10%;font-size: 18px;text-indent: 2em;line-height: 26px;color: #646464;}
.ds_ifr{width: 100%;top: 23%;position: absolute;left: 0;}
.xcg_ds_return,.xjy_ds_return,.xkd_ds_return{width: 19%;top: 2%;position: absolute;right: 0;cursor: pointer;}

/*ds_img*/
.ds_img{width: 100%;top: 23%;position: absolute;left: 0;}

/*ds_bt*/
.ds_bt{width: 100%;top: 8%;position: absolute;left: 0;}

#choose_xcg_bt,#choose_xkd_bt,#choose_xjy_bt{width: 71%;top: 3%;position: absolute;left: 5%;}

#xcg_tb{position: absolute;width: 100%;top: 20%;left: 0;}
#xkd_tb{position: absolute;width: 90%;top: 8%;left: 5%;}
#zztd{position: absolute;width: 25%;top: 92%;right: 3%;cursor: pointer;}
#fd_img{position: absolute;width: 76%;top: 15%;left: 12%;}

/*.fd{background:url(../images/fd_bg.jpg) center no-repeat;background-size:600px 100%;max-height:900px;}*/
#fd_logo{position: absolute;top: 13%;display: none;width: 29%;left: 39%;}
#fd_cp{position: absolute;width: 100%;top: 32%;display: none;}
#fd_cp p{text-align: center;font-size: 24px;color: #0d3b49;}
#fd_ewm{position: absolute;top: 43%;display: none;width: 52%;left: 24%;}
#fd_wx{position: absolute;width: 100%;top: 67%;display: none;}
#fd_wx p{text-align: center;font-size: 24px;color: #0d3b49;}
#fd_bq{position: absolute;width: 100%;top: 91%;display: none;}
#fd_bq p{text-align: center;font-size: 20px;color: #0d3b49;}

/*animate*/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 30%, 0);
        transform: translate3d(0, 30%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 30%, 0);
        transform: translate3d(0, 30%, 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;
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
.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 fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

/*媒体查询*/
/*iphone6s*/
@media screen and (max-width:600px){
    body{background-size:100% 100%}
    #loading{width: 100%;}
    /*#next,#prev{display: none;}*/
    #fullpage{width:100%}
    .box,.video_page{width:100%;background-size: 100% 100%;height: 100%;}
    #ewm{display: none;}
    .ds_p{top: 62%;}
    .ds_p p{width: 90%;left: 5%;font-size: 14px;line-height: 18px;}
}
/*iphone6s qq*/
@media screen and (max-width:414px) and (max-height: 636px){

}
/*iphone6*/
@media screen and (max-width:375px){
    .ds_p{top: 60%;}
    .ds_p p{font-size: 14px;line-height: 16px;}
}
/*iphone6 qq*/
@media screen and (max-width:375px) and (max-height: 567px){

}
/*android*/
@media screen and (max-width:360px){
    .ds_p{top: 60%;}
}
/*android qq*/
@media screen and (max-width:360px) and (max-height: 540px){

}

/*iphone5*/
@media screen and (max-width:320px){
    .ds_p p{font-size: 12px;line-height: 14px;}
}
/*iphone5 qq*/
@media screen and (max-width:320px  ) and (max-height: 468px){

}