.wrap { width: 100%; height: 100%; min-width: 1200px; margin: 0 auto; position: relative; margin: 0 auto; } 
.wrap img { display: block; } 
.w1200 { width: 1200px; margin: 0 auto; position: relative; } 
img { outline: 0 none; width: 100%; } 
body { width: 100%; height: 100vh; overflow: hidden; margin: 0 auto; background: #000; font-family: Microsoft Yahei, Arial; } 


.left_bar { background: url(../images/left_bar.png) no-repeat; position: fixed; background-size: 100% 100%; width: 3.12rem; height: 100vh; z-index: 2; } 
.left_maintop { width: 2.26rem; position: absolute; left: .35rem; top: 1.4rem; } 
.left_mainbottom { width: 2.26rem; position: absolute; left: .78rem; bottom: 1.4rem; } 
.left_icon a { text-indent: -9999rem; display: block; margin-top: .45rem; } 
a.left_icon_wb { background: url(../images/left_icon.png) no-repeat; background-size:1.43rem 3.16rem; width: .8rem; height: .81rem; background-position:-.31rem 0; margin-left: .31rem; } 
a.left_icon_dy { background: url(../images/left_icon.png) no-repeat; background-size:1.43rem 3.16rem; width: .8rem; height: .81rem; background-position: -.31rem -1.25rem; margin-left: .31rem; } 
a.left_icon_bili { background: url(../images/left_icon.png) no-repeat; background-size:1.43rem 3.16rem; width: 1.43rem; height: .81rem; background-position: 0rem -2.45rem; } 



.left_play { margin-top: .58rem; } 
.left_nav_mian { position: relative; padding-top: .94rem; } 
.left_navb { background: url(../images/left_nav.png?v=2) no-repeat; background-size: 5.67rem 14rem; width: 2.25rem; height: .82rem; text-indent: -9999rem; margin-bottom: .77rem; cursor: pointer; position: relative; } 
.left_navb:nth-child(1){height: .48rem;  }
/* 1级 */
.left_navb1 { background-position: 0 0; } 
.left_navb2 { background-position: 0 -1.25rem; } 
.left_navb3 { background-position: 0 -2.81rem; } 
.left_navb4 { background-position: 0 -4.36rem; } 
.left_navb1.on { background-position: 0 -8.15rem; } 
.left_navb2.on { background-position: 0 -9.4rem; } 
.left_navb3.on { background-position: 0 -10.96rem; } 
.left_navb4.on { background-position: 0 -12.51rem; } 
.left_navb1:hover { background-position: 0 -8.15rem; } 
.left_navb2:hover { background-position: 0 -9.4rem; } 
.left_navb3:hover { background-position: 0 -10.96rem; } 
.left_navb4:hover { background-position: 0 -12.51rem; } 

/* 导航bg */
.left_nab_sbg { background: url(../images/left_nav_sbg.png) top right no-repeat; background-size: 2.96rem; width: 2.96rem; height: 4rem; position: absolute; top: -1.74rem; /* left: 2.84rem; */left: 2.2rem; display: none; padding-left:.6rem; } 
/* .left_navb2:hover .left_nab_sbg { display: block; }  */
.left_nab_navs { background: url(../images/left_nav.png?v=2) no-repeat; background-size: 5.67rem 14rem; width: 2.52rem; height: .48rem; text-indent: -9999rem; margin-bottom: .35rem; cursor: pointer; position: relative; margin-left: .34rem; } 
/* 2级 */
.left_nab_navs1 { background-position: -3.15rem 0; margin-top: .44rem; } 
.left_nab_navs2 { background-position: -3.15rem -.85rem; } 
.left_nab_navs3 { background-position: -3.15rem -1.65rem; } 
.left_nab_navs4 { background-position: -3.15rem -2.46rem; } 
.left_nab_navs1.on { background-position: -3.15rem -8.15rem; margin-top: .44rem; } 
.left_nab_navs2.on { background-position: -3.15rem -8.99rem; } 
.left_nab_navs3.on { background-position: -3.15rem -9.81rem; } 
.left_nab_navs4.on { background-position: -3.15rem -10.63rem; } 
.left_nab_navs1:hover { background-position: -3.15rem -8.15rem; margin-top: .44rem; } 
.left_nab_navs2:hover { background-position: -3.15rem -8.99rem; } 
.left_nab_navs3:hover { background-position: -3.15rem -9.81rem; } 
.left_nab_navs4:hover { background-position: -3.15rem -10.63rem; } 




.pageSwiper { width: 100%; height: 100%; } 
.bg1 { background: url(../images/main.jpg?v=1) no-repeat center top; background-size: cover; } 
.video_play { width: 9.69rem; height: 5.37rem; display: flex; justify-content: center; align-items: center; position: absolute; top: 1.04rem; left: 2.2rem; overflow: hidden; border-radius: .2rem; } 
.video_play video { width: 100%; } 
.video_play::after { content: ""; background: url(../images/btn_play.png) no-repeat; background-size: 1.12rem; width: 1.12rem; height: 1.44rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);} 


