/*reset css*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { margin:0; padding:0 } 
body,button,input,select,textarea { font:12px/1.5 '\5FAE\8F6F\96C5\9ED1','\9ed1\4f53',tahoma,'\5b8b\4f53'; } 
body { min-width: 1100px; padding-top:42px; } 
a { text-decoration:none; outline: none; } 
a:focus { outline: none; } 
button,input,select,textarea { font-size:100%; outline:none } 
table { border-collapse:collapse; border-spacing:0 } 
fieldset,img { border:0 } 
address,caption,cite,code,dfn,th,var,em,i { font-style:normal; font-weight:normal } 
b,strong { font-weight:bold; } 
caption,th { text-align:left } 
abbr,acronym { border:0; font-variant:normal } 
input,textarea,select { font-family:inherit; font-size:inherit; font-weight:inherit } 
input { background:none; border:none; outline:none; } 
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; } 
audio,canvas,video { display: inline-block; } 
ol,ul { list-style:none } 
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal } 
q:before,q:after { content:'' } 
sup { vertical-align:text-top } 
sub { vertical-align:text-bottom } 

img { vertical-align: top; } 
.hide { display:none; } 
.ti { text-indent: -999em; } 
.pr { position:relative; } 
.pa { position:absolute; } 
.fl { float:left; } 
.fr { float:right; } 
.clearfix:after { display:block; visibility: hidden; font-size:0px; content: ""; clear: both; height: 0; } 
.clearfix { zoom:1; } 
.browser-tips { background: #000; color: #f00; padding: 10px 0; text-align: center; width: 100%; font-size: 14px; } 
.browser-tips a { color:#f00; } 

html, body { -webkit-user-select: none; /* 禁止选中文本（如无文本选中需求，此为必选项） */
 user-select: none; height: 100vh; position: relative; background: #000000; } 



/*footer*/
#afooter { height:110px; padding:1px 0 0 0; background-color:#000; color:#8b8b8b; width: 100%; } 
#afooter .wrap_ieg { padding:10px 0 0 0; margin-top:10px; text-align:center; color:#8b8b8b; font-size:12px; line-height:22px; } 
#afooter a { color:#8b8b8b; } 
#afooter p.e { margin:5px 0; font-size:10px; font-family:"Tahoma"; } 
.footswiper { height: 120px; } 
 
 
body { padding-top:42px; overflow-x:hidden; /* background: #000; */ width: 100%; height: 100%; overflow: hidden; } 
.wraps { position: relative; width: 100%; min-width: 1366px; height: calc(100vh - 42px); min-height: 600px; } 
.w1200 { width:1200px; height: 100%; position:relative; margin:0 auto; z-index: 2; transform: scale(1); transform-origin: center center; } 


@keyframes anitop { 
 0% { transform:translate(0,20px); opacity:0; } 
 100% { transform:translate(0,0); opacity:1; } 
 }

.ani1,.ani2,.ani3,.ani4,.ani5,.ani6,.ani7,.ani8,.ani9 { transform:translate(0,20px); opacity:0; } 
.ani-slide .ani1 { animation:anitop 0.4s 0.5s ease forwards; } 
.ani-slide .ani2 { animation:anitop 0.4s 0.7s ease forwards; } 
.ani-slide .ani3 { animation:anitop 0.4s 0.9s ease forwards; } 
.ani-slide .ani4 { animation:anitop 0.4s 1.1s ease forwards; } 
.ani-slide .ani5 { animation:anitop 0.4s 1.3s ease forwards; } 
.ani-slide .ani6 { animation:anitop 0.4s 1.5s ease forwards; } 
.ani-slide .ani7 { animation:anitop 0.4s 1.7s ease forwards; } 
.ani-slide .ani8 { animation:anitop 0.4s 1.9s ease forwards; } 
.ani-slide .ani9 { animation:anitop 0.4s 2.1s ease forwards; } 


@keyframes anibtm { 
 0% { transform:translate(0,-20px); opacity:0; } 
 100% { transform:translate(0,0); opacity:1; } 
 }
 
 .bani1,.bani2,.bani3,.bani4,.bani5,.bani6,.bani7,.bani8,.bani9 { transform:translate(0,-20px); opacity:0; } 
 .ani-slide .bani1 { animation:anibtm 0.4s 0.5s ease forwards; } 
 .ani-slide .bani2 { animation:anibtm 0.4s 0.7s ease forwards; } 
 .ani-slide .bani3 { animation:anibtm 0.4s 0.9s ease forwards; } 
 .ani-slide .bani4 { animation:anibtm 0.4s 1.1s ease forwards; } 
 .ani-slide .bani5 { animation:anibtm 0.4s 1.3s ease forwards; } 
 .ani-slide .bani6 { animation:anibtm 0.4s 1.5s ease forwards; } 
 .ani-slide .bani7 { animation:anibtm 0.4s 1.7s ease forwards; } 
 .ani-slide .bani8 { animation:anibtm 0.4s 1.9s ease forwards; } 
 .ani-slide .bani9 { animation:anibtm 0.4s 2.1s ease forwards; } 
 







