html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dt,li,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,strong,sub,sup,tt,var,legend,fieldset{margin:0;padding:0;}
img,fieldset{border:0;}
img{width:auto\9;height:auto;pointer-events:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
html{overflow-x:hidden;overflow-y:auto;-webkit-text-size-adjust:none;}
a{text-decoration:none;color:#027b7e;outline:none;}
a:hover{text-decoration:underline;}
p{padding:0;}
li{margin:0 0 .5em 0;padding:0;}
input[type=search]{outline:none;-webkit-appearance:none;}
input[type='search']::-webkit-search-decoration,input[type='search']::-webkit-search-cancel-button{display:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
fieldset,img{border:0;}
ul,ol{list-style:none;}
table{border-spacing:0;border-collapse:collapse;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
small{font-size:12px;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;}
label,input,select,form img,button,textarea{vertical-align:middle;}
address,caption,cite,code,dfn,em,strong,th,optgroup{font-weight:normal;font-style:normal;}
.clear:after{display:block;visibility:hidden;clear:both;height:0;content:'.';}
.clear{display:inline-block;}
* html .clear{height:1%;}
.clear{display:block;}
.pa{position:absolute;}
html{width:100%;min-height:100%;}
body,html{width:100%;min-height:100%;height: 100%;overflow: hidden;}
body{font-family:Microsoft YaHei;font-size:14px;position:absolute;margin:0 auto;-webkit-user-select:none;-moz-user-select:none;color:#000;/*box-shadow:0 0 160px 0 #5c99e7;*/background:white;}
/*//-ms代表【ie】内核识别码*/

/*//-moz代表火狐【firefox】内核识别码*/

/*//-webkit代表谷歌【chrome】/苹果【safari】内核识别码*/

/*//-o代表欧朋【opera】内核识别码*/
/*div{
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select:none;
}*/
input{
    -webkit-user-select: auto;
}
#plan{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none; 
}
#blacks3{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.8;
}
#txt3{
    position: absolute;
    width: 70px;
    left: 315px;
    top: 50%;
}
#txt3 span{
    font-size: 20px;
    color: white;
}
#txt3 span:nth-child(2){
    position: absolute;
    right: -10px;
    top: 5px;
    display: none;
}
#txt3 span:nth-child(3){
    position: absolute;
    right: -25px;
    top: 5px;
    display: none;
}
#txt3 span:nth-child(4){
    position: absolute;
    right: -40px;
    top: 5px;
    display: none;
}
.iphonex{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.img{
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.btn{
    pointer-events: auto;
}
.bg{
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
}
#p1,#p3,#p4,#p5,#p6,#p7{
    display: none;
    position: absolute;
    margin: auto;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    /*min-height: 1466px; */
}

/*loding页面*/
#loading{
    position: absolute;
    margin: auto;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background-color: #80181a;
    /*min-height: 1466px; */
}
#loading_gif{
    position: absolute;
    top: 460px;
    left: 0px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}
#loading_num{
    position: absolute;
    top: 560px;
    left: -280px;
    font-size: 30px;
    font-weight: 600;
    width: 100px;
    height: 80px;
    color: #d9b983;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

