.index_wrap{}
.index_swiper, .index_swiper1 .swiper{width: 100%; height: 100vh; position: relative; display: block;}
.index_swiper1 .swiper .swiper1_pagination{position: fixed; top: 50%; right: 40px; z-index: 99;}
.swiper1_pagination .swiper-pagination-bullet{width: 18px; height: 18px; box-sizing: border-box; border: 1px solid #ffffff; background-color: transparent; opacity: 1;}
.swiper1_pagination .swiper-pagination-bullet-active{background: url(../images/imgl_12.png) 4px no-repeat; background-size: 8px 8px;}
.index1_list{display: block; position: relative; width: 100%; height: 100%;}
.index1_list>.img, .index1_list>video{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
.index1_list>.cont{width: 1400px; position: absolute; top: 50%; left: 50%; z-index: 99; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);}
.index1_list>.cont>.t1{font-size: 22px; color: #ffffff; line-height: 36px;}
.index1_list>.cont>.t2{font-size: 52px; font-weight: bold; color: #ffffff; line-height: normal; margin-top: 16px;}
.index1_list>.cont>.xian{width: 80px; height: 4px; background-color: #ffffff; font-size: 0; margin: 30px 0;}
.index1_list>.cont>.t3{font-size: 24px; color: #ffffff; line-height: 40px;}
.index1_list>.cont>.t4{font-size: 24px; color: #ffffff; line-height: 36px;}
.index1_list>.cont>.t5{font-size: 60px; font-weight: bold; color: #ffffff; line-height: normal; margin-top: 26px;}
.index1_list>.cont>.btnn{width: 220px; line-height: 50px; background-color: #3370ff; text-align: center; font-size: 0; margin-top: 48px;}
.index1_list>.cont>.btnn>.t{font-size: 18px; color: #ffffff; line-height: 50px;}
.index1_list>.cont>.btnn>.i{width: 19px; margin-left: 14px;}
/* 2 */
.index_swiper2{position: relative;}
.index_swiper2 .swiper_01{width: 100%; height: 100vh; position: relative; display: block;}
.index_swiper2 .swiper_01 .swiper-slide>img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
.index_swiper2 .index2_s1_scroll{bottom: 30px; width: 640px; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0);}
.index_swiper2 .index2_s1_scroll .swiper-scrollbar-drag{background-color: #3370ff;}
.index_swiper2 .swiper_02{width: 640px; height: 100px; position: absolute; bottom: 56px; left: 50%; z-index: 99; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0);}
.index_swiper2 .swiper_02 .swiper-slide>img{width: 200px; height: 100px;}

.swiper1_mask{width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 90; opacity: 0; display: none;}