html,body,div,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,input,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;-webkit-background-origin:content-box;background-origin:content-box;}section,header,footer,nav{display:block;margin:0;padding:0}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}img{border:0;font-size:0}a{text-decoration:none;}
.cf:before,.cf:after{content:"";display:table}.cf:after{clear:both}.cf{*zoom:1}
html{
    -webkit-text-size-adjust:none;
}
html,body{
    position: relative;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    background-color: #F2F2F2;
}
body{
    text-align:justify;
    font-family:"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",arial,Helvetica,sans-serif;
}
*{
    margin:0;
    padding:0;
    -webkit-touch-callout: none;
    border-radius:0px;
    -webkit-border-radius:0px;
    -webkit-tap-highlight-color: transparent;
}
.swiper-container,.swiper-slide,.swiper-wrapper{
    position:relative;
    width:100%;
    height:100%;
}
.swiper-container .swiper-slide{
    overflow:hidden;
}
.jcontent{
    position:relative;
    height: 100%;
    width: 100%;
    background-color: white;
}
.music_btn{
    position: absolute;
    display: block;
    width: 7%;
    height: 5%;
    right: 6%;
    top: 0%;
    z-index: 99;
 }
.music_btn span{
    display: block;
    width: 100%;
    height: 100%;
    background:url(../images/music.png) center center no-repeat;
    background-size: contain;
}
.music_anim{
    animation: music_a 2s linear infinite;
    -webkit-animation: music_a 2s linear infinite;
}
@keyframes music_a{
    from { transform:rotate(0deg); }
    to { transform:rotate(360deg); }
}
@-webkit-keyframes music_a{
    from{ -webkit-transform:rotate(0deg); }
    to{ -webkit-transform:rotate(360deg); }
}


.p1{
    background:url(../images/) center no-repeat;
    background-size:cover;
}
.logo{
    position: absolute;
    background:url(../images3/logo.png) center no-repeat;
    background-size:contain;
    width: 28%;
    height: 5%;
    bottom: 2.5%;
    left: 8%;
}
.p1_decor1{
    position: absolute;
    background:url(../images3/p1_deco1.png) center no-repeat;
    background-size:100% 100%;
    width: 100%;
    height: 6%;
    bottom: 8.8%;
    left: 0%;
}
.p1_pic{
    position: absolute;
    background:url(../images3/p1_pic.png) center no-repeat;
    background-size:100% 100%;
    width: 100%;
    height: 94%;
    bottom: 9%;
    left: 0%;
}
.p1_txt1{
    position: absolute;
    background:url(../images3/p1_txt1.png) center no-repeat;
    background-size:contain;
    width: 50%;
    height: 5%;
    top: 1%;
    left: 8%;
}
.p1_txt2{
    position: absolute;
    background:url(../images3/p1_txt2.png) center no-repeat;
    background-size:contain;
    width: 53%;
    height: 4%;
    top: 7%;
    left: 8%;
}
.p1_txt3{
    position: absolute;
    background:url(../images3/p1_txt3.png) center no-repeat;
    background-size:contain;
    width: 57%;
    height: 4%;
    top: 11%;
    left: 8%;
}
.p1_txt4{
    position: absolute;
    background:url(../images3/p1_txt4.png) center no-repeat;
    background-size:contain;
    width: 47%;
    height: 4%;
    top: 15%;
    left: 8%;
}