.main_slogan { width: 18.69rem; margin: 0 auto; } 
.main_tips { width: 6.48rem; margin: -.4rem auto 0; cursor: pointer; 
animation: ani_start 2s infinite linear; 
}
.centerInfos_top { width: 20rem; position: absolute; top: .66rem; left: 50%; transform: translate(-50%,0); } 
.centerInfos { width: 20rem; position: absolute; bottom: 2.98rem; left: 50%; transform: translate(-50%,0); } 
.main_video { background: url(../images/main_video.png) no-repeat; background-size: 100%; width: 14.33rem; height: 7.52rem; position: relative; margin: 0 auto; } 

.downTips { pointer-events: none; width: 4.39rem; height: 1.6rem; position: absolute; left: 50%; transform: translate(-50%,0); bottom: 0.4rem; z-index: 30; margin: 0 auto; text-indent: -9999rem; } 
.tipnotes { font-size: 0.38rem; color: #ffffff; text-align: center; margin-bottom: 0.1rem; } 
.down_animes { width: 4.39rem; height: 1.6rem; background: url(../images/bottom_tips.png) no-repeat; background-size: 100% auto; animation: moves 2s infinite linear; } 
@keyframes moves { 
 0% { 
 transform: translate(0,0); 
}
 50% { 
 transform: translate(0,0.1rem); 
}
 100% { 
 transform: translate(0,0); 
}
}
@keyframes ani_start { 
 0% { 
 transform:scale(1)
}
 50% { 
 transform:scale(0.9)
}
 100% { 
 transform:scale(1)
}

}





.bg2 { background: url(../images/bg2.jpg) no-repeat center top; background-size: cover; } 
.bg2main { width: 24.81rem; height: 17.14rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); overflow: hidden; } 
.swiper2 .swiper-slide { text-indent: -9999rem; } 

.b2_bgmain { width: 24.81rem; height: 17.14rem; position: absolute; top: 0; left: 0; } 
.b2_bgmain::after { content: ""; background: url(../images/b2_lbnav.png) no-repeat; background-size: 100%; width: 8.66rem; height: .8rem; position: absolute; top: .68rem; left: 1.04rem; } 

.b2_bgitem1 { background: url(../images/b2_lb1.png?v=1) no-repeat; background-size: 100%; width: 24.81rem; height: 17.14rem; } 
.b2_bgitem2 { background: url(../images/b2_lb2.png?v=1) no-repeat; background-size: 100%; width: 24.81rem; height: 17.14rem; } 
.b2_bgitem3 { background: url(../images/b2_lb3.png?v=1) no-repeat; background-size: 100%; width: 24.81rem; height: 17.14rem; } 
.b2_bgitem { display: none; position: relative; z-index: 2; } 
.b2_bgitem.on { display: block; } 

.b2_bgmain_nav { position: absolute; top: .56rem; left: 1.04rem; display: flex; z-index: 3; } 
.b2_bgmain_nav a { display: block; height: .8rem; text-indent: -9999rem; } 
.b2_bgmain_nav a:nth-child(1) { width: 2.73rem; } 
.b2_bgmain_nav a:nth-child(2) { width: 2.88rem; } 
.b2_bgmain_nav a:nth-child(3) { width: 2.97rem; } 

.s2_next { background: url(../images/s2btn.png) no-repeat; background-size: 100%; width: .87rem; height: 1.2rem; text-indent: -9999rem; right: 2.2rem; } 
.s2_prev { background: url(../images/s2btn.png) no-repeat; background-size: 100%; width: .87rem; height: 1.2rem; text-indent: -9999rem; transform:rotate(180deg); left: 1.33rem; } 




.bg3 { background: url(../images/bg3.jpg) no-repeat center top; background-size: cover; } 
.bg3main { background: url(../images/bg3main.png) no-repeat center top; background-size: 100%; width:19.21rem; height: 15.17rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); overflow: hidden; } 
.bg3main2 { background: url(../images/bg3main_end.png?v=1) no-repeat center top; background-size: 100%; width:38.4rem; height: 21.6rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); overflow: hidden; } 


.b3_btnshare { background: url(../images/bg3_btn.png) no-repeat center top; background-size: 100%; display: block; text-indent: -9999rem; width: 3.07rem; height: .98rem; position: absolute; bottom: 0; left: 50%; transform: translate(-50%,0); } 
.b3_btnshare2 { background: url(../images/bg3_btn.png) no-repeat center top; background-size: 100%; display: block; text-indent: -9999rem; width: 3.07rem; height: .98rem; position: absolute; top: 15.3rem; left: 20.6rem; } 


