/*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:#000;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}
.fl{float:left;}
.fr{float:right;}

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

/*music*/
#viose{cursor: pointer;position: fixed;display: inline-block;    bottom: 30px;right: 20px;z-index: 9999;width: 30px;
    height: 30px}
.off{webkit-animation: rotating 1.2s linear infinite;
    animation: rotating 1.2s linear infinite;}

/*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%; z-index: 9999;}

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

/*fm*/
.element-box{width: 100%; height: 100%;}

.element-box.fmtxBg{z-index:0;position: absolute;top: 0;left: 0;animation: puffIn 1s ease 1s 1 normal both; display: none;}
.element-box.fmtxBg img{width: 220%;max-width: 300%;margin: 10% -50% 0;}

   
.element-box.fmBg{z-index:1;animation: puffIn 3s ease 1s 1 normal both;position: absolute;top: 0;left: 0;display: none;}
.element-box.fmBg img{width: 100%; height: 100%;}
#fm_line{position: absolute;width: 100%;top: 10%;left: 0;display: none;z-index:3;}
#fm_fdlogo{position: absolute;width: 100%;top: 13%;left: 0;display: none;z-index:4;}
#fm_tit2017{position: absolute;width: 100%;top: 28%;left: 0;display: none;z-index:5;}
#fm_tit10{position: absolute;width: 100%;top: 36%;left: 0;display: none;z-index:6;}
#fm_titda{position: absolute;width:100%;top: 23%;left:0;display: none;z-index:7;}
#fm_titgcj{position: absolute;width:100%;top: 46%;left:0;display: none;z-index:8;}
#fm_photon{position: absolute;top: 15%;left: 20%;display: none;z-index:9;width: 60%;animation: fadeIn 1s ease 3s 1 normal both;}
#fm_photon img{width: 100%; height: 100%;}
#fm_btn{position: absolute;width:30%;top: 60%;left:35%;display: none;cursor: pointer;z-index:10;}
#fm_logo{position: absolute;width:100%;bottom:8.5%;left:0;display: none;z-index:11}
#fm_zzdw{position: absolute;width:100%;bottom:5%;left:0;display: none;z-index:11}


/*choose_ds*/
.choose_rw{position: absolute;width: 100%;display: none;}
.choose_rw.fl,.choose_rw.fr{width: 50%;}
.hand{width: 15%;top: 20%;position: absolute;left: 65%;z-index: 2;display: none;}
.choose_p1_btn,.choose_p2_btn{position: absolute;width: 30%;bottom: 8%;left: 35%;display: none;cursor: pointer;}

#p1_hand{left: 30%;}
#p2_hand{left: 70%;top: 23%;}

#choose_p1_1{top: 18%;left: 0;}
#choose_p1_2{top: 20%;right: 0;}
#choose_p1_3{top: 40%;left: 0;}
#choose_p1_4{top: 41%;right: 0;}
#choose_p1_5{top: 60%;left: 0;}
#choose_p1_6{top: 70%;}


#choose_p2_1{top: 18%;left: 0;}
#choose_p2_2{top: 20%;right: 0;}
#choose_p2_3{top: 40%;left: 0;}
#choose_p2_4{top: 41%;right: 0;}
#choose_p2_5{top: 60%;left: 0;}
#choose_p1_6{top: 70%;}