/*p1页面*/
#p1_btn{
    /*display: none;*/
    position: absolute;
    top: 600px;
    -webkit-animation: san 1.3s linear infinite;
    animation: san 1.3s linear infinite;
    left: 75px;
    width: 130px;
    height: 130px;
    margin-top: -65px;
    background: url(../images/p1/start.png?v=15) no-repeat center bottom;
    background-size: auto 100%;
}
#p1_wz{
    position: absolute;
    top: 550px;
    left: 220px;
}
#p1_icon{
    position: absolute;
    top: 260px;
    left: 90px;
}
#p1_logo{
    position: absolute;
    left: 20px;
    top: 400px;
}
#p1_gu{
    position: absolute;
    top: 70px;
    right: 0px;
}
#p2_video_div{
    display: none;
    position: absolute;
    margin: auto;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    /*height: 100%;*/
    min-height: 1448px;
    background:black;
}
#video{
    position: absolute;
    width: 750px;
    left: 0px;
    top: 0px;
    bottom:0px;
    right: 0px;
    margin: auto;
} 
/*p2页面*/
#p2{
    display: none;
    position: absolute;
    margin: auto;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    /*height: 100%;*/
    min-height: 1448px; 
}
#p2_btn{
    display: none;
    position: absolute;
    bottom: 170px;
    left: 60px;
    width: 220px;
    height:  220px;
    background: url(../images/p2/p2_btn.png) no-repeat;
    z-index: 111;
}
#p2_ts_67{
    display: none;
    position: absolute;
    top: 500px;
    left: 300px;
}
#p2_xf{
    display: none;
    position: absolute;
    top:  200px;
    left: 150px;
    z-index: 111;
}  
#p2_xf_div{
    position: absolute;
    left: 200px;
    top: 260px;
    width: 34px;
    height: 34px;
    background-color: #bc1921;
    border-radius: 50%;
    font: 30px/34px "";
    color: #fff;
    text-align: center;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    z-index: 111;
    display: none;
} 
.p2_photo{
    display: none;
    position: absolute;
    left: 0px;
    top: -50px;
    /*width: 1500px;
    height: 1468px;*/
    width: 100%;
    height: 100%;
    /*margin-top: -734px;*/
    background: url(../images/p2/photograph1.png) no-repeat;
    -webkit-transform: translate(-750px,0);
    transform: translate(-750px,0);
    -webkit-transition: .3s linear;
    -o-transition: .3s linear;
    transition: .3s linear;
    opacity: 0;
    /* background-size: 1800px 1742px; */
    background-position: 0 -330px;
}
.active{
    opacity: 1;
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    -webkit-transition: opacity 520ms linear,transform 520ms cubic-bezier(0,0,.51,1.32) .1s;
    -o-transition: opacity 520ms linear,transform 520ms ease-out .1s;
    transition: opacity 520ms linear,transform 520ms ease-out .1s;
}
#p2_yp_div{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.7);
}
#p2_yp_div img{
    position: absolute;
    top: 450px;
    left: 0px;
     transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

/*p3页面*/
#p3_bg{
   
}
#p3_logo_70{
    position: absolute;
    top: 340px;
    right: 60px;
}
#p3_wz{
    position: absolute;
    top: 510px;
    left: 260px;
}
#p3_return{
    position: absolute;
    top: 470px;
    left: 160px;
}
#p3_cp_btn{
    position: absolute;
    top: 1020px;
    left: 100px;
     transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}
