/* @import url("../../../../assets/demos/dzsm2/normalize.css");  */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  outline: 0;
  -webkit-tap-highlight-color: transparent;
}
/* 把marin和padding都设为0，以防不同浏览器的显示效果不一样 */
html {
  height: 100%;
  width: 100%;
}
body {
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px;
  /* overflow: hidden; */
  background-color: black;
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 正确的a标签顺序应该是 */
/* link:平常的状态
visited:被访问过之后
hover:鼠标放到链接上的时候
active:链接被按下的时候 */

.indexBgHead{
  height: 100%;
  width: 100%;
  position: absolute;
  /* background-color: black; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; 
  -webkit-box-align:center; 
  -ms-flex-align:center; 
  align-items:center;
  z-index: 9;
}

@font-face {
   font-family: myFirstFont2;
   src: url(../../assets/font/ZCOOLXiaoWei-Regular.ttf);
}
/* font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width]))); */
.titleH1{
   font-family: myFirstFont2;
   /* font-size:125px; */
   /* font-weight:400; */
   /* line-height:126px; */
   color:rgba(255,255,255,1);
   /* letter-spacing:130px; */
   font-weight: 500;
   font-size: 16vmin;
   /* transition: color 2s,font-size 2s; */
   /* transition-timing-function: ease; */
}
.titleH1:hover{
   /* font-family: myFirstFont2;
   color:rgb(32, 206, 104);
   font-size: 5em; */
}
.titleH2{
   font-family: myFirstFont2;
   color:#FFFFFF;
   opacity: 0.3;
   font-size: 2.5vmin;
   
   letter-spacing: 2.8vmin;
   margin-top:1.55vmin;
   text-indent: 1.5vmin;
  
   /* transition: color 2s,font-size 2s; */
   /* transition-timing-function: ease; */
}
@media screen and (max-width: 1280px) {
  .titleH1{
    font-size: calc(24px + (150 - 24) * ((100vw - 360px) / (1920 - 360)));
  }
  .titleH2{
    font-size: calc(10px + (30 - 10) * ((100vw - 360px) / (1920 - 360)));
    letter-spacing: 1.5vmin;
  }
}
.indexBgImage{
  height: 100%;
  width: 100%;
  position: absolute;
  /* background-color: black; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction:row;
  justify-content: space-between; 
  /* align-items:center; */
  z-index: 6;
}
.indexImg{
  height:100%;
  width:auto;
}
.centerNestImg{
  height:8vmax;
  width:auto;
  align-self: center;
}
.indexBtnImage{
  height: 90%;
  width: 100%;
  position: absolute;
  display: flex;
  flex-direction:column;
  justify-content:flex-end; 
  align-items:center;
  z-index: 9;
}

.indexFooter{
  bottom: 0%;
  height: 5%;
  width: 100%;
  position: absolute;
  display: flex;
  flex-direction:column;
  justify-content:flex-end; 
  align-items:center;
  z-index: 9;
}

.indexBtnImageForFlex{
  height: 15vmin;
  width:35vmin;
  /* background-color: rgb(124, 180, 226); */
  display: flex;
  flex-direction:row;
  justify-content:space-between; 
  align-items:flex-start;
}

a>.indexBtnImg{
  height: 8vmin;
  width:auto;
  /* background-color: bisque; */
  display: flex;
  flex-direction:column;
  justify-content:center; 
  align-items:center;
  z-index: 9;
 
  /* position: absolute; */
}
a{
  text-decoration: none;
}
.linkTextForFlex{
  height: 8vmin;
  width:auto;
  z-index: 9;
  display: flex;
  flex-direction:row;
  justify-content:center; 
  align-items:center;
}
.indexBtnImg{
  height: 8vmin;
  width:auto;
  z-index: 9;
  /* position: absolute; */
  /* background-color: #25e9d2; */
}
.btnImageText{
  font-size: 1.5vmin;
  position: absolute;
  /* background-color: blue; */
  z-index: 10;
  color: white;
  transition: font-weight 0.7s,font-size 0.7s;
   transition-timing-function: ease;
  /* text-align: center; */
}
.btnImageText:hover{
  font-weight: 600;
  font-size: 1.7vmin;
}