.hide{display: none}
img{width: 100%;display: block}
.abso{position: absolute}
.flex{display: flex}
.rela{position: relative}
html,body{margin: 0;padding: 0;width: 100%;overflow-x: hidden;height: 100%;background-image: linear-gradient(#b30f14,#d6352e,#b30f14);}
i{font-style: normal}
div{box-sizing:border-box;}
input{border: none;outline: none;background: none}
input:focus::placeholder,textarea:focus::placeholder{color:transparent}
#wrap{width:100%;height:100%;overflow: hidden; position: fixed;}
.wh{width:100%;height:100%;}
.animate,.animate1{display:none;}
.tacenter{text-align: center;}
li{list-style: none;}

.bg{top: 0;left: 0}
.widthfull{width: 100vw}
.bgimg{}
.light{margin: -5vw auto 0 auto;width: 86.67vw;}
.itembg1{height: 209.5vw;background: url(https://file.cdn.finance.vivatech.cn/200711zbxc/images/itembg1.png) no-repeat;background-size: 100% 100%;margin: -8vw auto 0 auto;padding-top: 23vw;animation: fadeIn 0.4s linear forwards;}
.itembg2{height: 222.53vw;background: url(https://file.cdn.finance.vivatech.cn/200711zbxc/images/itembg2.png) no-repeat;background-size: 100% 100%;margin: 7vw auto 0 auto;padding-top: 23vw;}
.itembg3{height: 282vw;background: url(https://file.cdn.finance.vivatech.cn/200711zbxc/images/itembg3.png) no-repeat;background-size: 100% 100%;margin: 3vw auto 0 auto;padding-top: 25vw;}
.title{margin-top: 13vw;animation: scale 0.8s ease-in-out infinite alternate;}
.item1{height: 176vw;overflow-y: auto;width:82.8%;margin:0 auto}
.item2{height: 190vw;overflow-y: auto;width:82.8%;margin:0 auto}
.item3{height: 244vw;overflow-y: auto;width:82.8%;margin:0 auto}
.bird1{width: 18vw;top: 7vw;left: 6vw;animation: fadeIn 0.4s linear 0.6s forwards;opacity: 0;}
.bird2{width: 18vw;top: 5vw;right: 0;animation: fadeIn 0.4s linear 0.9s forwards;opacity: 0;}
.title2{width: 60.67vw;margin: 3vw auto 0 auto;}
.text1{color: #ffffff;opacity: 0.6;text-align: center;font-size: 0.9em;margin: 31vw 0 0 35vw;}
.text{width: 100vw;bottom: 0;left: 0;}
.item img{width: 100%;}


.fade {
  opacity: 0;
  -webkit-transition: 0.5s linear;
  -o-transition: 0.5s linear;
  transition: 0.5s linear;
}

.arrow {
    width: 30px;
    position: absolute;
    bottom: 50px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
    -webkit-animation: arrow 0.8s linear infinite;
    animation: arrow 0.8s linear infinite;
}

@-webkit-keyframes arrow {
  0% {
    bottom: 30px;
    opacity: 0;
  }
  80% {
    bottom: 14px;
    opacity: 1;
  }
  100% {
    bottom: 10px;
    opacity: 0;
  }
}

@-webkit-keyframes scale {
  from {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}


.ctrl {
  width: 35px;
  height: 35px;
  background:url("https://file.cdn.finance.vivatech.cn/solider/img/music.png") center top no-repeat;
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 99;
  background-size: 100% 100%;
}

.ctrl.on {
  -webkit-animation: ctrl 5s linear infinite;
  animation: ctrl 5s linear infinite;
  background:url("https://file.cdn.finance.vivatech.cn/solider/img/music.png") center top no-repeat;
  background-size: 100% 100%;
}

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

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