*{ -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;scroll-behavior: smooth;outline: none;}
#loading{width:100%;height:100%;position:fixed;top:0;left:0;background:#000;z-index:20;font-size:18px;color:#cfd1cc;z-index:101}#loading .box{width:100%;height:1px;background:#414141;margin:0 auto;position:relative;top:50%;transform:translateY(-50%);left:0}#loading .box span{height:1px;background:#c4c4c4;position:relative;top:0;left:0;display:block}#loading .box p{font-size:16px;line-height:30px;color:silver;text-align:center}
body {background: #383838;padding-top: 40px; min-width: 1200px; max-width: 1920px; margin: 0 auto;}
.main {width:100%;height:21250px;overflow: hidden; margin: 0 auto; image-rendering: pixelated; 
	background: 
		url(../images/bg_02.jpg) no-repeat 50% 1080px,
		url(../images/bg_03.jpg) no-repeat 50% 3076px,
		url(../images/bg_04.jpg) no-repeat 50% 3976px,
		url(../images/bg_05.jpg) no-repeat 50% 5310px,
		url(../images/bg_06.jpg) no-repeat 50% 8818px,
		url(../images/bg_07.jpg) no-repeat 50% 10712px,
		url(../images/bg_08.jpg) no-repeat 50% 11546px,
		url(../images/bg_09.jpg) no-repeat 50% 13160px,
		url(../images/bg_10.jpg) no-repeat 50% 14182px,
		url(../images/bg_11.jpg) no-repeat 50% 15344px,
		url(../images/bg_12.jpg) no-repeat 50% 17318px,
		url(../images/bg_13.jpg) no-repeat 50% 18420px,
        url(../images/bg_14.jpg) no-repeat 50% 19556px}

.main .layer { width: 100%; height: 1080px; overflow: hidden; position: relative;}
.main .logo {width:228px;height:115px;top:0;left:50%;margin-left: 400px;z-index:16;background: url(../images/logo.png) no-repeat;}
.main .bgimg {width:1920px;height:100%;top:0;left:50%;margin-left:-960px;z-index:1;background: url(../images/bg_01.jpg) no-repeat;}
.main .mask {width:1920px;height:100%;top:0;left:50%;margin-left:-960px;z-index:5;background: url(../images/mask.png) no-repeat;}
.main .wire {width:1920px;height:100%;top:0;left:50%;margin-left:-960px;z-index:7;background: url(../images/wire.png) no-repeat;}
.main .slogan {width:1920px;height:100%;top:0;left:50%;margin-left:-960px;z-index:11;background: url(../images/slogan.png) no-repeat;}
.main .slogan .a-video{ display: block; width: 192px; height: 120px; top: 825px; left: 50%; margin-left: -90px; z-index: 16; background: url(../images/btn-video.png) no-repeat center top;}
.main .slogan .a-video:hover{background-position: center bottom;}
.main .npc-1 {width:1920px;height:100%;top:0;left:50%;margin-left:-960px;z-index:2;background: url(../images/npc-1.png) no-repeat;}
.main #fire{ width: 1920px; height: 800px; position: absolute; left: 50%; bottom: 0; margin-left: -960px; z-index: 6; }
.main #hd{ position: absolute; left: 0; top: 5261px;}

.main .adPic,.main .adPic li,.main .adPic img{ width: 100%;}
.main .xdCon { top:1008px; left: 50%; margin-left: -504px; width: 1064px; height: 642px;}
.main .xdCon .nextBtn,.main .xdCon .prevBtn {  display: block; width: 105px; height: 123px; background: url(../images/arrow-1.png) no-repeat 0 0; position: absolute; top: 243px; z-index: 2; text-indent: -999em; opacity: .5;}
.main .xdCon .prevBtn { background-position: 0 0; left: -90px; }
.main .xdCon .nextBtn { background-position: -105px 0; right: -86px; }
.main .xdCon .nextBtn:hover,.main .xdCon .prevBtn:hover{ opacity: 1;}
.main .lCon { top:10077px; left: 50%; margin-left: -497px; width: 624px; height: 338px; border: 1px solid #bda25a;}
.main .lCon ul,.main .lCon li,.main .lCon img { width: 624px; height: 338px; overflow: hidden;}
.main .lCon .nextBtn,.main .lCon .prevBtn {  display: block; width: 105px; height: 123px; background: url(../images/arrow-1.png) no-repeat 0 0; position: absolute; top: 100px; z-index: 2; text-indent: -999em; opacity: .5;}
.main .lCon .prevBtn { background-position: 0 0; left: -97px; }
.main .lCon .nextBtn { background-position: -105px 0; right: -94px; }
.main .lCon .nextBtn:hover,.main .lCon .prevBtn:hover{ opacity: 1;}
.main .iCon { top:9774px; left: 50%; margin-left: 338px; width: 120px; height: 68px;}
.main .dCon { top:9887px; left: 50%; margin-left: 285px; width: 229px; height: 81px;}

.main .btn-b1{ width: 273px; height: 88px; left: 50%; top: 1312px; margin-left: 286px; text-indent: -9999em; z-index: 10;}
.main .link{ width: 315px; height: 58px; left: 50%; text-indent: -9999em; z-index: 10; margin-left: -158px;}
.main .btn-b2{ top: 1861px; }
.main .btn-b3{ top: 7466px; }
.main .btn-b4{ top: 8345px; }
.main .btn-b5{ top: 18054px; }

.main .btn{width:260px;height:158px;left:50%;}
.main .btn-1{ top:5631px; margin-left: 42px;}
.main .btn-2{ top:5864px; margin-left:90px;}
.main .btn-3{ top:6244px; margin-left:-551px;}
.main .btn-4{ top:6244px; margin-left:-271px;}
.main .btn-5{ top:6244px; margin-left:9px;}
.main .btn-6{ top:6244px; margin-left:289px;}
.main .btn-7{ top:7077px; margin-left:18px;}
.main .btn-8{ top:7077px; margin-left:313px;}
.main .btn-9{ top:7267px; margin-left:-572px;}
.main .btn-10{ top:7267px; margin-left:-276px;}
.main .btn-11{ top:7267px; margin-left:18px;}
.main .btn-12{ top:7267px; margin-left:313px;}
.main .btn-13{ top:19955px; margin-left:300px;}
.main .btn-14{ top:20210px; margin-left:-418px;}

.popdiv {width:612px;display: none;}
.popdiv .pop img{ width: 100%;}
.popdiv .btn_close{width: 50px;height:50px;right:0;top:0;position: absolute;text-indent: -9999px;}

.popdiv.p2{ width: 1200px;}
.popdiv.p11,.popdiv.p21,.popdiv.p22{ width: 850px;}

.tc_s {display: none; z-index: 20; }
.tc_video,.tc_video #video {width: 1200px; height: 675px;}
.tc_video .btn_close {display: block;width: 48px;height: 48px; background: url(https://img5.tiancitycdn.com/cso/event/2026/5/cs260507act/images/btn-close.png) no-repeat; position: absolute;top: 0;right: -48px;z-index: 101;text-indent: -9999px;}