/*rw_video*/
.rwInfo_video{width: 100%;top:18%;position: absolute;left: 0;}
.rwInfo_p{width: 100%;top:58%;position: absolute;left: 0;}
.rwInfo_p p{width: 80%;left: 10%;font-size: 22px;text-indent: 2em;line-height: 36px;color: #646464;}
.rwInfo_ifr{width: 100%;top: 18%;position: absolute;left: 0;  background:#000;}
.rwInfo_return{width: 22%;top: 8%;position: absolute;right: 5%;cursor: pointer;z-index:100;}

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

.kbg1{background:url(../images/kBg-01.jpg) center no-repeat;}
.kbg2{background:url(../images/kBg-02.jpg) center no-repeat;}
.kbg3{background:url(../images/kBg-03.jpg) center no-repeat;}
.kbg4{background:url(../images/kBg-04.jpg) center no-repeat;}
.kbg5{background:url(../images/kBg-05.jpg) center no-repeat;}
.kbg6{background:url(../images/kBg-06.jpg) center no-repeat;}
.kbg7{background:url(../images/kBg-07.jpg) center no-repeat;}
.kbg8{background:url(../images/kBg-08.jpg) center no-repeat;}
.kbg9{background:url(../images/kBg-09.jpg) center no-repeat;}
.kbg10{background:url(../images/kBg-10.jpg) center no-repeat;}

.kInfo_line{position:absolute;width:100%;top: 10%;left:0;z-index:3;}
.kInfo_tit{position:absolute;width:100%;top: 14%;left:0;z-index:4;}
.kInfo_pic{position:absolute;width:100%;top: 20%;left:0; z-index:2;}
.kInfo_p{position:absolute;width:100%;top: 50%;left:0; z-index:5;}



.kbg1 .kInfo_line{top: 12%;}
.kbg1 .kInfo_tit{top: 14%;}
.kbg1 .kInfo_pic{top: 20%;}
.kbg1 .kInfo_p{top: 56%;}

.kbg2 .kInfo_line{top: 14%;}
.kbg2 .kInfo_tit{top: 16.5%;}
.kbg2 .kInfo_pic{top: 22%;}
.kbg2 .kInfo_p{top: 56%;}

.kbg3 .kInfo_line{top: 12.5%;}
.kbg3 .kInfo_tit{top: 15%;}
.kbg3 .kInfo_pic{top: 20%;}
.kbg3 .kInfo_p{top: 56%;}

.kbg4 .kInfo_line{top: 12.8%;}
.kbg4 .kInfo_tit{top: 15%;}
.kbg4 .kInfo_pic{top: 20%;}
.kbg4 .kInfo_p{top: 56%;}

.kbg5 .kInfo_line{top: 12.5%;}
.kbg5 .kInfo_tit{top: 15%;}
.kbg5 .kInfo_pic{top: 20%;}
.kbg5 .kInfo_p{top: 55%;}


.kbg6 .kInfo_line{top: 13%;}
.kbg6 .kInfo_tit{top: 15%;}
.kbg6 .kInfo_pic{top: 20%;}
.kbg6 .kInfo_p{top: 56%;}


.kbg7 .kInfo_line{top: 14%;}
.kbg7 .kInfo_tit{top: 16.3%;}
.kbg7 .kInfo_pic{top: 20%;}
.kbg7 .kInfo_p{top: 56%;}


.kbg8 .kInfo_line{top: 12%;}
.kbg8 .kInfo_tit{top: 14.5%;}
.kbg8 .kInfo_pic{top: 13%;}
.kbg8 .kInfo_p{top: 55%;}


.kbg9 .kInfo_line{top: 12.5%;}
.kbg9 .kInfo_tit{top: 14.5%;}
.kbg9 .kInfo_pic{top: 14%;}
.kbg9 .kInfo_p{top: 53%;}


.kbg10 .kInfo_line{top: 12.5%;}
.kbg10 .kInfo_tit{top: 14.5%;}
.kbg10 .kInfo_pic{top: 10%;}
.kbg10 .kInfo_p{top: 44%;}


.section.active .kbg1 .kInfo_line{animation: puffIn .5s ease .5s 1 normal both;}
.section.active .kbg1 .kInfo_tit{animation: tit2 1.3s ease-in-out 0s normal;}
.section.active .kbg1 .kInfo_pic{animation: fadeInRight 1s ease-out 1.2s both;}
.section.active .kbg1 .kInfo_p{animation: fadeInUp 1s ease 2.2s both;}

.section.active .kbg2 .kInfo_line{animation: fadeInUp 1s ease-in-out .5s 1 normal both;}
.section.active .kbg2 .kInfo_tit{animation: fadeInUp 1s ease-in-out .5s normal both;}
.section.active .kbg2 .kInfo_pic{animation: fadeInUp 1s ease-out 1.2s both;}
.section.active .kbg2 .kInfo_p{animation: fadeInUp 1s ease 2.2s both;}


.section.active .kbg3 .kInfo_line{animation: twisterInUpLeft 1s ease-in-out .3s 1 normal both;}
.section.active .kbg3 .kInfo_tit{animation: twisterInUpLeft 1s ease-in-out .5s normal both;}
.section.active .kbg3 .kInfo_pic{animation: puffIn .5s ease-out 1.5s both;}
.section.active .kbg3 .kInfo_p{animation: puffIn .6s ease 2.2s both;}

.section.active .kbg4 .kInfo_line{animation: fadeInLeft 1s ease-in-out .3s 1 normal both;}
.section.active .kbg4 .kInfo_tit{animation: fadeInLeft 1s ease-in-out .5s normal both;}
.section.active .kbg4 .kInfo_pic{animation: fadeInLeft .8s ease-out 1.5s both;}
.section.active .kbg4 .kInfo_p{animation: puffIn .6s ease 2.2s both;}


.section.active .kbg5 .kInfo_line{animation: fadeInRight 1s ease-in-out .3s 1 normal both;}
.section.active .kbg5 .kInfo_tit{animation: fadeInRight 1s ease-in-out .5s normal both;}
.section.active .kbg5 .kInfo_pic{animation: twisterInUpLeft .8s ease-out 1.5s both;}
.section.active .kbg5 .kInfo_p{animation: fadeInUp .6s ease 2.2s both;}


.section.active .kbg6 .kInfo_line{animation: lightSpeedInLeft 1s ease-in-out .3s 1 normal both;}
.section.active .kbg6 .kInfo_tit{animation: lightSpeedInLeft 1s ease-in-out .5s normal both;}
.section.active .kbg6 .kInfo_pic{animation: fadeInLeft .8s ease-out 1.5s both;}
.section.active .kbg6 .kInfo_p{animation: fadeInDown .6s ease 2.2s both;}

.section.active .kbg7 .kInfo_line{animation: fadeInLeft 1s ease-in-out .3s 1 normal both;}
.section.active .kbg7 .kInfo_tit{animation: fadeInLeft 1s ease-in-out .5s normal both;}
.section.active .kbg7 .kInfo_pic{animation: fadeInLeft .8s ease-out 1.5s both;}
.section.active .kbg7 .kInfo_p{animation: puffIn .6s ease 2.2s both;}


.section.active .kbg8 .kInfo_line{animation: puffIn 1s ease-in-out .3s 1 normal both;}
.section.active .kbg8 .kInfo_tit{animation: puffIn 1s ease-in-out .5s normal both;}
.section.active .kbg8 .kInfo_pic{animation: twisterInUpLeft .5s ease-out 1.5s both;}
.section.active .kbg8 .kInfo_p{animation: puffIn .6s ease 2.2s both;}


.section.active .kbg9 .kInfo_line{animation: fadeInUp 1s ease-in-out .3s 1 normal both;}
.section.active .kbg9 .kInfo_tit{animation: fadeInUp 1s ease-in-out .5s normal both;}
.section.active .kbg9 .kInfo_pic{animation: fadeInUp .5s ease-out 1.5s both;}
.section.active .kbg9 .kInfo_p{animation: fadeInUp .6s ease 2.2s both;}


.section.active .kbg10 .kInfo_line{animation: fadeInLeft 1s ease-in-out .3s 1 normal both;}
.section.active .kbg10 .kInfo_tit{animation: fadeInLeft 1s ease-in-out .5s normal both;}
.section.active .kbg10 .kInfo_pic{animation: fadeInLeft .5s ease-out 1.5s both;}
.section.active .kbg10 .kInfo_p{animation: fadeInRight .6s ease 2.2s both;}




/*animate*/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes puffIn{0%{opacity:0;-webkit-transform:scale(2);-webkit-transform-origin:50% 50%}
to{opacity:1;-webkit-transform:scale(1);-webkit-transform-origin:50% 50%}
}
@keyframes puffIn{0%{opacity:0;transform:scale(2);transform-origin:50% 50%}
to{opacity:1;transform:scale(1);transform-origin:50% 50%}
}
.puffIn{-webkit-animation-name:puffIn;animation-name:puffIn}

@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
50%{opacity:1}
}
@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
50%{opacity:1}
}
.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}

