/*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: fixed;display: inline-block;top: 20px;right: 20px;z-index: 11;}

/*loading*/
#loading{background:#ffffff;text-align:center;width:600px;height:900px;position:absolute;z-index:99999;left: 50%;top: 50%;margin-left: -300px;margin-top: -450px;}
#loading_img{position: absolute;width: 24%;left: 38%;top: 38%;}
#loading_p{position: absolute;top: 100%;width: 100%;}
#loading_p p{font-size: 20px;color: #c22f2f;line-height: 20px;font-weight: bold;}

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


#pano{width: 600px;height: 900px;}
.bg_section { width: 600px; height: 600px; background-size: cover; position: absolute; }
.bg_section .bg { position: absolute; width: 600px; height: 600px;}
#bg_section_0{background: url("../images/panorama.right.jpg")}
#bg_section_1{background: url("../images/panorama.left.jpg")}
#bg_section_2{background: url("../images/panorama.top.jpg")}
#bg_section_3{background: url("../images/panorama.bottom.jpg")}
#bg_section_4{background: url("../images/panorama.front.jpg")}
#bg_section_5{background: url("../images/panorama.back.jpg")}

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

/*box*/
.box{position:relative;width:600px;height:900px;overflow: hidden;}

/*fm*/
.fm{background-size:600px 100%;background: url("../images/fm_bg.jpg") no-repeat;}
#fm_bt_1{position: absolute;width: 100%;top: 29%;left: 0;display: none;}
#fm_bt_2{position: absolute;width: 100%;top: 46%;left: 0;display: none;}

.img_bg{position: absolute;width: 100%;top: 15%;left: 0;}

/*p1*/
.p1{background: url("../images/p1_bg.jpg") no-repeat;background-size: 600px 100%;}
#p1_img_bg{display: none;}
#p1_img1{position: absolute;width: 100%;top: 15%;left: 0;}
#p1_img1 p{position: absolute;width: 92%;top: 110%;left: 4%;color: #232323;font-size: 20px;line-height: 30px;}
#p1_img2to5{position: absolute;width: 100%;top: 15%;left: 0;display: none;}
#p1_img2to5 p{position: absolute;width: 92%;top: 110%;left: 4%;color: #232323;font-size: 20px;line-height: 30px;}

/*p2*/
.p2{background: url("../images/p2_bg.jpg") no-repeat;background-size: 600px 100%;}
#p2_bt{position: absolute;width: 100%;top: 2%;left: 0;display: none;}
#p2_img_bg{display: none;}
#p2_img1to2{position: absolute;width: 100%;top: 15%;left: 0;}
#p2_img1to2 p{position: absolute;width: 92%;top: 110%;left: 4%;color: #232323;font-size: 20px;line-height: 30px;}
#p2_img3to4{position: absolute;width: 100%;top: 15%;left: 0;display: none;}
#p2_img3to4 p{position: absolute;width: 92%;top: 110%;left: 4%;color: #232323;font-size: 20px;line-height: 30px;}

/*p3*/
.p3{background: url("../images/p3_bg.jpg") no-repeat;background-size: 600px 100%;}
#p3_bt{position: absolute;width: 100%;top: 2%;left: 0;display: none;}
#p3_img_bg{display: none;}
#p3_img1to2{position: absolute;width: 100%;top: 15%;left: 0;}
#p3_img1to2 p{position: absolute;width: 92%;top: 110%;left: 4%;color: #232323;font-size: 20px;line-height: 30px;}
#p3_img3to4{position: absolute;width: 100%;top: 15%;left: 0;display: none;}
#p3_img3to4 p{position: absolute;width: 92%;top: 110%;left: 4%;color: #232323;font-size: 20px;line-height: 30px;}

/*p4*/
.p4{background: url("../images/p4_bg.jpg") no-repeat;background-size: 600px 100%;}
#p4_bt{position: absolute;width: 100%;top: 2%;left: 0;display: none;}
#p4_img_bg{display: none;}
#p4_img1{position: absolute;width: 100%;top: 15%;left: 0;}
#p4_music{position: absolute;width: 38%;top: 115%;left: 31%;cursor: pointer;}
#p4_img2{position: absolute;width: 100%;top: 15%;left: 0;display: none;}
#p4_img2 p{position: absolute;width: 92%;top: 110%;left: 4%;color: #232323;font-size: 20px;line-height: 30px;}
#p4_img3{position: absolute;width: 100%;top: 15%;left: 0;display: none;}
#p4_img3 p{position: absolute;width: 92%;top: 106%;left: 4%;color: #232323;font-size: 20px;line-height: 30px;}

/*p5*/
.p5{background: url("../images/p5_bg.jpg") no-repeat;background-size: 600px 100%;}
/*#p5_bt{position: absolute;width: 100%;top: 2%;left: 0;display: none;}*/
#p5_img_bg{display: none;}
#p5_img1{position: absolute;width: 100%;top: 15%;left: 0;}
#p5_img1 p{position: absolute;width: 92%;top: 110%;left: 4%;color: #232323;font-size: 20px;line-height: 30px;}
#p5_img2{position: absolute;width: 100%;top: 15%;left: 0;display: none;}
#p5_img2 p{position: absolute;width: 92%;top: 110%;left: 4%;color: #232323;font-size: 20px;line-height: 30px;}