.swiper-container.swiper-container_page { width: 100%; height:100%; margin: 0; overflow: hidden; position: relative; } 



@keyframes anibottom { 25% { transform:translate(0,-10px); } 
 50%, 100% { transform:translate(0,0); } 
 75% { transform:translate(0,10px); } 
 }
 @keyframes arrbtm { 
 0% { opacity:0; } 
 100% { opacity:1; } 
 }

.arrbottom { animation: anibottom 2s linear infinite; } 
.arrbtm { transition:all 0.4s 1.3s ease; opacity:0; position: absolute; bottom: 10px; left:50%; transform: translate(-50%,0); z-index: 10; cursor: pointer; animation:arrbtm 0.4s 2s ease forwards; } 


.wrap_ani .arrbtm { opacity:1; } 

.w_ani { opacity: 0; transition:all 0.8s 0s ease; transform: scale(1.1); } 
.ani-slide .w_ani { opacity: 1; transform: scale(1); } 
.imgcenter img { display: block; margin: 0 auto; } 

.part_cont { width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } 

.bgscreen { background-size: 100%; } 





.swiper-pagination-wrap-c { position: relative; text-align: center; width: 100%; margin-top: 18px; } 
.swiper-pagination-wrap-c span { display: inline-block; width: 85px; height: 9px; border-radius: 0; background-position: -116px -38px; opacity: 1; margin: 0 4px; } 
.swiper-pagination-wrap-c span.swiper-pagination-bullet-active { background-position: -209px -38px; } 




.p_abs { position: absolute; top: 0; left: 0; width: 100%; } 
.p_abs img { display: block; margin: 0 auto; } 
.p_rel { position: relative; margin: 0 auto; display: flex; justify-content: center; } 