@-webkit-keyframes rotating{0%{transform:rotate(0)}
to{transform:rotate(1turn)}
}
@keyframes rotating{0%{transform:rotate(0)}
to{transform:rotate(1turn)}
}
.rotating{-webkit-animation-name:zoomIn;animation-name:zoomIn}


.twisterInUpLeft{-webkit-animation-name:twisterInUpLeft;animation-name:twisterInUpLeft}
@-webkit-keyframes twisterInUpLeft{0%{opacity:0;-webkit-transform:scale(1) translateX(100%) rotate(1turn);-webkit-transform-origin:center center}
to{opacity:1;-webkit-transform:scale(1) translateX(0) rotate(0);-webkit-transform-origin:center center}
}
@keyframes twisterInUpLeft{0%{opacity:0;transform:scale(1) translateX(100%) rotate(1turn);transform-origin:center center}
to{opacity:1;transform:scale(1) translateX(0) rotate(0);transform-origin:center center}
}


@-webkit-keyframes lightSpeedInLeft{0%{opacity:0;-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg)}
60%{opacity:1;-webkit-transform:skewX(20deg);transform:skewX(20deg)}
80%{opacity:1;-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes lightSpeedInLeft{0%{opacity:0;-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg)}
60%{opacity:1;-webkit-transform:skewX(20deg);transform:skewX(20deg)}
80%{opacity:1;-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}

@-ms-keyframes tit2{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
	69.23%{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
	to{ }
}

@-moz-keyframes tit2{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
	69.23%{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
	to{ }
}

@-o-keyframes tit2{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
	69.23%{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
	to{ }
}

@-webkit-keyframes tit2{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
	69.23%{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
	to{ }
}

@keyframes tit2{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
	69.23%{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
	to{ }
}


.tit2 {
    -webkit-animation-name: tit2;
    animation-name: tit2;
}


@-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;}
	
    .rwInfo_p p{width: 90%;left: 5%;font-size: 18px;line-height: 30px;}
}
/*iphone6s qq*/
@media screen and (max-width:414px) and (max-height: 636px){

}
/*iphone6*/
@media screen and (max-width:375px){
    .rwInfo_p  p{font-size: 16px;line-height: 26px;}
}
/*iphone6 qq*/
@media screen and (max-width:375px) and (max-height: 567px){

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

}

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