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;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:400%;
}
.bg_h .bg{top: -300%;transition:all 1.5s cubic-bezier(0.56, 0.1, 0.35, 0.93);-webkit-transition:all 1.5s cubic-bezier(0.56, 0.1, 0.35, 0.93);}
.bg_h .banner{margin-top:10px;opacity:1;transition: all 1s linear;-webkit-transition: all 1s linear;transition-delay:1s;-webkit-transition-delay:1s;}
.logo{opacity:0;}
.logo1{padding:50px;opacity:0;}
.logo2{position:absolute;top:20px;right:50px;opacity:0;}
.click_c{width:50%;position:absolute;left:25%;bottom:5%;font-size:24px;text-align:center;color:#fff;-webkit-animation:pof 1s infinite;animation:pof 1s infinite;}
.cp{width:10%;position:absolute;right:3%;bottom:20%;}
.chuping{display:none;width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.8);z-index:100;}
.chuping img{width: 90%;display: block;margin: 0 auto;padding-top: 26%;}

.bg_h .didian,.bg_h .luxian,.bg_h .logo{opacity:1;transition: all 1s linear;-webkit-transition: all 0.8s linear;transition-delay:2.5s;-webkit-transition-delay:2.5s;}
#p1,#p3,#p4,#p5,#p6,#p7{
    display: none;
    position: absolute;
    margin: auto;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;    background: #40b7ff;
    /*min-height: 1466px; */
}

/*loding页面*/
#loading{
    position: absolute;
    margin: auto;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background:#454e5d;
    /*min-height: 1466px; */
}

#lod_jdt{
   
}
#loading_num{
    position: absolute;
    top:560px;
    left:320px;
    font-size: 30px;
    font-weight: 600;
    width: 100px;
    height: 80px;
    color: #d9b983;
}

/*p1页面*/
#p1{background: #40b7ff url(../images/fm.jpg) no-repeat;background-size:cover;}
#p1_btn,#p1_btn2,#p1_btn3{border: 1px solid #fff;
    left: 75px;height: 50px;
    background:rgba(80,162,222,0.5);
    text-align: center;
    line-height: 50px;
    font-size: 22px;
    margin: 0 auto;
    color: #fff;
    width: 80%;}
#p1_btn2{left:260px;}
#p1_btn3{left:450px;}
.banner{width: 100%;opacity:0;margin-top: -1300px;}
.select{width:80%;margin:0 auto;padding-top:60px;position:relative;}
.luxian,.didian{width:50%;opacity:0;height: 60px;}
.luxian{margin-left:50%;}
.didian{position: absolute;}
.luxian img,.didian img{width:90%;margin:0 auto;}
.all{margin: 0 aut;display:none;}
.all_d{position:absolute;left:0;top:55px;display:none;text-align: center;line-height: 50px;height: 300px;overflow:hidden;overflow-y:scroll;background: #fff;font-size:22px;width:86%;padding:0 10px;-webkit-overflow-scrolling: touch;z-index: 100;}
.all_d .all_div{color: #fff;background:rgba(52,163,193,0.6);border-bottom:1px solid #fff;}
.pof{position:absolute;bottom:20%;left:0;right:0;z-index:1000;color:#fff;text-align:center;width:100%;height:200px;display:none;-webkit-animation:pof 1s infinite;animation:pof 1s infinite;}
@keyframes pof{0%{transform:scale(0.9);-webkit-transform:scale(0.9);}50%{transform:scale(1);-webkit-transform:scale(1);}100%{transform:scale(1.1);-webkit-transform:scale(1.1);}}
@-webkit-keyframes pof{0%{transform:scale(0.9);-webkit-transform:scale(0.9);}50%{transform:scale(1);-webkit-transform:scale(1);}100%{transform:scale(1.1);-webkit-transform:scale(1.1);}}


#p2_video_div,#p2_video_div2,#p2_video_div3{
    display: none;
    position: absolute;
    margin: auto;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    /*height: 100%;*/
    min-height: 1448px;
    background:black;
}
#video,#video2,#video3{
    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{
    position: absolute;
    bottom: 170px;
    left: 290px;
    width: 160px;
    height: 160px;
    background: url(../images/p2/p2_btn.png) no-repeat;
    z-index: 111;
    background-size: 100%;
}
#p2_ts_67{
    display: none;
    position: absolute;
    top: 500px;
    left: 300px;
}

#p2_yp_div,#p2_yp_div1{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;z-index: 200;
    background: rgba(0,0,0,0.7);color: #fff;
}
.title1{background:url(../images/tan/t1.png) no-repeat left bottom;padding-top:260px;width:600px;height:132px;font-size:30px;text-indent:100px;line-height:70px;}
.contents{background:url(../images/tan/t2.png) no-repeat center; background-size:100% 100%;padding:30px;width:70%;margin-left:77px;}
.contr img{width:70px;display:block;float:left;}
.group{margin-left: 85px;min-height:80px;line-height:34px;font-size: 26px;padding-bottom: 20px;}
.gdp,.jd,.hs,.cy{font-weight: bold;line-height: 45px;font-size: 28px;}
.close{width: 25%;margin: 0 auto;display: block;padding-top: 30px;}


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