#p3_cl_btn{
    display: none;
    position: absolute;
    top: 330px;
    left: 160px;
}
#p3_fx_btn{
    display: none;
    position: absolute;
    top: 620px;
    left: 160px;
}
#p3_fx_img{
    position: absolute;
    right: 0px;
    top: 10px;
}
#p3_btn_lef{
    position: absolute;
    top: 20px;
    left: 370px;
}
#p3_btn_rit{
    position: absolute;
    top: 1080px;
    left: 370px;
}
#imgskuang{
    position: absolute;
    left: 300px;
    top: 130px;
    width: 250px;
    height: 930px;
    overflow: hidden; 
}
#imgs{
    position: absolute;
    left: 0px;
    top: 0px;
   /* width: 280px;
    height: 2310px;*/
}
#imgs img{
    position: relative;
    top: 0px;
    left: 0px;
    margin-bottom: 30px;
    pointer-events: auto;
    margin-left: 10px;
}
#p3_jh_67{
    position: absolute;
    top: 560px;
    left: 400px;
}
 /*垂直滚动条的宽top*#p3_yp_div::-webkit-scrollbar {
    width:8px;
    height:8px;
}*/
/*修改滚动条的背景和圆角*/
/*#p3_yp_div::-webkit-scrollbar-track-piece {
    background-color:#660e12;
    -webkit-border-radius: 10px;
}
#p3_yp_div::-webkit-scrollbar-thumb {
    background-color:#e3c464;
    background-clip:padding-box;
    min-height:28px;
}*/
#p3_sz_67{
    position: absolute;
    left: 556px;
    top: 585px; 
    font-size: 35px;
    font-weight: 600;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    color: #776a3d; 
}
#p3_yp_sz_img{
    position: absolute;
    top: 460px;
    left: 570px;
}
#p3_xx_div,#p3_fx_div{
   position: relative;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background: rgba(0,0,0,0.7);
    display: none; 
}
#p3_cp_div{
   position: relative;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    display: none; 
}
#p3_cp_divBg{
    position: relative;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background: rgba(0,0,0,0.7);
}
#p3_cp_divClose{
    position: absolute;
    background: black;
    width: 100px;
    height: 100px;
    left: 580px;
    top: 960px;
    opacity: 0;
}
#p3_yp{
    position: absolute;
    top: 220px;
    left: 0px;
}
#p3_cp_md{
     position: absolute;
     pointer-events: auto;
    top: 180px;
    left: 0px;
}
#p3_close{
    position: absolute;
    top: 200px;
    left: 590px;
}
#p3_wz_89{
    position: absolute;
    left: 50px;
    top: 750px;
    font: 700 40px/1 "";
    color: wheat;
}
#p3_inpt{
    position: absolute;
    left: 300px;
    top: 750px;
    width: 310px;
    height: 50px;
    padding: 10px 20px;
    font: 28px/40px "";
    border-bottom: 2px solid #fff;
    background: none;
    color: wheat;
}
#p3_btn{
    position: absolute;
    top: 870px;
    left: 0px;
}
/*p4页面*/
#p4_jt{
    position: absolute;
    margin: auto;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    /*min-height: 1466px; */
}
#p4_rwm{
    position: absolute;
    bottom: 0px;
    left: 0px;
}
#p4_return{
    position: absolute;
    top: 20px;
    left: 50px;
}
#p4_icon{
    position: absolute;
    top: 370px;
    left: 0px;
}
#p4_logo{
    position: absolute;
    top: 100px;
    left: 40px;
}
#p4_tb{
    position: absolute;
    top: 310px;
    left: 50px;
}
#p4_mz_div{
    position: absolute;
    top: 307px;
    left: 148px;
    font-size: 32px;
    font-weight: 600;
}
#p4_yp{
    position: absolute;
    top: 270px;
    left: 430px;
}


#p2_div,#p6_div_hh,#p1_div{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.7);
    display: none;
}
#p2_gif,#p1_divBg{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    pointer-events: auto;
    display: none;
    width: 100%;
    height: 100%;
}

/*样式动画*/
@-webkit-keyframes san {
  0% {opacity:0.3;transform:scale(0.5);}
  100% {opacity:1;transform:scale(1.2);}
}

.huxi{
    animation:huxi 2s linear infinite;
    -webkit-animation: huxi 2s linear infinite;
}
@-webkit-keyframes huxi{
    from{opacity: 0.9;transform: scale(1);}
    50%{opacity: 1;transform: scale(1.05);}
    to{opacity: 0.9;transform: scale(1);}
}

.huxi1{
    animation:huxi1 2s linear infinite;
    -webkit-animation: huxi1 2s linear infinite;
}
@-webkit-keyframes huxi1{
    from{opacity: 0.9;transform: scale(1);}
    50%{opacity: 1;transform: scale(1.3);}
    to{opacity: 0.9;transform: scale(1);}
}

.huxi2{
    animation:huxi2 2s linear infinite;
    -webkit-animation: huxi2 2s linear infinite;
}
@-webkit-keyframes huxi2{
    from{opacity: 0.9;transform: scale(1);}
    50%{opacity: 1;transform: scale(1.8);}
    to{opacity: 0.9;transform: scale(1);}
}

#tipDiv{
    position: absolute;
    width: 100%;
    height: 100%;
    left:0;
    top: 0;
    display: none;
       transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}
#tipTxt{
    position: absolute;
    background: rgba(0,0,0,0.8);
    color: white;
    font-size: 32px;
    left: 50%;
    padding: 10px 22px;
    top: 50%;
    border-radius: 15px;
    transform: translate(-50%,-50%);
    width: 500px;
    text-align: center;
}

