*{margin: 0;padding: 0;
  /* font-family: "微软雅黑"; */
  font-family: sans-serif;
}
ul li{list-style: none;}
a{text-decoration: none;}
.clear{clear: both;}
#app{height: 100%;}
html, body {
        position: relative;
        height: 100%;
        overflow: hidden;
    }
    body {
        background: #eee;
        /* font-family: Helvetica Neue, Helvetica, Arial, sans-serif; */
        font-size: 14px;
        color:#000;
        margin: 0;
        padding: 0;
    }
    .swiper-container {
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
.btn{width: 50px;height: 30px;background-color: #000;}
img{width: 100%;height: 100%;}
.wmlogo{
  width:3rem;
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
}
.bg1{background-image: url(sybg.jpg);background-size: 100% 100%;position: relative;}
.bg1-bot{width: 100%;
  position: absolute;left: 0;bottom:-0.1rem;z-index: 20;
}
.bg1-top{width: 100%;height: 100%;background-image: url("qmlvzhi220328.png");
  background-size: 100% 100%;
  animation: go 2.5s ease-in-out alternate infinite;
  margin-top: -0.1rem;
}

.wenzi{
  width: 4rem; position: absolute;right: 0.7rem;top:2.3rem;z-index: 10;
}
.jinianbei{
  width: 100%;position: absolute;left: 0;top: 3rem;z-index: 10;
}
.one-pic3{width: 2.96rem;height: 0.89rem;position: absolute;right:1rem;top:12rem;z-index: 20;}


.bg2{background: url("qmbg20328.png");background-size: 100% 100%;position: relative;}
.two-pic1{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.two-list{padding-left: 0.45rem;position: absolute;left: 0;top: 3.01rem;display: flex;flex-wrap: wrap;z-index: 20;}
.two-list li{width: 1.04rem;height: 1.04rem;border-radius: 50%;
  font-size: 0.6rem;
  color: #1f8275;border: 0.02rem solid #1f8275;
  margin-right: 0.5rem;margin-bottom: 0.6rem;text-align: center;line-height: 1.04rem;}
.two-list .liw{width: 2.66rem;border-radius: 0.7rem;}
.two-list .liw1{width: 1.7rem;border-radius: 0.7rem;}
.two-list-bot{width: 100%;height: 5.64rem; background-image: url("qmflower220328.png");background-size: 100% 100%; position: absolute;left: 0;bottom: 0.01rem;z-index: 10;}

.bg3{background: url("zjbg.jpg");background-size: 100% 100%;position: relative;}

.bg3-tit{width:100%;position: absolute;top: 2.4rem;left: 0;}


.zoms{
  animation: zooms 1.5s ease-in-out ;
}
.opts{
  animation: opt 2s ease-in-out ;
}
.opts2{
  animation: opt 3.5s ease-in-out ;
}
.bg3-box2{width: 2.98rem;position: absolute;top: 5.06rem;left: 1.54rem;
  z-index: 20;
}
.bg3-box1{width: 2.98rem;position: absolute;top: 5.06rem;right: 1.36rem;
  z-index: 20;
}

.bg3-box3{width: 2.98rem;position: absolute;top: 9.28rem;left: 50%;
  margin-left: -1.49rem;z-index: 20;
}




/* .bgnew-bot{
  width: 100%;height: 5.64rem; background-image: url("qmflower220328.png");
  background-size: 100% 100%;
   position: absolute;left: 0;bottom: 0.01rem;z-index: 10;
} */
/* .bgnew-box{
  width: 6.86rem;
  height: 5.64rem;
  position: absolute;
  top: 3.5rem;
  z-index: 10;
}
.bgnew-box2{
  display: none;
  width: 6.86rem;
  height: 1.65rem;
  position: absolute;
  top: 9.5rem;
  z-index: 10;
} */
/* .bgnew-topr{
  width: 100%;height: 100%;background-image: url("qmlvzhi220328.png");
  background-size: 100% 100%;
} */




.bg4-rnsy{
  display: none;
  width: 2rem;
  height: 5.56rem;
  position: absolute;left: 1.44rem;top:2.84rem; z-index: 10;
}
.bg4-bot{
  width: 100%;
  position: absolute;left: 0;bottom:-0.1rem;z-index: 10;
}

.bg4-box1{display: none; width: 100%;height: 100%;position: relative;}
.fr{animation: fadeR 1.5s ease-in-out ;}


.ttb{
  animation: tt 3.5s ease-in-out ;
}
.bg4-hs{
  width: 4.94rem;
  height: 6.29rem;
  position: absolute;
  left: 50%;
  bottom: 1.5rem;transform: scale(0.5);
  margin-left: -2.47rem;
  z-index: 30;
}
.bg4-xh{
  display: none;
  width: 8.14rem;
  height: 5.13rem;
  position: absolute;
  left: 1.5rem;
  bottom: 3.1rem;
  z-index: 20;
}
.bg4-xh1{
  width: 2.93rem;
  height: 2.36rem;
  position: absolute;
  left: 5.5rem;
  bottom: 3.2rem;
  z-index: 20;
}
.bg4-xh2{
  width: 5.9rem;
  height: 5.13rem;
  position: absolute;
  left: 3.5rem;
  bottom: 3.2rem;
  z-index: 20;
}
.bg4-xh3{
  width: 2.93rem;
  height: 2.36rem;
  position: absolute;
  left: 1.5rem;
  bottom: 3.2rem;
  z-index: 20;
}
.bg4-rw{
  width: 1.8rem;
  position: absolute;
  left: 1.97rem;
  bottom: 2.15rem;
  z-index: 30;
}
.bg4-jgrw{
  display: none;
  width: 2.92rem;
  height: 3.65rem;
  position: absolute;
  left: 1.97rem;
  bottom: 2.28rem;
  z-index: 20;
}

.fll{
  animation: fadeLL 2.5s ease-in-out ;
}
.fl{
  animation: fadeL 2.5s ease-in-out ;
}
.bg4-share{
  display: none;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 1.09rem;
  z-index: 40;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bg4-share img{
  display: block;
  width: 2.5rem;
  margin-right: 0.8rem;
}
.bg4-sharetop{
  display: none;
  width: 100%;
  position: absolute;
  left: 0;
  top:10rem;
}
.bg4-sharetop p{
  width: 100%;
  text-align: left;
  font-size:20px;color: #333;
}
.bg4-sharetop p span{
  color: #b9512c;
  padding: 0 0.12rem;
  font-size: 24px;
  font-weight: bold;
  font-style: italic;
}
.bg4-sharetop .p1{padding-left: 0.9rem;}
.bg4-sharetop .p2{padding-left: 2.18rem;}
.bg4-sharetop .p3{ padding-left: 0.56rem;}

.bg4-box2{display: none; width: 100%;height: 100%;position: relative;}
.bg4-box3{display: none; width: 100%;height: 100%;position: relative;}


.bg5-haobao{position: relative;width: 100%;height: 100%;}

.haobao1{display: none; width: 100%;height: 100%;position: relative;overflow: scroll;}

.hb-box{width: 100%;height: 100%;position: relative;top: 0;left: 0;overflow:scroll;}
.hb-box img{display: block;width: 100%;height: auto;}
.hb-box .wz{position: absolute;left: 0;top:9rem;}
.hb-box .wzws{ position: absolute;     left: 1rem;
  top:2.3rem;
  font-size:20px;
  color: #333;}

.hb-box .wz p{width: 100%;text-align: left;font-size: 0.4rem;}
.hb-box .wz p span{color: #b9512c;padding: 0 0.12rem;font-size: 0.48rem;}
.hb-box .wz .p1{padding-left: 0.9rem;}
.hb-box .wz .p2{padding-left: 2.18rem;}
.hb-box .wz .p3{ padding-left: 2.18rem;}





.imgBox{width: 100%;height: 100%;position: relative;top: 0;left: 0;}
.imgBox .wz{position: absolute;left: 0;top: -6.9rem;}
.imgBox .wz p{width: 100%;text-align: left;font-size: 0.4rem;}
.imgBox .wz p span{color: #17a75e;padding: 0 0.12rem;font-size: 0.48rem;}
.imgBox .wz .p1{padding-left: 0.9rem;}
.imgBox .wz .p2{padding-left: 2.18rem;}
.imgBox .wz .p3{padding-left: 2.18rem;}


.haobao2{display: none; width: 100%;height: 100%;position: relative;}
.haobao3{display: none; width: 100%;height: 100%;position: relative;}


.thr-box,.thr-box-pic1{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.thr-box-pic2{position: absolute;left: 0;bottom: 0;height: 5rem;}
.thr-box1{width: 100%;height: 100%;position: absolute;left: -10rem;top: 0;background: url("qm20180329-11.jpg")/*tpa=http://h5.zmiti.com/public/qmh5/images/qm20180329-11.jpg*/;/*display: none;*/animation-duration: 1s;animation-delay:2s;animation-fill-mode: forwards;}
.thr-box1-p{position: absolute;left: 1.1rem;top: 0.44rem;text-align: left;font-size: 0.47rem;line-height: 0.6rem;}
.thr-box1-p2{text-indent: 2em;}
.thr-box1-pic1{position: absolute;left: -10rem;top: 1.65rem;width: 100%;height: 6.4rem;animation-duration: 1s;animation-delay:3s;animation-fill-mode: forwards;}
.thr-box1-txt{position: absolute;left: 1.82rem;top: 8.6rem;width: 6.36rem;height: 2.28rem;display: none;z-index: 100;}
.thr-box1-pic2{position: absolute;left: 0;bottom: 0;height: 5.3rem;}
/* .thr-box1-fx{width: 2.5rem;height: 1rem;position: absolute;left: 3.75rem;bottom: 1.25rem;} */

.thr-box1-p span{color: #3d8200;}
.thr-box-pic1 img{transition: all 9s 1s linear;}
.bd{transform: scale(2.5);}


.thr-box-pic2 img{animation-duration: 9s;animation-delay:1s;}
.yb{animation-name: zy;}

.fx{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: url("fx20171019-1.png")/*tpa=http://h5.zmiti.com/public/qmh5/images/fx20171019-1.png*/;background-size: 100% 100%;display: none;z-index: 1000;}
.fx-p{font-size: 0.75rem;line-height: 1.5;text-align: center;width: 100%;position: absolute;left: 0;top: 3.5rem;color: #fff;}

.cx{animation-name: dl;}
.dl{animation-name: dl;}

.jz{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 100;background: url(sybg.jpg);background-size: 100% 100%;}
.jz-p{font-size: 0.6rem;color: #3d8200;text-align: center;position: absolute;left: 0;top: 7rem;width: 100%;}
.jz-pic img{position: absolute;left: 0;bottom: -100%;}
.jz-pic{width: 3.75rem;height: 2.83rem;position: absolute;left: 3.125rem;top: 4.5rem;overflow: hidden;}
.swiper-container{display: none;}


#bgmusic{position: absolute;left: -1rem;top: -1rem;width: 1rem;}
.qmlogo{width: 3rem; position: absolute; right: 1.3rem; top: 0.4rem;}
.mus{width: .8rem;height:.8rem;background-color: red;position: absolute;top: 0.3rem;right: 0.2rem;background: url("music-b.png")/*tpa=http://h5.zmiti.com/public/qmh5/images/music-b.png*/;background-size: 100% 100%;z-index: 1000;display: none;}
.xz{animation: xz 3s linear forwards infinite;}


@-webkit-keyframes opt{
	0%{opacity:0;}
	100%{opacity:1;}
}

@-webkit-keyframes tt{
	0%{bottom: -6.29rem;transform: scale(1)}
	100%{bottom: 1.5rem;transform: scale(0.5);}
}
@-webkit-keyframes dl{
	0%{left: -10rem;}
	100%{left: 0;}
}
@-webkit-keyframes fadeLL {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
@-webkit-keyframes fadeL {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}
@keyframes fadeR {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		-ms-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}
@keyframes zooms {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		-ms-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
	50% {
		opacity: 1
	}
}

@-webkit-keyframes go{
	0%{
    transform: rotate(1deg);
    /* transform-origin: top center; */
  }
	100%{
    transform: rotate(-1deg);
    /* transform-origin: top center; */
  }
}

@-webkit-keyframes xz{
	0%{transform: rotate(0deg);}
	100%{transform: rotate(360deg);}
}


@-webkit-keyframes zy{
  10% {
    transform: rotate(1deg);
  }
  20% {
    transform: rotate(-1deg);
  }
  30% {
    transform: rotate(1deg);
  }
  40% {
    transform: rotate(-1deg);
  }
  50% {
    transform: rotate(1deg);
  }
  60% {
    transform: rotate(-1deg);
  }
  70% {
    transform: rotate(1deg);
  }
  80% {
    transform: rotate(-1deg);
  }
  90% {
    transform: rotate(1deg);
  }
  100% {
    transform: rotate(-1deg);
  }
  
  
}

.bgnew,.hhzy,.lys,.xjzy,.kmyc,.xjzy01,.lys01,.lszy01,.kmyc01,.hhzy01{
  background: url(lszy01.jpg);background-size: 100% 100%;position: relative;
}
.bgnew{background-image: url(lszy24.jpg); }
.hhzy{background-image: url(hhzy24.jpg);}
.lys{background-image: url(lys24.jpg);}
.xjzy{background-image: url(xjzy2401.jpg);}
.kmyc{background-image: url(kyyc242.jpg);}

.xjzy01{background-image: url(xjpicbg.jpg);  }
.lys01{background-image: url(lyspicbg.jpg);  }

.lszy01{background-image: url(lspicbg.jpg);  }
.kmyc01{background-image: url(kmycpicbg2.jpg);  }
.hhzy01{background-image: url(hhzypicbg.jpg);  }




.kmycPic,.hhPic,.lsPic,.lysPic,.xjPic,.lszy02,.lszy03,.lszy04,.hhzy02,.hhzy03,.hhzy04,.hhzy05,.hhzy06,.hhzy07,.hhzy08,.hhzy09,.lys02,.lys03,.lys04,.lys05,.ky01,.ky02,.ky03,.ky04,.ky05,.ky06,.ky07,.xj01,.xj02,.xj03,.xj04,.xj05,.xj06,.xj07,.xjPic{width: 100%; position: absolute; display: none;}

.lszy02{top: 4.5rem;}
.lszy03{top: 6rem;}
.lszy04{top: 8rem;}

.hhzy02{ top: 3.2rem;}
.hhzy03{ top: 4.4rem;}
.hhzy04{ top: 5.6rem;}
.hhzy05{ top: 6.8rem;}
.hhzy06{ top: 8rem;}
.hhzy07{ top: 9.2rem;}
.hhzy08{ top: 11.4rem;}
.hhzy09{ top: 12.8rem;}

.lys02{top: 4rem;}
.lys03{top: 5.5rem;}
.lys04{top: 7rem;}
.lys05{top: 9rem;}


.ky01{ top: 2rem;}
.ky02{ top: 3.2rem;}
.ky03{ top: 4.4rem;}
.ky04{ top: 5.6rem;}
.ky05{ top: 6.8rem;}
.ky06{ top: 8rem;}
.ky07{ top: 9.6rem;}

.xj01{top: 2.5rem;}
.xj02{top: 4rem;}
.xj03{top: 5.5rem;}
.xj04{top: 7rem;}
.xj05{top: 8.5rem;}
.xj06{top: 10rem;}
.xj07{top: 12rem;}
.kmycPic,.hhPic,.lsPic,.lysPic,.xjPic{top: 0;width: 100%!important; height: 100%!important;}






.lt{  animation: go 2.5s ease-in-out alternate infinite;
  margin-top: 0rem; width: 3rem;position: absolute; right: 0; top: 0;}


  .bg3-bot{width: 100%; position: absolute;left: 0;bottom:-0.1rem;z-index: 10;}
  .bg4{background: url(ztbg.jpg);background-size: 100% 100%;position: relative;}

  .bg4-blz{
    /* width: 7.31rem; */
    width: 7.6rem;
    position: absolute;
    left: 1.2rem;
    bottom: 1rem;
    z-index: 30;
  }
  .bg4-dr{
    display: none;
    /* width: 7.31rem; */
    width: 7.6rem;
    position: absolute;
    left: 1.2rem;
    bottom: 1rem;
    z-index: 20;
  }

  .zjqj{width: 3.5rem;position: absolute; left:1rem; top:3.5rem; display: none;}
  .wzws{position: absolute; left: 1rem; top:2.5rem;font-size: 18px;color: #333; display: none;}

  /*花环*/
  .hh-box{display: none;}
.qm-icon01{width: 35px; position: absolute;left:8%;top:0; }
.qm-icon02{width: 32px; position: absolute;left:20%;top:10%;}
.qm-icon03{width: 35px; position: absolute;left:23%;top:50%; }
.qm-icon04{width: 35px; position: absolute;left:0%;top:40%;}
.qm-icon05{width: 35px; position: absolute;left:5%;top:45%;}
.qm-icon06{width: 35px; position: absolute;left:3%;top:40%; }
.qm-icon07{width: 35px; position: absolute;right: 75%;top: 55%;}
.qm-icon08{width: 35px; position: absolute;right:75%;top: 45%;}
.qm-icon09{width: 35px; position: absolute;left:14%;bottom:20%;}
.qm-icon10{width: 35px; position: absolute;left: 10%;bottom:19%;}
.qm-icon11{width: 35px; position: absolute;}
.qm-icon12{width: 35px; position: absolute;}


 .qm-icon01{-webkit-animation:movie 1s linear 3;animation-fill-mode: forwards; -webkit-animation-delay:1s;animation-delay:1s; opacity: 0; }
 .qm-icon02{-webkit-animation:movie01 1.5s linear 5; animation-fill-mode: forwards; -webkit-animation-delay:1s;animation-delay:1s; opacity: 0;}
.qm-icon03{-webkit-animation:movie02 2s linear 4; animation-fill-mode: forwards; -webkit-animation-delay:1s;animation-delay:1s;opacity: 0; }
.qm-icon04{-webkit-animation:movie03 2.5s linear 3; animation-fill-mode: forwards;-webkit-animation-delay:1s;animation-delay:1s; opacity: 0;}
.qm-icon05{-webkit-animation:movie04 2.6s linear 5; animation-fill-mode: forwards; -webkit-animation-delay:1s;animation-delay:1s; opacity: 0;}
.qm-icon06{-webkit-animation:movie05 2.3s linear 3; animation-fill-mode: forwards; -webkit-animation-delay:1s;animation-delay:1s; opacity: 0;}
.qm-icon07{-webkit-animation:movie06 2.8s linear 4; animation-fill-mode: forwards; -webkit-animation-delay:1s;animation-delay:1s; opacity: 0;}
.qm-icon08{-webkit-animation:movie07 2.2s linear 5; animation-fill-mode: forwards;-webkit-animation-delay:1s;animation-delay:1s; opacity: 0;}

.qm-icon11{-webkit-animation:movie10 2.4s linear 4; animation-fill-mode: forwards; -webkit-animation-delay:1s;animation-delay:1s;opacity: 0; }

.jylbg{width: 4.5rem; position: absolute; right:3.5rem; top: 10rem; display: none;}
@-webkit-keyframes movie {
    0%{position: absolute;left:8%;top:0;opacity: 1;}
    100%{position: absolute;left:12%;top:56%;opacity: 0;}
}
@-webkit-keyframes movie01 {
    0%{position: absolute;left:20%;top:0;opacity: 1;}
    100%{position: absolute;left:25%;top:45%;opacity: 0;}
}
@-webkit-keyframes movie02 {
0%{ position: absolute;left:10%;top:0%; opacity: 1;}
100%{ position: absolute;left:15%;top:48%; opacity: 0;}
}
@-webkit-keyframes movie03 {
0%{position: absolute;left:0%;top:0%;opacity: 1;}
100%{position: absolute;left:12%;top:50%;opacity: 0;}
}
@-webkit-keyframes movie04 {
0%{position: absolute;left:0%;top:0%;opacity: 1;}
100%{position: absolute;left:5%;top:40%;opacity: 0;}
}
 
@-webkit-keyframes movie05 {
0%{position: absolute;left: 0%;top: 0%;opacity: 1;}
100%{position: absolute;left:9%;top: 55%;opacity: 0;}
}
@-webkit-keyframes movie06 {
0%{position: absolute;right: 0%;top:0%;opacity: 1;}
100%{position: absolute;right:55%;top:65%;opacity: 0;}
}
 @-webkit-keyframes movie07 {
0%{position: absolute;right:0%;top: 0%;opacity: 1;}
100%{position: absolute;right: 60%;top:65%;opacity: 0;}
}
 @-webkit-keyframes movie10 {
0%{position: absolute;right:0%;top: 0%;opacity: 1;}
100%{position: absolute;right: 60%;top:25%;opacity: 0;}
}