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}

html,body{width: 100%;height: 100%;overflow: hidden;}

body{font-family:'Microsoft YaHei';color: #2d2d2d;height: 100%;background-size: 600px 100%;word-wrap: break-word;}

img{margin: 0 auto;display: block;width: 100%;}

li{list-style: none;}

.ewm img{
	position: fixed;
	width: 120px;
	height: auto;
	bottom: 100px;
	right: 50px;
}

.box{width: 600px;margin: 0 auto;position: relative;height: 100%;}
#p1 .box{height: 100%;background: url(../images/p1_bg.png) center no-repeat;background-size: 600px 100%;}
#p1 .p1_1{width: 100%;position: absolute;top:17%;}
#p1 .p1_2{width: 100%;position: absolute;top:22%;}
#p1 .p1_3{width: 100%;position: absolute;top:42%;}
#p1 .p1_4{width: 100%;position: absolute;top:72%;text-align:center;font-weight: 600;}
#p1 .people{width: 100%;position: absolute;top: 55%;right: 0.5%;}
#p1 .people img{width: 15%;}
#p1 .next{width: 100%;position: absolute;bottom:3%;}
.next img{width: 15%;animation: updown 2s infinite ;-moz-animation: updown 2s infinite ;	/* Firefox */  -webkit-animation: updown 2s infinite ;	/* Safari 和 Chrome */-o-animation: updown 2s infinite ;}

#p2 .box{height: 100%;background: url(../images/p2_bg.png) center no-repeat;background-size: 600px 100%;}
.title{width: 100%;position: absolute;}
#p2 .p2_1{width: 100%;position: absolute;top: 40%;opacity: 0;}
#p2 .p2_2{width: 100%;position: absolute;top: 55%;opacity: 0;}
#p2 .p2_open{width: 100%;position: absolute;top: 25%;left: 5%;}
#p2 .p2_open a img{width: 8%;}
.next{width: 100%;position: absolute;bottom: 3%;}

#p3 .box{height: 100%;background: url(../images/p3_bg.png) center no-repeat;background-size: 600px 100%;}
#p3 .p3_1{width: 100%;position: absolute;top: 15%;opacity: 0;}
#p3 .p3_2{width: 100%;position: absolute;top: 30%;opacity: 0;}
#p3 .p3_open{width: 100%;position: absolute;top: 20%;left: 35%;}
#p3 .p3_open img{width: 8%;}

#p4 .box{height: 100%;background: url(../images/p4_bg.png) center no-repeat;background-size: 600px 100%;}
#p4 .p4_1{width: 100%;position: absolute;top: 32%;opacity: 0;}
#p4 .p4_2{width: 100%;position: absolute;top: 45%;opacity: 0;}
#p4 .p4_open{width: 100%;position: absolute;top: 25%;left: 25%;}
#p4 .p4_open img{width: 8%;}

#p5 .box{height: 100%;background: url(../images/p5_bg.png) center no-repeat;background-size: 600px 100%;}
#p5 .p5_1{width: 100%;position: absolute;top: 13%;opacity: 0;}
#p5 .p5_2{width: 100%;position: absolute;top: 25%;opacity: 0;}
#p5 .p5_open{width: 100%;position: absolute;top: 64%;}
#p5 .p5_open img{width: 8%;}

#p6 .box{height: 100%;background: url(../images/p6_bg.png) center no-repeat;background-size: 600px 100%;}
#p6 .p6_1{width: 100%;position: absolute;top: 45%;opacity: 0;}
#p6 .p6_2{width: 100%;position: absolute;top: 60%;opacity: 0;}
#p6 .p6_open{width: 100%;position: absolute;top: 20%;left: 25%;}
#p6 .p6_open img{width: 8%;}

#p7 .box{height: 100%;background: url(../images/p7_bg.png) center no-repeat;background-size: 600px 100%;}
#p7 .p7_1{width: 100%;position: absolute;top: 13%;opacity: 0;}
#p7 .p7_2{width: 100%;position: absolute;top: 47%;opacity: 0;}
#p7 .p7_open{width: 100%;position: absolute;top: 28%;}
#p7 .p7_open img{width: 8%;}

#p8 .box{height: 100%;background: url(../images/p8_bg.png) center no-repeat;background-size: 600px 100%;}
#p8 .p8_1{width: 100%;position: absolute;top: 45%;opacity: 0;}
#p8 .p8_2{width: 100%;position: absolute;top: 56%;opacity: 0;}
#p8 .p8_open{width: 100%;position: absolute;top: 15%;right: 22%;}
#p8 .p8_open img{width: 8%;}

#p9 .box{width:100%;text-align:center;color:#3e3a39}
#p9 .z_top{width:100%;position: absolute;top:20%;}
#p9 .z_top a img{padding-left: 20px;}
#p9 .z_top p{font-size:18px;margin-top:10px;}
#p9 .z_bom{width:100%;padding-top:5px;font-size:14px;position: absolute;top: 40%;}
#p9 .z_bom .ewm1{width: 25%;margin: 0 auto;padding-bottom: 10px;}

@media screen and (max-width:1000px){
    .ewm{display: none;}
}
@media screen and (min-height:700px) and (max-height: 900px){
    #p1 .p1_1{width: 90%;left: 5%;top: 16%;}
    #p1 .p1_2{width: 80%;left: 10%;top: 23%;}
    #p1 .p1_3{width: 80%;left: 10%;top: 44%;}
    #p1 .p1_4{width: 90%;left: 5%;top: 75%;}
    #p1 .next{width: 80%;left: 10%;}
}
@media screen and (max-width:600px){
	body{background-size:100% 100%}
	.box{width:100%;}
    #p1 .box{background-size: 100% 100%;}
    #p2 .box{background-size: 100% 100%;}
    #p3 .box{background-size: 100% 100%;}
    #p4 .box{background-size: 100% 100%;}
    #p5 .box{background-size: 100% 100%;}
    #p6 .box{background-size: 100% 100%;}
    #p7 .box{background-size: 100% 100%;}
    #p8 .box{background-size: 100% 100%;}
    #p9 .z_bom .ewm1{width: 50%;}
    #p9 .z_top p{font-size: 16px;}
}
@media screen and (max-height:650px){
    #p1 .p1_3{top: 44%;}
    #p1 .p1_4{top: 71.5%;}
    #p9 .z_top{top: 15%;}
    #p9 .z_bom{top: 45%;}
}
@media screen and (max-height:500px){
    #p9 .z_top{top: 20%;}
    #p1 .content{top: 56%;}
}
@media screen and (max-height:400px){
    #p1 .p1_2{width: 80%;left: 10%;top: 24%;}
    #p1 .p1_3{width: 80%;left: 10%;top: 46%;}
    #p1 .people img{width: 10%;}
    #p1 .p1_4{top: 69.5%;}
    #p8 .p8_1{top: 40%;}
    #p8 .p8_2{top: 52%;}
    #p9 .z_top{top: 10%;}
    #p9 .z_top p{font-size: 14px;}
    #p9 .z_top a img{padding-left: 30px;}
    #p9 .z_bom{font-size: 12px;}
}