@charset "utf-8";
body {background: #fafff9;}
.topM {z-index:9999!important;}
#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}

#wrap{position:relative;width:100%;overflow:hidden;min-width:1200px;max-width:2560px;margin:0 auto;}

.section {width: 100%; position: relative;}
.section .logo{ display: block; position: absolute; width: 150px; height: 103px; top: 20px; left: calc(50% - 1300px / 2); z-index: 30; background: url(https://img1.tiancitycdn.com/project5/fs2/event/2020/fs200817/images/logo.png) no-repeat; background-size: 150px 103px; filter: drop-shadow(2px 4px 6px black);}
.section .a_audio { display: block; background: url(../images/a_audio.png) no-repeat; width: 80px; height: 218px; position: absolute; top: 295px; left: calc(50% - -350px / 2); z-index: 16; filter: drop-shadow(2px 2px 4px #333);}
.section .a_audio:hover {filter: brightness(1.1);}
.section .p-ball { display: block; background: url(../images/ball.png) no-repeat; width: 114px; height: 114px; position: absolute; top: 672px; left: calc(50% - 78px / 2); z-index: 14; animation: spinning 8s linear infinite;}
.section .a-pv {display: block; background: url(../images/play.png) no-repeat; width: 114px; height: 114px; position: absolute; top: 672px; left: calc(50% - 78px / 2); z-index: 15;}




#section1 {width: 100%; height: 100%; position:relative; z-index: 15; /*margin-top: -280px;*/}
#section1 .c1 { position: relative; overflow: hidden; z-index: 18;
  background: 
  url(../images/bg_02.jpg) no-repeat 50% 0,
  url(../images/bg_03.jpg) no-repeat 50% 2524px,
  url(../images/bg_04.jpg) no-repeat 50% 5706px,
  url(../images/bg_05.jpg) no-repeat 50% 8630px,
  url(../images/bg_06.jpg) no-repeat 50% 10542px,
  url(../images/bg_07.jpg) no-repeat 50% 11930px,
  url(../images/bg_08.jpg) no-repeat 50% 13052px,
  url(../images/bg_09.jpg) no-repeat 50% 14430px;
}
#section1 .c1 .pc1 {width: 1200px; height: 2524px; margin: 0 auto;}
#section1 .c1 .pc2 {width: 1200px; height: 3182px; margin: 0 auto;}
#section1 .c1 .pc3 {width: 1200px; height: 2924px; margin: 0 auto;}
#section1 .c1 .pc4 {width: 1200px; height: 1912px; margin: 0 auto;}
#section1 .c1 .pc5 {width: 1200px; height: 1388px; margin: 0 auto;}
#section1 .c1 .pc6 {width: 1200px; height: 1122px; margin: 0 auto;}
#section1 .c1 .pc7 {width: 1200px; height: 1378px; margin: 0 auto;}
#section1 .c1 .pc8 {width: 1200px; height: 1870px; margin: 0 auto;}


#section0 {height: 1200px; position:relative; margin: 0 auto; overflow: hidden;}
#section0 .c000 {width: 2560px; height: 1200px; margin-left: -1280px; background: url(../images/bg_head0.jpg) no-repeat center top; position:absolute; top: 0; left:50%; z-index: 16;}

#section0 .bg2 { background: url(../images/bg_head2.png) no-repeat; width: 1920px; height: 1200px; position: absolute; top: 0; left: calc(50% - 1920px / 2); z-index: 6;}
#section0 .bg2 { transform: scale(1.5); opacity: 0; filter: blur(10px);}
.load_complate #section0 .bg2 { opacity: 1; filter: blur(0); transform: scale(1) translateX(0); transition: all 1s ease;}
.load_complate #section0 .bg2 { transition-delay: .3s;}




.popdiv { display: none; -webkit-box-sizing: border-box; box-sizing: border-box;}
.popdiv#layerVideo { width: 906px; height: 543px; }
.popdiv#layerVideo .close { text-indent: -999em; position: absolute; cursor: pointer; z-index: 2; right: -70px; top: 0; background: url(../images/btn_close.png); width: 60px; height: 60px;}
.popdiv#layerVideo #video { width: 100%; /* height: 100%; */ /* -o-object-fit: cover; */ /* object-fit: cover; */}


/* 旋转效果 (Spinning/Rotation) */
@keyframes spinning {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.quick {display: none;position: fixed;z-index: 18;right: 10px;bottom: 184px; width: 310px; background: url(../images/sNavbg.png) no-repeat; width: 240px; height: 530px;}
.quick a {display: block;width: 240px;height: 58px;}
.quick a.q-a1:hover,.quick a.q-a1.on {background: url(../images/sNavbg.png) no-repeat -240px 0px;}
.quick a.q-a2:hover,.quick a.q-a2.on {background: url(../images/sNavbg.png) no-repeat -240px -58px;}
.quick a.q-a3:hover,.quick a.q-a3.on {background: url(../images/sNavbg.png) no-repeat -240px -116px;}
.quick a.q-a4:hover,.quick a.q-a4.on {background: url(../images/sNavbg.png) no-repeat -240px -174px;}
.quick a.q-a5:hover,.quick a.q-a5.on {background: url(../images/sNavbg.png) no-repeat -240px -232px;}
.quick a.q-a6:hover,.quick a.q-a6.on {background: url(../images/sNavbg.png) no-repeat -240px -290px;}
.quick a.q-a7:hover,.quick a.q-a7.on {background: url(../images/sNavbg.png) no-repeat -240px -348px;}
.quick a.q-a8:hover,.quick a.q-a8.on {background: url(../images/sNavbg.png) no-repeat -240px -406px;}
.quick a.top:hover,.quick a.top.on {background: url(../images/sNavbg.png) no-repeat -240px -464px;}



.ul_nav_a { display: flex; width: 410px; height: 114px; position: absolute; font-size: 24px; color: #fff; z-index: 18; background: url(../images/nav.png) no-repeat; justify-content: center; align-items: center; line-height: 34px; text-align: center; padding-top: 26px; font-weight: bold; text-shadow: 4px 4px 4px #000;}
.ul_nav-a1 {top: 750px; left: calc(50% - 1782px/2);}
.ul_nav-a2 {top: 880px; left: calc(50% - 1090px/2);}
.ul_nav-a3 {top: 880px; left: calc(50% - 258px/2);}
.ul_nav-a4 {top: 880px; left: calc(50% - -574px/2);}
.ul_nav-a5 {top: 696px; left: calc(50% - -1000px/2); font-size: 40px;}
.ul_nav_a:hover { background-position: 0 -140px; color: #000; text-shadow: 4px 4px 4px #fff;}



.tc_s {display: none; z-index: 20; }
.tc_video,.tc_video #video {width: 1200px; height: 675px;}
.tc_video .close_btn {display: block;width: 43px;height: 43px; background: url(https://img1.tiancitycdn.com/project5/fs2/event/2020/fs201217cs/images/btn_close.jpg) no-repeat; position: absolute;top: 0;right: -45px;z-index: 101;}


/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar
{
    width: 8px;
    height: 8px;
}
 
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track
{
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
    /*border-radius: 10px;*/
    background: #000;
}
 
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
    /*border-radius: 10px;*/
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
    background: #fff;
}