#tipDiv2{
    position: absolute;
    width: 100%;
    height: 100%;
    left:0;
    top: 0;
    display: none;
}
#tipTxt2{
    position: absolute;
    background: rgba(0,0,0,0.8);
    color: white;
    font-size: 32px;
    left: 50%;
    padding: 10px 22px;
    top: 50%;
    border-radius: 15px;
    transform: translate(-50%,-50%);
    width: 500px;
    text-align: center;
}

.upmoveer{
    animation:upmoves 2s linear infinite;
    -webkit-animation: upmoves 2s linear infinite;
}
@-webkit-keyframes upmoves{
    0%{
        opacity: 0.2;
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0.2;
    }
}
.a0{animation: ma0 0.3s ease-out both;-webkit-animation: ma0 0.3s ease-out both;}
.a1{animation: ma1 0.3s ease-out both;-webkit-animation: ma1 0.3s ease-out both;}
.a2{animation: ma2 0.3s ease-out both;-webkit-animation: ma2 0.3s ease-out both;}
.a3{animation: ma3 0.3s ease-out both;-webkit-animation: ma3 0.3s ease-out both;}
.a4{animation: ma4 0.3s ease-out both;-webkit-animation: ma4 0.3s ease-out both;}
.a5{animation: ma5 0.3s ease-out both;-webkit-animation: ma5 0.3s ease-out both;}
.a6{animation: ma6 0.3s ease-out both;-webkit-animation: ma6 0.3s ease-out both;}
.a7{animation: ma7 0.3s ease-out both;-webkit-animation: ma7 0.3s ease-out both;}


.b0{animation: ba0 0.3s ease-out both;-webkit-animation: ba0 0.3s ease-out both;}
.b1{animation: ba1 0.3s ease-out both;-webkit-animation: ba1 0.3s ease-out both;}
.b2{animation: ba2 0.3s ease-out both;-webkit-animation: ba2 0.3s ease-out both;}
.b3{animation: ba3 0.3s ease-out both;-webkit-animation: ba3 0.3s ease-out both;}
.b4{animation: ba4 0.3s ease-out both;-webkit-animation: ba4 0.3s ease-out both;}
.b5{animation: ba5 0.3s ease-out both;-webkit-animation: ba5 0.3s ease-out both;}
.b6{animation: ba6 0.3s ease-out both;-webkit-animation: ba6 0.3s ease-out both;}
.b7{animation: ba7 0.3s ease-out both;-webkit-animation: ba7 0.3s ease-out both;}


@-webkit-keyframes ma0 {0%{top:320px;}100%{top:0px;} }
@-webkit-keyframes ma1 {0%{top:0;}100%{top:-320px;} }
@-webkit-keyframes ma2 {0%{top:-320px;}100%{top:-640px;}   }
@-webkit-keyframes ma3 {0%{top:-640px;}100%{top:-960px;} }
@-webkit-keyframes ma4 {0%{top:-960px;}100%{top:-1280px;}   }
@-webkit-keyframes ma5 {0%{top:-1280px;}100%{top:-1600px;} }
@-webkit-keyframes ma6 {0%{top:-1600px;}100%{top:-1920px;}   }
@-webkit-keyframes ma7 {0%{top:-1920px;}100%{top:-2240px;} }


@-webkit-keyframes ba7 {0%{top:-2240px;}100%{top:-1920px;}  }
@-webkit-keyframes ba6 {0%{top:-1920px;}100%{top:-1600px;}  }
@-webkit-keyframes ba5 {0%{top:-1600px;}100%{top:-1280px;}  }
@-webkit-keyframes ba4 {0%{top:-1280px;}100%{top:-960px;}  }
@-webkit-keyframes ba3 {0%{top:-960px;}100%{top:-640px;}  }
@-webkit-keyframes ba2 {0%{top:-640px;}100%{top:-320px;}  }
@-webkit-keyframes ba1 {0%{top:-320px;}100%{top:0px;}  }
@-webkit-keyframes ba0 {0%{top:0px;}100%{top:320px;}  }