/*p6*/
#p6_p{position: absolute;width: 100%;top: 70%;left: 0;z-index: 111;display: none;}
#p6_p p{color: #ffffff;font-size: 20px;line-height: 30px;text-align: center;}
#p6_p p span{color: #ffffff;font-size: 20px;line-height: 30px;font-weight: bold;}
#p6_btn{position: absolute;width: 21%;top: 80%;left: 39.5%;cursor: pointer;z-index: 111;display: none;}
#hand{width: 600px;height: 900px;background-color: rgba(0,0,0,0.5);position: absolute;top: 0;left: 50%;margin-left: -300px;display: none;}
#hand_ts{width: 20%;left: 40%;top: 40%;position: absolute;}

/*p7*/
.p7{background: url("../images/p7_bg_1.jpg") no-repeat;background-size: 600px 100%;}
#p7_img{position: absolute;width: 100%;top: 6%;left: 0;z-index: 1111;}
#p7_p{position: absolute;width: 100%;top: 50%;left: 0;}

/*down*/
.down{position: absolute;bottom:10px;left:50%;width:30px;margin-left:-15px;height:26px;-webkit-animation: opa_btm 1.5s ease-in-out;animation: opa_btm 1.5s ease-in-out}
.down samp{display:inline-block;width:30px;height:26px;-webkit-animation: start 1.5s infinite ease-in-out;animation: start 1.5s infinite ease-in-out;background:url(../images/mob_down.gif)center no-repeat}

/*上下翻页动画——start*/
@-webkit-keyframes opa_btm {0%,25% {opacity: 0;-webkit-transform: translate(0,20px);}}
@keyframes opa_btm {0%,25% {opacity: 0;transform: translate(0,20px);}}

@-webkit-keyframes start {0%,30% {opacity: 0;-webkit-transform: translate(0,-10px);}60% {opacity: 1;-webkit-transform:translate(0,0);}100% {opacity: 0;-webkit-transform: translate(0,5px);}}
@keyframes start {0%,30% {opacity: 0;transform: translate(0,-10px);}60% {opacity: 1;transform: translate(0,0);}100% {opacity: 0;transform: translate(0,5px);}}
/*上下翻页动画——end*/

/*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: 2s;
    animation-duration: 2s;
}
@-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;
}
.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);
    }
}

/*媒体查询*/
/*iphone6s*/
@media screen and (max-width:600px){
    body{background-size:100% 100%}
    #loading{width: 100%;height: 100%;margin-top: 0;margin-left: 0;top: 0;left: 0;}
    #loading_p p{font-size: 16px;line-height: 16px;}
    #next,#prev{display: none;}
    #fullpage{width:100%}
    .box{width:100%;background-size: 100% 100%;height: 100%;}
    #ewm{display: none;}
    #hand{width: 100%;height: 100%;margin-left: 0;left: 0;top: 0;}

    #pano{width: 100%;height: 100%;}

    #p6_btn{width: 36%;left: 32%;}

    #p1_img1,#p1_img2to5,#p2_img1to2,#p2_img3to4,#p3_img1to2,#p3_img3to4,#p4_img2,#p4_img3,#p5_img1,#p5_img2{top: 11%;}
    #p1_img1 p,#p1_img2to5 p,#p2_img1to2 p,#p2_img3to4 p,#p3_img1to2 p,#p3_img3to4 p,#p4_img2 p,#p4_img3 p,#p5_img1 p,#p5_img2 p{font-size: 16px;line-height: 24px;top: 105%;}
    #p6_p p,#p6_p p span{font-size: 18px;line-height: 26px;}
}
/*iphone6s qq*/
@media screen and (max-width:414px) and (max-height: 636px){

}
/*iphone6*/
@media screen and (max-width:375px){
    #p1_img1,#p1_img2to5,#p2_img1to2,#p2_img3to4,#p3_img1to2,#p3_img3to4,#p4_img2,#p4_img3,#p5_img1,#p5_img2{top: 11%;}
    #p1_img1 p,#p1_img2to5 p,#p2_img1to2 p,#p2_img3to4 p,#p3_img1to2 p,#p3_img3to4 p,#p4_img2 p,#p5_img1 p,#p5_img2 p{font-size: 14px;line-height: 22px;top: 105%;}
    #p4_img3 p{font-size: 14px;line-height: 18px;top: 102%;}
    #p2_img3top4 p{font-size: 14px;line-height: 18px;top: 102%;}
    #p6_p p,#p6_p p span{font-size: 16px;line-height: 24px;}
}
/*iphone6 qq*/
@media screen and (max-width:375px) and (max-height: 567px){

}
/*android*/
@media screen and (max-width:360px){
    #p4_img3 p{top: 100%;}
}
/*android qq*/
@media screen and (max-width:360px) and (max-height: 540px){

}

/*iphone5*/
@media screen and (max-width:320px){
    #p1_img1,#p1_img2to5,#p2_img1to2,#p2_img3to4,#p3_img1to2,#p3_img3to4,#p4_img2,#p4_img3,#p5_img1,#p5_img2{top: 11%;}
    #p1_img1 p,#p1_img2to5 p,#p2_img1to2 p,#p2_img3to4 p,#p3_img1to2 p,#p3_img3to4 p,#p4_img2 p,#p4_img3 p,#p5_img1 p,#p5_img2 p{font-size: 12px;line-height: 18px;top: 105%;}
    #p6_p p,#p6_p p span{font-size: 14px;line-height: 20px;}


}
/*iphone5 qq*/
@media screen and (max-width:320px  ) and (max-height: 468px){

}