@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  font-family: "思源黑体", '微软雅黑', "Microsoft YaHei";
}

*[data-position="top"] {
  position: absolute;
  left: 0;
  top: 0;
}

*[data-position="bottom"] {
  position: absolute;
  left: 50%;
  bottom: 0;
}

*[data-position="left"] {
  position: absolute;
  left: 0%;
  top: 50%;
}

*[data-position="right"] {
  position: absolute;
  right: 0%;
  top: 50%;
}

*[data-position="center"] {
  position: absolute;
  left: 50%;
  top: 50%;
}

@font-face {
  font-family: myFont1;
  src: url(/zt/static/ttf/SourceHanSansCN-Regular.otf);
}

@font-face {
  font-family: myFont2;
  src: url(/zt/static/ttf/SourceHanSansCN-Medium.otf);
}

@font-face {
  font-family: myFont3;
  src: url(/zt/static/ttf/SourceHanSerifCN-Heavy-4.otf);
}

@font-face {
  font-family: myFont4;
  src: url(/zt/static/ttf/ziti1.TTF);
}

.oh {
  opacity: 0;
}

.ov {
  opacity: 1;
}

.back {
  position: fixed;
  right: 1%;
  top: 85%;
  z-index: 222;
  cursor: pointer;
}

input {
  width: 591px;
  height: 85px;
  line-height: 85px;
  border: none;
  outline: medium;
  font-size: 30px;
  font-family: "思源黑体", '微软雅黑', "Microsoft YaHei";
  color: #64cceb;
  text-align: left;
  padding-left: 10px;
  background: url("../images/text_bg.png") center top no-repeat;
  margin-bottom: 20px;
}

.container {
  width: 750px;
  margin: 0 auto;
  height: 7644px;
  overflow: hidden;
  background: url("../images/bg.jpg") center top no-repeat;
}

.container > div {
  width: 100%;
}

.dv01 {
  height: 754px;
  position: relative;
}

.title {
  width: 664px;
  height: 405px;
  background: url("../images/title.png") center top no-repeat;
  top: 148px;
  left: 46px;
  position: absolute;
}

.logo {
  width: 490px;
  height: 51px;
  background: url("../images/logo.png") center top no-repeat;
  top: 71px;
  margin-left: -245px;
}

.banner_btn {
  width: 533px;
  height: 60px;
  background: url("../images/banner_btn.png") center top no-repeat;
  top: 590px;
  margin-left: -266.5px;
}

.banner_font {
  width: 354px;
  height: 29px;
  background: url("../images/yonghu.png") center top no-repeat;
  top: 686px;
  margin-left: -177px;
}

.dv02 {
  width: 100%;
  height: 653px;
  background: url("../images/bmbg.png") center top no-repeat;
  position: relative;
}

.dengguang {
  width: 381px;
  height: 366px;
  background: url("../images/dengg.png") center top no-repeat;
  position: absolute;
  right: 35px;
  top: -117px;
}

.deng {
  width: 119px;
  height: 578px;
  position: absolute;
  right: -2px;
  top: -161px;
  background: url("../images/deng.png") center top no-repeat;
}

.baomingbox {
  width: 591px;
  margin: 0 auto;
  padding-top: 159px;
}

.submit {
  width: 223px;
  height: 86px;
  background: url("../images/baoming.png") center top no-repeat;
  margin: 10px auto;
}

.dv03 {
  width: 100%;
  height: 900px;
  background: url("../images/fl01_bg.png") center top no-repeat;
  position: relative;
}

.dv03 .icon1 {
  width: 101px;
  height: 142px;
  background: url("../images/icon01.png") center top no-repeat;
  top: 142px;
  left: 105px;
}

.dv03 .icon2 {
  width: 103px;
  height: 143px;
  background: url("../images/icon02.png") center top no-repeat;
  top: 142px;
  left: 323px;
}

.dv03 .icon3 {
  width: 101px;
  height: 144px;
  background: url("../images/icon03.png") center top no-repeat;
  top: 142px;
  left: 542px;
}

.dv03 .icon4 {
  width: 121px;
  height: 125px;
  background: url("../images/icon04.png") center top no-repeat;
  top: 373px;
  left: 186px;
}

.dv03 .icon5 {
  width: 101px;
  height: 153px;
  background: url("../images/icon05.png") center top no-repeat;
  top: 344px;
  left: 450px;
}

.dv03 .icon6 {
  width: 100px;
  height: 143px;
  background: url("../images/icon06.png") center top no-repeat;
  top: 550px;
  left: 105px;
}

.dv03 .icon7 {
  width: 127px;
  height: 150px;
  background: url("../images/icon07.png") center top no-repeat;
  top: 542px;
  left: 323px;
}

.dv03 .icon8 {
  width: 170px;
  height: 134px;
  background: url("../images/icon08.png") center top no-repeat;
  top: 560px;
  left: 542px;
}

@-webkit-keyframes piao {
  0% {
    margin-left: 15px;
  }
  50% {
    margin: 0;
  }
  100% {
    margin-left: 15px;
  }
}