.bg4 { background: url(../images/bg4.jpg) no-repeat center top; background-size: cover; } 
.bg4main { background: url(../images/bg4main.png) no-repeat center top; background-size: 100%; width:38.4rem; height: 21.6rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); overflow: hidden; } 
.bg4main2 { background: url(../images/bg4main_end.png) no-repeat center top; background-size: 100%; width:38.4rem; height: 21.6rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); overflow: hidden; } 


.bg5 { background: url(../images/bg5.jpg) no-repeat center top; background-size: cover; } 
.bg5main { background: url(../images/bg5main.png) no-repeat center top; background-size: 100%; width:38.4rem; height: 21.6rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); overflow: hidden; } 
a.b5_btn_play { display: flex; justify-content: center; align-items: center; width: 13.3rem; height: 7.4rem; position: absolute; top: 10.31rem; left:7.67rem; overflow: hidden;  } 
a.b5_btn_play video { display: block; width: 100%; } 
a.b5_btn_play::after { content: ""; background: url(../images/btn_play.png) no-repeat; background-size: 1.12rem; width: 1.12rem; height: 1.44rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);} 

.bg6 { background: url(../images/bg6.jpg) no-repeat center top; background-size: cover; } 
.bg6main { background: url(../images/bg6main.png) no-repeat center top; background-size: 100%; width:17.49rem; height: 7.03rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); overflow: hidden; } 
.bg6main2 { background: url(../images/bg6main2.png) no-repeat center top; background-size: 100%; width:23.27rem; height: 13.14rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); overflow: hidden; } 
a.b6_btn_play { display: flex; justify-content: center; align-items: center; width: 16.19rem; height: 8.98rem; position: absolute; top: 2.87rem; left: 3.42rem; overflow: hidden; border-radius: .2rem; } 
a.b6_btn_play video { display: block; width: 100%; } 
a.b6_btn_play::after { content: ""; background: url(../images/btn_play.png) no-repeat; background-size: 1.12rem; width: 1.12rem; height: 1.44rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);} 
.bg7 { background: url(../images/bg7.jpg) no-repeat center top; background-size: cover; } 










/* pop */
.pop { 
 width: 100%; 
 height: 100%; 
 background: rgba(0,0,0,0.8); 
 position: fixed; 
 z-index: 9999; 
 top: 0; 
 left: 0; 
 display: none; 
}
.clsepops { 
 display: block; 
 width: 0.42rem; 
 height: 0.41rem; 
 background: url(../images/pop_close.png) no-repeat; 
 background-size: 100% auto; 
 position: absolute; 
 z-index: 30; 
 top: 0.4rem; 
 right: -.5rem; 
}
.sharepops .clsepops { top: 0;}
.popbgcommon .clsepops { top: 0;}

.load_mcon { width: 100%; position: absolute; left: 0; top: 50%; transform: translate(0,-50%); } 
.load_img { width: 1rem; margin: 0 auto; } 
.load_txt { width: 100%; text-align: center; font-size: .35rem; color: #fff; padding-top: 0.1rem; } 
.popbgcommon { 
  background: url(../images/pop_com.png) no-repeat; background-size: 100%; width: 8.2rem; height: 4.83rem; position: absolute; 
 top: 50%; 
 left: 50%; 
 transform: translate(-50%,-50%);
}
.pop_form { 
 position: absolute; 
 left: 50%; 
 top: 50%; 
 transform: translate(-50%, -50%); 
 z-index: 10; 
}
.videopops { 
 width: 18.18rem; 
 height: 10.61rem; 
 position: absolute; 
 top: 50%; 
 left: 50%; 
 transform: translate(-50%,-50%); 
}
.videopops img { 
 width: auto; 
 height: 100%; 
 margin: 0 auto; 
 position: relative; 
}
.videoCk { width:18rem; height: 10.12rem; position: absolute; top: .4rem; left: .09rem; overflow: hidden; display: flex; justify-content: center; align-items: center; } 
.videoCk video { width: 100%; display: block; } 

.sharepops { background: url(../images/pop_com.png) no-repeat; background-size: 100%; width: 8.2rem; height: 4.83rem; position: absolute; 
 top: 50%; 
 left: 50%; 
 transform: translate(-50%,-50%); } 
a.pop_btn_cope { display: block; text-indent: -9999rem; background: url(../images/btn_copy.png) no-repeat; background-size: 2.31rem; width: 2.31rem; height: .75rem; background-position: 0 0;  margin: 0.64rem auto 0;} 
a.pop_btn_cope:hover { background-position: 0 -1rem; } 
.pop_copy_txt{ font-size: .42rem; color: #000000; font-weight: bold; padding-top: 1.4rem; text-align: center;}

.popmessage{ font-size: .38rem; color: #000000; font-weight: bold; padding-top: 2rem; text-align: center; }