/*.index_container{width: 100%;position: relative;z-index: 1;display: flex;}*/
/*.index_container{height: calc( 100vh - 1rem );position: relative;overflow-y: hidden;overflow-x: auto;}*/
.index_container img{display: block;width: 100%}
.index_container{background-color:#2A3849;position: relative;}
.index_container .tit{position: absolute;right: 30px;top: 40px;width: 265px;z-index: 2}
.index_container .index_con{height: 100%;position: relative;z-index: 1}

/*.index_container .swiper-slide{width: auto;height: calc( 100vh - 70px );display: flex;}
.index_container .bg1{width: auto;height: calc( 100vh - 70px );position: relative;z-index: 1}
@media screen and (min-aspect-ratio: 2335/1315){
  .index_container .swiper-slide{width: 100vw;height: auto}
  .index_container .bg1{width: 100%;height: auto}
}*/

.index_container .swiper-slide{width: 100%;height: auto;display: flex;}
.index_container .bg1{width: 100%;height: auto;position: relative;z-index: 1}

.index_container .bg2{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;opacity: 0.1}
@keyframes lineAni {
  0% {
    opacity:0.1;
  }
  50% {
    opacity:1
  }
  100%{
    opacity:0.1
  }
}
.index_container .bg2{animation:lineAni 4s ease-out 0s forwards infinite;}
.index_container .box{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 3;}
/* 2335,1244 */
.index_container .box .jz1{width: 19.6875%; display: block;position: absolute;top: 15%;left: 17%;z-index: 3}
.index_container .box .jz2{width: 15.78125%;display: block;position: absolute;top: 10%;left: 39%;z-index: 3}
.index_container .box .jz3{width: 20.59375%;display: block;position: absolute;top: 20%;left: 62%;z-index: 3}
.index_container .box .jz4{width: 24.28125%;display: block;position: absolute;top: 41%;left: 17%;z-index: 3}
.index_container .box .jz5{width: 35.96875%;display: block;position: absolute;top: 26%;left:34%;z-index: 2}
.index_container .box .jz6{width: 19.53125%;display: block;position: absolute;top: 40%;left: 69%;z-index: 3}
.index_container .box .jz7{width: 19.90625%;display: block;position: absolute;top: 58%;left: 45%;z-index: 1}
.index_container .box .jz .guang{width: 100%;position: absolute;top:0%;left: 0%;opacity: 0;transition: opacity 0.3s}

@keyframes guangAni {
  0% {
    opacity:0;
  }
  50% {
    opacity:1
  }
  100%{
    opacity:0
  }
}
.index_container .box .jz:hover .guang{animation:lineAni 2s linear infinite;}

.index_container .box .jz1 .tit{width: 51%;position: absolute;    top: 19%;
  left: -28%;}
.index_container .box .jz2 .tit{width: 68%;position: absolute;top:0%;right:-30%}
.index_container .box .jz3 .tit{width: 52%;position: absolute;top:-2%;left: 48%}
.index_container .box .jz4 .tit{width: 46%;position: absolute;top: 36%;left: -21%;}
.index_container .box .jz5 .tit{width: 30%;position: absolute;top: 6%;left: 59%;}
.index_container .box .jz6 .tit{width: 52%;position: absolute;top:0%;right: 13%}
.index_container .box .jz7 .tit{width: 51%;position: absolute;top: 50%;left: 80%;}

@keyframes tAni {
  0% {
    left:-5%;
  }
  50% {
    left:45%;
  }
  100%{
    left:-5%;
  }
}
@keyframes bAni {
  0% {
    right: -5%
  }
  50% {
    right: 45%
  }
  100%{
    right: -5%
  }
}
.index_container .box .tit .t{width:60%;position: absolute;top: -4%;left: -5%;animation:tAni 4s ease-out 0s forwards infinite;}
.index_container .box .tit .b{width:60%;position: absolute;bottom: 0%;right: -5%;animation:bAni 4s ease-out 0s forwards infinite;}

.index_container .box .jz1 .tit .b{width:60%;position: absolute;bottom:0%;right: -5%}
.index_container .box .jz2 .tit .t{width:60%;position: absolute;top: -3%;left: -5%}
.index_container .box .jz2 .tit .b{width:60%;position: absolute;bottom: 0%;right: -5%}
.index_container .box .jz3 .tit .t{width:60%;position: absolute;top: -3%;left: -5%}
.index_container .box .jz3 .tit .b{width:60%;position: absolute;bottom: 0%;right: -5%}
.index_container .box .jz5 .tit .t{width:60%;position: absolute;top: -3%;left: -5%}
.index_container .box .jz5 .tit .b{width:60%;position: absolute;bottom: 0%;right: -5%}
.index_container .box .jz6 .tit .t{width:60%;position: absolute;top: -4%;left: -5%}
.index_container .box .jz6 .tit .b{width:60%;position: absolute;bottom: 0%;right: -5%}
.index_container .box .jz7 .tit .t{width:60%;position: absolute;top: -4%;left: -5%}
.index_container .box .jz7 .tit .b{width:60%;position: absolute;bottom: 5%;right: -5%}