.huapen {
  width: 123px;
  height: 316px;
  background: url("../images/fl1_s_img.png") center top no-repeat;
  position: absolute;
  right: 0;
  top: 667px;
}

.dv04 {
  width: 100%;
  height: 680px;
  background: url("../images/fl02_bg.png") center top no-repeat;
  position: relative;
}

.dv04 span {
  width: 157px;
  height: 60px;
  display: block;
}

.dv04 .icon {
  width: 272px;
  height: 272px;
  background: url("../images/7icon.png") center top no-repeat;
  margin-left: -136px;
  top: 218px;
}

.dv04 .icon1 {
  left: 116px;
  top: 470px;
}

.dv04 .icon1 span {
  background: url("../images/7icon01.png") center top no-repeat;
  -webkit-animation: piao 3s linear 1s infinite;
}

.dv04 .icon2 {
  left: 63px;
  top: 333px;
}

.dv04 .icon2 span {
  background: url("../images/7icon02.png") center top no-repeat;
  -webkit-animation: piao 3s linear 1.2s infinite;
}

.dv04 .icon3 {
  left: 104px;
  top: 204px;
}

.dv04 .icon3 span {
  background: url("../images/7icon03.png") center top no-repeat;
  -webkit-animation: piao 3s linear 1.4s infinite;
}

.dv04 .icon4 {
  left: 303px;
  top: 125px;
}

.dv04 .icon4 span {
  background: url("../images/7icon04.png") center top no-repeat;
  -webkit-animation: piao 3s linear 1.6s infinite;
}

.dv04 .icon5 {
  left: 494px;
  top: 203px;
}

.dv04 .icon5 span {
  background: url("../images/7icon05.png") center top no-repeat;
  -webkit-animation: piao 3s linear 1.8s infinite;
}

.dv04 .icon6 {
  left: 528px;
  top: 332px;
}

.dv04 .icon6 span {
  background: url("../images/7icon06.png") center top no-repeat;
  -webkit-animation: piao 3s linear 1.6s infinite;
}

.dv04 .icon7 {
  left: 468px;
  top: 470px;
}

.dv04 .icon7 span {
  background: url("../images/7icon07.png") center top no-repeat;
  -webkit-animation: piao 3s linear 1.4s infinite;
}

.dv05 {
  width: 100%;
  height: 644px;
  background: url("../images/fl03_bg.png") center top no-repeat;
  position: relative;
}

.dv05 .dv1 {
  width: 462px;
  height: 90px;
  position: absolute;
  right: 138px;
  top: 131px;
  background: url("../images/fl03_img01.png") center top no-repeat;
}

.dv05 .dv2 {
  width: 471px;
  height: 91px;
  position: absolute;
  right: 138px;
  top: 271px;
  background: url("../images/fl03_img02.png") center top no-repeat;
}

.dv05 .dv3 {
  width: 465px;
  height: 92px;
  position: absolute;
  right: 138px;
  top: 407px;
  background: url("../images/fl03_img03.png") center top no-repeat;
}

.dv06 {
  width: 100%;
  height: 952px;
  background: url("../images/fl04_bg.png") center top no-repeat;
  position: relative;
}

.dv06 .f1 {
  width: 328px;
  height: 35px;
  background: url("../images/fl04_font1.png") center top no-repeat;
  margin-left: -164px;
  top: 142px;
}

.dv06 .f2 {
  width: 374px;
  height: 24px;
  background: url("../images/fl04_font2.png") center top no-repeat;
  margin-left: -187px;
  top: 207px;
}

.dv06 .f3 {
  width: 387px;
  height: 35px;
  background: url("../images/fl04_font3.png") center top no-repeat;
  margin-left: -193.5px;
  top: 280px;
}

.dv06 .f4 {
  width: 563px;
  height: 24px;
  background: url("../images/fl04_font4.png") center top no-repeat;
  margin-left: -281.5px;
  top: 345px;
}

.dv06 .f5 {
  width: 215px;
  height: 35px;
  background: url("../images/fl04_font5.png") center top no-repeat;
  margin-left: -107.5px;
  top: 420px;
}

.dv06 .f6 {
  width: 490px;
  height: 24px;
  background: url("../images/fl04_font6.png") center top no-repeat;
  margin-left: -245px;
  top: 485px;
}

.dv06 .f7 {
  width: 358px;
  height: 35px;
  background: url("../images/fl04_font7.png") center top no-repeat;
  margin-left: -179px;
  top: 559px;
}

.dv06 .f8 {
  width: 286px;
  height: 24px;
  background: url("../images/fl04_font8.png") center top no-repeat;
  margin-left: -143px;
  top: 625px;
}

.dv06 .f9 {
  width: 324px;
  height: 35px;
  background: url("../images/fl04_font9.png") center top no-repeat;
  margin-left: -162px;
  top: 698px;
}

.dv06 .f10 {
  width: 418px;
  height: 24px;
  background: url("../images/fl04_font10.png") center top no-repeat;
  margin-left: -209px;
  top: 762px;
}

.dv07 {
  width: 100%;
  height: 898px;
  background: url("../images/fl05_bg.png") center top no-repeat;
  position: relative;
}

