/* 首页 */

.indexkvlb1 { background: url(../images/index_lb_1_1.jpg) no-repeat; background-size: 100% 100%; width: 100%; height: 9.17rem; } 
.indexkvlb2 { background: url(../images/index_lb_1_2.jpg) no-repeat; background-size: 100% 100%; width: 100%; height: 9.17rem; } 
.indexkvlb3 { background: url(../images/index_lb_1_3.jpg) no-repeat; background-size: 100% 100%; width: 100%; height: 9.17rem; } 
.indexkvlb4 { background: url(../images/index_lb_1_4.jpg) no-repeat; background-size: 100% 100%; width: 100%; height: 9.17rem; } 
.indexkvlb5 { background: url(../images/index_lb_1_5.jpg) no-repeat; background-size: 100% 100%; width: 100%; height: 9.17rem; } 


.swiperpg1 span { width: .15rem; height: .15rem; opacity: 1; background: rgba(255, 255, 255, 0.4); margin: 0 .1rem !important; } 
.swiperpg1 span.swiper-pagination-bullet-active { border-radius: .2rem; width: .6rem; height: .15rem; opacity: 1; background: rgba(10, 102, 255, 1); } 
.swiperpg1 { height: .15rem; position: absolute; bottom: 1.3rem !important; z-index: 25; display: flex; justify-content: center; align-items: center; } 
.indexkv1_main { position: absolute; top: 5.7rem; left: 2rem;text-transform: uppercase; } 
.indexkv1_t1 { font-size: .36rem; color: #ffffff; font-weight: bold; } 

a.index_btn { display: block; background: url(../images/index_btn.png) no-repeat; background-size: 100% 100%; width: 1.18rem; height: .37rem; } 
a.index_btn p { font-size: .16rem; color: #787a7b; line-height: .37rem; padding-left: .2rem; } 
.indexkv1_main a.index_btn { margin-top: .3rem; } 


.indexbg2 { background: url(../images/index_bg2.png) no-repeat; background-size: 100% 100%; width: 100%; height: 11.71rem; margin-top: -.92rem; position: relative; z-index: 2; padding-top: 1.71rem; box-sizing: border-box; } 
.indexbg2::before { content: ""; background: url(../images/index_bg2_sj.png) no-repeat; background-size: 100% 100%; width: .8rem; height: 1.35rem; position: absolute; top: -.91rem; right: 0; } 
.indexbg2_t1 { font-size: .5rem; color: #ffffff; font-weight: bold; position: absolute; top: 1.64rem; left: 2rem; z-index: 2; } 

a.index_btn2 { display: block; background: url(../images/index_btn2.png) no-repeat; background-size: 100% 100%; width: 1.51rem; height: .37rem; position: absolute; top: 1.69rem; left: 7.1rem; z-index: 2; } 
a.index_btn2 p { font-size: .16rem; color: #787a7b; line-height: .37rem; padding-left: .15rem; } 

.index_bg2_main { width: 100%; height:100%; position: relative; margin: 0 auto; } 
.indexkv2 { width: 15.2rem; height: 7.9rem; position: relative; margin: 0 auto; } 
.indexkv2_left { background: url(../images/index_lb2_l1.png) no-repeat; background-size: 100% 100%; width: 12.56rem; height: 6.81rem; position: absolute; bottom: 0; left: 0; } 
.indexkv2_right { width: 12.1rem; height: 7.16rem; position: absolute; top: 0; right: 0; } 
.indexkv2_tx { width: 1.24rem; height: 1.24rem; } 

.indexkv2info { position: absolute; top: 1.96rem; left: .56rem; overflow: hidden; } 
.indexkv2_txt1 { font-size: .26rem; font-weight: bold; color: #ffffff; margin-top: 0.08rem; padding-left:.1rem; } 
.indexkv2_txt2 { font-size: .14rem; line-height: .24rem; width: 3.12rem; color: #cdd0d7; margin-top: 0.13rem; padding-left:.1rem; } 
.game1 .indexkv2_right { background: url(../images/index_lb2_r1.png) no-repeat; background-size: 100% 100%; } 
.game1 .indexkv2_tx { background: url(../images/index_bg2_i1.png) no-repeat; background-size: 100% 100%; } 

.game2 .indexkv2_right { background: url(../images/index_lb2_r2.png) no-repeat; background-size: 100% 100%; } 
.game2 .indexkv2_tx { background: url(../images/index_bg2_i2.png) no-repeat; background-size: 100% 100%; } 


.game3 .indexkv2_right { background: url(../images/index_lb2_r3.png) no-repeat; background-size: 100% 100%; } 
.game3 .indexkv2_tx { background: url(../images/index_bg2_i3.png) no-repeat; background-size: 100% 100%; } 

.game4 .indexkv2_right { background: url(../images/index_lb2_r4.png) no-repeat; background-size: 100% 100%; } 
.game4 .indexkv2_tx { background: url(../images/index_bg2_i4.png) no-repeat; background-size: 100% 100%; } 

.swiperpg2 { display: flex; justify-content: center; align-items: center; width: 100%; position: absolute; bottom: .3rem; left:0; z-index: 2; } 
a.btn_s_tx { display: block; width: .68rem; height: .68rem; border-radius: .2rem; overflow: hidden; margin: 0 .2rem; padding: .05rem; position: relative; } 
a.btn_s_tx::before { content: ""; width: .68rem; height: .68rem; border-radius: .13rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: rgba(0, 0, 0, 0.6); } 

a.btn_s_tx.act { border: 0.05rem solid #fff; padding:0; } 
a.btn_s_tx.act::before { display: none; } 

.indexkv2_txt1_jt { background: url(../images/index_lb2_tips2.png) no-repeat; background-size: 100% 100%; width: .37rem; height: .11rem; margin-left: .1rem; margin-top: .5rem; } 
.indexkv2_txt1_jt2 { background: url(../images/index_lb2_tips1.png) no-repeat; background-size: 100% 100%; width: 5.99rem; height: 6.77rem; position: absolute; top: .83rem; left: 1.45rem; z-index: 2; pointer-events: none; } 




.indexbg3 { background: url(../images/index_bg3.jpg) no-repeat; background-size: 100% 100%; width: 100%; height: 5.57rem; position: relative; } 
.indexbg3_main { position: absolute; top: 2.1rem; right: 2rem; } 
.indexbg3_t1 { font-size: .5rem; color: #ffffff; font-weight: bold; text-align: right;} 
.indexbg3_t2 { font-size: .18rem; color: #dededf; text-align: right; padding-right: .3rem;} 

.indexbg3_btn{ display: flex; justify-content: flex-end;  margin-top: .3rem;   margin-right: .3rem;}









/* 关于我们 */