p.tit_txt { font-size: 24px; color: #ffffff; text-align: center; margin-top: 10px; } 

.swiper-button-next { background: url(//game.gtimg.cn/images/tiantang/act/a20240521web/btn_next.png) no-repeat !important; width: 42px; height: 70px; right: 0 !important; top: 50%; transform: translate(0,-50%); } 
.swiper-button-prev { background: url(//game.gtimg.cn/images/tiantang/act/a20240521web/btn_prev.png) no-repeat !important; width: 42px; height: 70px; left: 0 !important; top: 50%; transform: translate(0,-50%); } 



/* body */




.hidden { display: none !important; } 
/*w1 背景 */
.p1_bg { background:url(//game.gtimg.cn/images/tiantang/act/a20240521web/p1_bg.jpg) no-repeat; background-size: 100%; width: 100%; height: 100%; } 
/* .kv_video_bg.w1bg { background: url(//game.gtimg.cn/images/tiantang/act/a20240521web/part1_bg.jpg) center top no-repeat; width: 100%; height: 100%; } */
.pa_cent1 { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 1200px; height: 700px; } 
.pa_cent1_main { width: 486px; height: 411px; margin: 0 auto; position: relative; top: 50%; transform: translate(0,-50%); } 
.pa_cent1_main img { width: 100%; } 
 

.p1_t1 { transition:all 0.4s 0.5s ease; transform:translate(0,20px); opacity:0; } 
.wrap_ani .p1_t1 { transform:translate(0,0); opacity:1; } 
.p1_t2 { transition:all 0.4s 0.7s ease; transform:translate(0,20px); opacity:0; } 
.wrap_ani .p1_t2 { transform:translate(0,0); opacity:1; } 
.p1_t3 { transition:all 0.4s 0.9s ease; transform:translate(0,20px); opacity:0; } 
.wrap_ani .p1_t3 { transform:translate(0,0); opacity:1; } 

.main-nav { transition:all 0.4s 0.9s ease; opacity:0; } 
.wrap_ani .main-nav { transform:translate(0,0); opacity:1; } 

.wraplogo { transition:all 0.4s 0.9s ease; opacity:0; } 
.wrap_ani .wraplogo { transform:translate(0,0); opacity:1; } 

.nav_bars { transition:all 0.4s 0.9s ease; opacity:0; } 
.wrap_ani .nav_bars { opacity:1; } 


a.p1_links { display: block; text-indent: -9999px; width: 306px; height: 70px; position: absolute; bottom: 0; left: 50%; transform: translate(-50%,0); } 



/*w2 背景 */
.p2_bg { background:none; background-size: 100%; width: 100%; height: 100%; } 
.pa_cent2 { position: absolute; top: 50%; transform: translate(0,-50%); left: 0; width: 1200px; height: 800px; } 

.p2_box { width: 100%; height: 100%; position: relative; display: flex; background: #fff; } 
.p2_box_i { width: 50%; height: 100%; cursor: pointer; } 
.p2_box_i:nth-child(2) { background: #f00; } 

.p2_box_i { transition: all var(--speed) ease-in-out; position: absolute; width: 50%; height: 100%; overflow: hidden; } 
.p2_box_i.p2_box_i_left { left: 0; background: url(//game.gtimg.cn/images/tiantang/act/a20240521web/p2_sqs.jpg) no-repeat 50% 0; background-repeat: no-repeat; background-size: auto; background-repeat: no-repeat; background-size: cover; } 
.p2_box_i.p2_box_i_right { right: 0; background: url(//game.gtimg.cn/images/tiantang/act/a20240521web/p2_em.jpg) no-repeat 50% 0; background-repeat: no-repeat; background-size: auto; background-repeat: no-repeat; background-size: cover; } 


:root { --hover-width: 75%; --other-width: 25%; --speed: 1000ms; } 

.p2_box_i.p2_box_i_left::before ,.p2_box_i.p2_box_i_right::before { transition: all var(--speed) ease-in-out; } 
.p2_box_i.p2_box_i_left::before ,p2_box_i.p2_box_i_right::before { content: ""; position: absolute; width: 100%; height: 100%; } 

 .i_left .p2_box_i_left { width:var(--hover-width); } 
 .i_left .p2_box_i_right { width:var(--other-width); } 

 .i_right .p2_box_i_right { width:var(--hover-width); } 
 .i_right .p2_box_i_left { width:var(--other-width); } 


 .p2_main { width: 540px; margin: 0 auto; position: relative; height: 400px; top: 50%; left: 50%; margin-top: -200px; margin-left: -270px; } 
 .p2_main img { display: table; margin: 0 auto 12px; } 
 

 @keyframes ani_w2_f { 
 0% { transform: scale(0.1); transform-origin: center
 center; filter:blur(3px) grayscale(100%) opacity(.8); } 
 100% { transform: scale(1); filter:blur(0) grayscale(0) opacity(1); } 
 }

.p2_main img { filter:blur(3px) grayscale(100%) opacity(.8); transform: scale(0.1); transform-origin: center
 center; } 
.ani-slide .p2_main img { animation:ani_w2_f 0.8s 0.5s ease forwards; } 




/*w3 背景 */
.p3_bg { background: url(//game.gtimg.cn/images/tiantang/act/a20240521web/p3_bg.jpg) center top no-repeat; background-size: 100%; width: 100%; height: 100%; } 
.pa_cent3 { position: absolute; top: 50%; transform: translate(0,-50%); left: 0; width: 1200px; height: 800px; } 

.p3_nav { background: url(//game.gtimg.cn/images/tiantang/act/a20240521web/p3_t2.png) no-repeat; width: 471px; height: 61px; margin: 0 auto; display: flex; justify-content: center; align-items: center; } 
.p3_nav a { display: block; position: relative; } 
.p3_nav a p { font-size: 18px; color: #7e7761; padding: 10px 20px; margin: 0 10px; position: relative; z-index: 2; transition:all 0.4s 0s ease; } 
.p3_nav a.act p { color: #fbf9f6; text-shadow: 0 0 5px #e8bc5f,0 0 10px #e8bc5f; } 
.p3_nav a.act::after { content: ""; background: url(//game.gtimg.cn/images/tiantang/act/a20240521web/p3_t2_act.png) no-repeat; width: 113px; height: 59px; position: absolute; top: 22px; left: -10px; } 


.p3_nav_box { display: none; } 
.p3_nav_box.act { display: block; } 



.pa_sqsbg { background: url(//game.gtimg.cn/images/tiantang/act/a20240521web/p3_bg_sqs.png) no-repeat; width: 461px; height: 496px; position: absolute; top: 32%; left: 50%; transform: translate(-50%,-50%); } 

.videobox { width: 686px; height: 386px; background: #000; position: relative; margin: 0 auto; } 

.jian_box { display: flex; } 
.jian_box_i { display: block; width: 311px; height: 564px; position: relative; } 
.jian_box_i_pa { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } 



.jian_box_i_pa.j1 ,.jian_box_i_pa.j3 { opacity: 0; transition:all 0.4s 0.1s ease; } 

.jian_box_i.act .jian_box_i_pa.j1 { opacity: 1; } 
.jian_box_i.act .jian_box_i_pa.j3 { opacity: 1; } 

.dajian1 { background: url(//game.gtimg.cn/images/tiantang/act/a20240521web/p3_jian_1.png) no-repeat; width: 100%; height: 100%; transition:all 0.4s 0.1s ease; transform: scale(.9); } 
.jian_box_i.act .dajian1 { background: url(//game.gtimg.cn/images/tiantang/act/a20240521web/p3_jian_1_act.png) no-repeat; width: 100%; height: 100%; transform: scale(1); } 
.dajian2 { background: url(//game.gtimg.cn/images/tiantang/act/a20240521web/p3_jian_2.png) no-repeat; width: 100%; height: 100%; transition:all 0.4s 0.1s ease; transform: scale(.9); } 
.jian_box_i.act .dajian2 { background: url(//game.gtimg.cn/images/tiantang/act/a20240521web/p3_jian_2_act.png) no-repeat; width: 100%; height: 100%; transform: scale(1); } 

/*w4 背景 */
.p4_bg { background: url(//game.gtimg.cn/images/tiantang/act/a20240521web/p4_bg.jpg) center top no-repeat; background-size: 100%; width: 100%; height: 100%; } 
.pa_cent4 { position: absolute; top: 50%; transform: translate(0,-50%); left: 0; width: 1200px; height: 800px; } 

.p4_nav { background: url(//game.gtimg.cn/images/tiantang/act/a20240521web/p3_t2.png) no-repeat; width: 471px; height: 61px; margin: 0 auto; display: flex; justify-content: center; align-items: center; } 
.p4_nav a { display: block; position: relative; } 
.p4_nav a p { font-size: 18px; color: #7e7761; padding: 10px 20px; margin: 0 20px; position: relative; z-index: 2; transition:all 0.4s 0s ease; } 
.p4_nav a.act p { color: #fbf9f6; text-shadow: 0 0 5px #e8bc5f,0 0 10px #e8bc5f; } 
.p4_nav a.act::after { content: ""; background: url(//game.gtimg.cn/images/tiantang/act/a20240521web/p3_t2_act.png) no-repeat; width: 113px; height: 59px; position: absolute; top: 22px; left: -10px; } 


.p4_nav_box { display: none; height: 348px; } 
.p4_nav_box.act { display: block; } 







/*w5 背景 */
.p5_bg { background: url(//game.gtimg.cn/images/tiantang/act/a20240521web/p5_bg.jpg) center top no-repeat; background-size: 100%; width: 100%; height: 100%; } 
.pa_cent5 { position: absolute; top: 50%; transform: translate(0,-50%); left: 0; width: 1200px; height: 800px; } 








 /*w6 背景 */
.p6_bg { background: url(//game.gtimg.cn/images/tiantang/act/a20240521web/p6_bg.jpg) center top no-repeat; background-size: 100%; width: 100%; height: 100%; } 
.pa_cent6 { position: absolute; top: 50%; transform: translate(0,-50%); left: 0; width: 1200px; height: 800px; } 


 /*w7 背景 */
 .p7_bg { background: url(//game.gtimg.cn/images/tiantang/act/a20240521web/p7_bg.jpg) center top no-repeat; background-size: 100%; width: 100%; height: 100%; } 
 .pa_cent7 { position: absolute; top: 50%; transform: translate(0,-50%); left: 0; width: 1200px; height: 800px; } 
 
 .p7_nav_box { display: none; } 
 .p7_nav_box.act { display: block; } 

 .p7_nav { display: flex; justify-content: center; } 
 .p7_nav a { display: block; text-indent: -9999px; width:300px; height: 59px; background: url(//game.gtimg.cn/images/tiantang/act/a20240521web/p7_nav.png) no-repeat; margin: 0 20px; } 
 .p7_nav a:nth-child(1) { background-position: 0 0; } 
 .p7_nav a:nth-child(2) { background-position: -339px 0; } 
 .p7_nav a:nth-child(3) { background-position: -679px 0; } 
 .p7_nav a.act:nth-child(1) { background-position: 0 -80px; } 
 .p7_nav a.act:nth-child(2) { background-position: -339px -80px; } 
 .p7_nav a.act:nth-child(3) { background-position: -679px -80px; } 



.p7_time { font-size: 18px; color: #000000; text-align: center; text-shadow: 0 0 5px #b9ddea,0 0 10px #fff; } 


 /*w8 背景 */
 .p8_bg { background: url(//game.gtimg.cn/images/tiantang/act/a20240521web/p8_bg.jpg) center top no-repeat; background-size: 100%; width: 100%; height: 100%; } 
 .pa_cent8 { position: absolute; top: 50%; transform: translate(-50%,-50%); left: 50%; width: 1663px; height: 800px; } 

 .p8_btn { display: flex; position: absolute; top: 612px; width: 1174px; left: 50%; transform: translate(-50%,0); justify-content: space-between; } 
 .p8_btn a { display: block; text-indent: -9999px; background: url(//game.gtimg.cn/images/tiantang/act/a20240521web/p8_btn.png) no-repeat; width: 224px; height: 69px; } 
 .p8_btn a:nth-child(1) { background-position: 0 0; } 
 .p8_btn a:nth-child(2) { background-position: -238px 0; } 
 .p8_btn a:nth-child(3) { background-position: -476px 0; } 
 .p8_btn a:nth-child(4) { background-position: -714px 0; } 
 .p8_btn a:nth-child(5) { background-position: -950px 0; } 


 /*w9 背景 */
 .p9_bg { background: url(//game.gtimg.cn/images/tiantang/act/a20240521web/p9_bg.jpg) center top no-repeat; background-size: 100%; width: 100%; height: 100%; } 
 .pa_cent9 { position: absolute; top: 50%; transform: translate(-50%,-50%); left: 50%; width: 1663px; height: 800px; } 
.p9_txt { font-size: 14px; color: #c0b5a5; text-align: center; } 



.mt20 { margin-top: 20px; } 
.mt40 { margin-top: 40px; } 
.mt60 { margin-top: 60px; } 


.kv_video { width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; display: none; } 
.kv_video.act { display: block; } 
.kv_video video { display: block; width: 100%; position: absolute; left: 50%; transform: translate(-50%,0); } 


.kv_video_bg { width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; display: block; } 
.kv_video_bg video { display: block; width: 100%; position: absolute; left: 50%; transform: translate(-50%,0); } 





@media screen and (max-width: 1920px){
 .w1200 { transform: scale(.9); transform-origin: center center; } 
 .jn_nav a { transform: scale(.9); transform-origin: center center; } 
.p4_rw { transform: scale(.9); transform-origin: bottom right; } 
.p7_rw_1 { transform: scale(.9); transform-origin: center left; } 
.p7_rw_2 { transform: scale(.9); transform-origin: bottom right; } 

.p0_banner { transform:translate(0,-50%) scale(.9); transform-origin: center right; } 
 }


@media screen and (max-width: 1800px){
 .bgscreen { background-size: 1940px; } 
.kv_video video { display: block; width: 1800px; } 
.kv_video_bg video { width: 1800px; } 



.w1200 { transform: scale(.9); transform-origin: center center; } 
 
.page_menu ul { transform: scale(.9); } 

 
.pop_form { transform: translate(-50%,-50%) scale(.9); } 
 }

@media screen and (max-width: 1600px){
 .w1200 { transform: scale(.7); transform-origin: center center; } 
 .jn_nav a { transform: scale(.7) !important; transform-origin: center center; } 
/* .p2_rw { transform:translate(0,-50%) scale(.8); transform-origin:50% 50%; } */
.p4_rw { transform: scale(.7); transform-origin: bottom right; } 
.p7_rw_1 { transform: scale(.7); transform-origin: center left; } 
.p7_rw_2 { transform: scale(.7); transform-origin: bottom right; } 

.pop_form { transform: translate(-50%,-50%) scale(.7); } 

.p0_banner { transform:translate(0,-50%) scale(.7); transform-origin: center right; } 
 }


.kv_video_bg { display: block; } 
.p1_bg .kv_video_bg { display: block; } 
.p3_bg .kv_video_bg { display: block; } 
.jn_bg .kv_video_bg { display: block; } 


.t2_logo { background: url(//game.gtimg.cn/images/tiantang/act/a20240521web/tian2_logo.png) no-repeat; width: 189px; height: 65px; position: absolute; top: 30px; left: 300px; } 