.dv07 .f1 {
  width: 286px;
  height: 35px;
  background: url("../images/fl05_img1.png") center top no-repeat;
  margin-left: -143px;
  top: 155px;
}

.dv07 .f2 {
  width: 541px;
  height: 65px;
  background: url("../images/fl05_img2.png") center top no-repeat;
  margin-left: -270.5px;
  top: 201px;
}

.dv07 .f3 {
  width: 286px;
  height: 35px;
  background: url("../images/fl05_img3.png") center top no-repeat;
  margin-left: -143px;
  top: 306px;
}

.dv07 .f4 {
  width: 541px;
  height: 65px;
  background: url("../images/fl05_img4.png") center top no-repeat;
  margin-left: -270.5px;
  top: 352px;
}

.dv07 .f5 {
  width: 286px;
  height: 35px;
  background: url("../images/fl05_img5.png") center top no-repeat;
  margin-left: -143px;
  top: 457px;
}

.dv07 .f6 {
  width: 541px;
  height: 65px;
  background: url("../images/fl05_img6.png") center top no-repeat;
  margin-left: -270.5px;
  top: 503px;
}

.dv07 .f7 {
  width: 286px;
  height: 35px;
  background: url("../images/fl05_img7.png") center top no-repeat;
  margin-left: -143px;
  top: 608px;
}

.dv07 .f8 {
  width: 541px;
  height: 65px;
  background: url("../images/fl05_img8.png") center top no-repeat;
  margin-left: -270.5px;
  top: 654px;
}

.dv08 {
  width: 100%;
  height: 1177px;
  background: url("../images/fl06_bg.png") center top no-repeat;
  position: relative;
}

.dv08 .icon1 {
  width: 246px;
  height: 248px;
  background: url("../images/fl06_icon1.png") center top no-repeat;
  left: 104px;
  top: 117px;
}

.dv08 .icon2 {
  width: 246px;
  height: 248px;
  background: url("../images/fl06_icon2.png") center top no-repeat;
  left: 412px;
  top: 117px;
}

.dv08 .icon3 {
  width: 246px;
  height: 248px;
  background: url("../images/fl06_icon3.png") center top no-repeat;
  left: 104px;
  top: 369px;
}

.dv08 .icon4 {
  width: 246px;
  height: 248px;
  background: url("../images/fl06_icon4.png") center top no-repeat;
  left: 412px;
  top: 369px;
}

.dv08 .icon5 {
  width: 570px;
  height: 106px;
  background: url("../images/fl06_icon5.png") center top no-repeat;
  left: 100px;
  top: 648px;
}

.dv08 .font {
  width: 661px;
  height: 241px;
  background: url("../images/fl07_tit.png") center top no-repeat;
  margin-left: -330.5px;
  top: 874px;
}

.dv09 {
  width: 100%;
  height: 993px;
  background: url("../images/fl07_bg.png") center top no-repeat;
  position: relative;
}

.dv09 .img1 {
  width: 255px;
  height: 257px;
  background: url("../images/fl07_01_img.png") center top no-repeat;
  left: 90px;
  top: 96px;
}

.dv09 .font1 {
  width: 237px;
  height: 68px;
  background: url("../images/fl07_01_font.png") center top no-repeat;
  left: 100px;
  top: 373px;
}

.dv09 .img2 {
  width: 255px;
  height: 257px;
  background: url("../images/fl07_02_img.png") center top no-repeat;
  left: 413px;
  top: 96px;
}

.dv09 .font2 {
  width: 298px;
  height: 68px;
  background: url("../images/fl07_02_font.png") center top no-repeat;
  left: 389px;
  top: 373px;
}

.dv09 .img3 {
  width: 255px;
  height: 257px;
  background: url("../images/fl07_03_img.png") center top no-repeat;
  left: 90px;
  top: 474px;
}

.dv09 .font3 {
  width: 118px;
  height: 68px;
  background: url("../images/fl07_03_font.png") center top no-repeat;
  left: 152px;
  top: 752px;
}

.dv09 .img4 {
  width: 255px;
  height: 257px;
  background: url("../images/fl07_04_img.png") center top no-repeat;
  left: 413px;
  top: 474px;
}

.dv09 .font4 {
  width: 213px;
  height: 68px;
  background: url("../images/fl07_04_font.png") center top no-repeat;
  left: 435px;
  top: 752px;
}

.time {
  animation-duration: 1.5s;
  animation-direction: alternate;
}

.xuanzhuan {
  -webkit-animation: haha1 6s linear infinite;
}

@-webkit-keyframes haha1 {
  0% {
    -webkit-transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(90deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
  }
  75% {
    -webkit-transform: rotate(270deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

.shan {
  -webkit-animation: shan 1s linear infinite;
}

@-webkit-keyframes shan {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

.fdsx {
  -webkit-animation: fdsx 1s linear infinite;
}

@-webkit-keyframes fdsx {
  0% {
    transform: scale(1);
    /*开始为原始大小*/
  }
  25% {
    transform: scale(1.1);
    /*放大1.1倍*/
  }
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(1.1);
  }
}