.p2_decor1{
    position: absolute;
    background:url(../images3/p2_decor1.png) center no-repeat;
    background-size:100% 100%;
    width: 100%;
    height: 6%;
    top: 0%;
    left: 0%;
}
.p2_decor2{
    position: absolute;
    background:url(../images3/p2_decor2.png) center no-repeat;
    background-size:contain;
    width: 22%;
    height: 18%;
    top: 9%;
    left: 9%;
}
.p2_decor3{
    position: absolute;
    background:url(../images3/p2_decor3.png) center no-repeat;
    background-size:contain;
    width: 22%;
    height: 18%;
    top: 9%;
    left: 39%;
}
.p2_decor4{
    position: absolute;
    background:url(../images3/p2_decor4.png) center no-repeat;
    background-size:contain;
    width: 22%;
    height: 18%;
    top: 9%;
    left: 68%;
}
.p2_decor5{
    position: absolute;
    background:url(../images3/p2_decor5.png) center no-repeat;
    background-size:contain;
    width: 22%;
    height: 18%;
    top: 29%;
    left: 24%;
}
.p2_decor6{
    position: absolute;
    background:url(../images3/p2_decor6.png) center no-repeat;
    background-size:contain;
    width: 22%;
    height: 18%;
    top: 29%;
    left: 54%;
}
.p2_decor7{
    position: absolute;
    background:url(../images3/p2_decor7.png) center no-repeat;
    background-size:contain;
    width: 100%;
    height: 19%;
    top: 49%;
    left: 0%;
}
.p2_txt1{
    position: absolute;
    background:url(../images3/p2_txt1.png) center no-repeat;
    background-size:contain;
    width: 50%;
    height: 70%;
    top: 16%;
    left: 0%;
}
.p2_txt2{
    position: absolute;
    background:url(../images3/p2_txt2.png) center no-repeat;
    background-size:contain;
    width: 80%;
    height: 4%;
    bottom: 28%;
    left: 10%;
}
.p2_decor8{
    position: absolute;
    background:url(../images3/p2_decor8.png) center no-repeat;
    background-size:contain;
    width: 84%;
    height: 8%;
    bottom: 20%;
    left: 8%;
}
.p2_txt3{
    position: absolute;
    background:url(../images3/p2_txt3.png) center no-repeat;
    background-size:contain;
    width: 36%;
    height: 34%;
    bottom: 32%;
    left: 1%;
}
.p2_decor9{
    position: absolute;
    background:url(../images3/p2_decor8.png) center no-repeat;
    background-size:contain;
    width: 84%;
    height: 8%;
    bottom: 12%;
    left: 8%;
}
.p2_txt4{
    position: absolute;
    background:url(../images3/p2_txt4.png) center no-repeat;
    background-size:contain;
    width: 36%;
    height: 34%;
    bottom: 32%;
    left: 1%;
}
.p2_btn{
    position: absolute;
    background:url(../images/p2_btn.png) center no-repeat;
    background-size:contain;
    width: 84%;
    height: 8%;
    bottom: 4%;
    left: 8%;
}


.share_page{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    background: rgba(0,0,0,0.8);
    z-index:999;
    display: none;
}
.share_img{
    position: absolute;
    width: 50%;
    height: 24%;
    top:2%;
    right:3%;
    background: url(../images/share.png) center no-repeat;
    background-size: contain;
}
.alert1{
    position: absolute;
    width:84%;
    height: 14%;
    left:8%;
    top:73%;
    z-index:9;
    background: #F2F2F2;
    display: none;
}
.alert_title{
    position: absolute;
    width: 100%;
    height: 38%;
    top:0;
    left:0;
    background-color: #0090D1;
    text-align:center;
    font-size:3.5vh;
    color: white;
}
.alert_tishi{
    position: absolute;
    width: 100%;
    height: 90%;
    top:12%;
    left:1%;
    text-align:center;
}
.close_btn{
    position: absolute;
    background: url(../images/close_btn.png) right center no-repeat;
    background-size: contain;
    width: 15%;
    height: 80%;
    top:10%;
    right:1%;
}
.alert_decor{
    position: absolute;
    width: 100%;
    height: 40%;
    top:60%;
    left:0;
    text-align:center;
    font-size:3vh;
}
.inpt_name,
.inpt_tel{
    position: absolute;
    width:65%;
    height: 105%;
    left:37%;
    font-size:4vw;
}