/*公用*/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
body, button, input, select, textarea { font-size: 12px; font-family: "Microsoft Yahei",arial; }
em, strong, th, i { font-style: normal; font-weight: normal; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
a { text-decoration: none; cursor: pointer; outline: none; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul, li { list-style: none; }
fieldset, img { border: 0; }
input, select, textarea { outline: none; border: none; background: none; }
textarea { resize: none; }
html body { background: #0d0f0e; width: 100%;}
/* .none {display: none!important;} */
.noclick{pointer-events: none;}

.logo{display: block;position: absolute;width: 130px;height: 90px;top: 20px;left: 150px; z-index: 15; background: url(https://img1.tiancitycdn.com/project5/fs2/event/2020/fs200817/images/logo.png) no-repeat; background-size: 130px 90px;}
/*.snk {display: block; position: absolute; width: 138px; height: 38px; top: 45px; left: 110px; z-index: 10; background: url(../images/snk.png) no-repeat;}*/


.nav_s {position: fixed; bottom: 183px; right: 0; z-index: 20; overflow: hidden;display: none; background: url(../images/item/nav.png) no-repeat; width: 191px; height: 566px;}
.nav_s ul {overflow: hidden;}
.nav_s ul li {}
.nav_s ul li a {display: block; width: 191px; height: 62px;}
.nav_s ul li a.nav_a1_h,.nav_s ul li a.nav_a1:hover {background: url(../images/item/nav.png) no-repeat -191px 0;}
.nav_s ul li a.nav_a2_h,.nav_s ul li a.nav_a2:hover {background: url(../images/item/nav.png) no-repeat -191px -62px;}
.nav_s ul li a.nav_a3_h,.nav_s ul li a.nav_a3:hover {background: url(../images/item/nav.png) no-repeat -191px -124px;}
.nav_s ul li a.nav_a4_h,.nav_s ul li a.nav_a4:hover {background: url(../images/item/nav.png) no-repeat -191px -186px;}
.nav_s ul li a.nav_a5_h,.nav_s ul li a.nav_a5:hover {background: url(../images/item/nav.png) no-repeat -191px -248px;}
.nav_s ul li a.nav_a6_h,.nav_s ul li a.nav_a6:hover {background: url(../images/item/nav.png) no-repeat -191px -310px;}
.nav_s ul li a.nav_a7_h,.nav_s ul li a.nav_a7:hover {background: url(../images/item/nav.png) no-repeat -191px -372px;}
.nav_s ul li a.nav_a8_h,.nav_s ul li a.nav_a8:hover {background: url(../images/item/nav.png) no-repeat -191px -434px;}
/*.nav_s ul li a.go_top:hover {background: url(../images/nav.png) no-repeat -191px -594px;}*/


/* background */
/*.wrapper { z-index: 1; overflow: hidden; text-align: left; zoom: 1; position:relative;min-width:1280px; margin-top: 40px}*/
#wrapper {position:relative;width:100%;overflow:hidden;min-width:1280px;max-width:2560px;margin:40px auto 0;}
/*.bg { left: 50%; top: 0; width: 1920px; margin-left: -960px; z-index: -1; zoom: 1}
.bg_01 { height: 1080px}
.bg_02 {background: url(../images/bg_body.jpg) no-repeat; height: 1080px}
.bg_03 {background: url(../images/bg_body.jpg) no-repeat; height: 1080px}*/

.section {width: 100%; position: relative;}

.section0 {background: url(../images/bg_head.jpg) no-repeat center top; height: 900px; position:relative;}
.section0 .c1 {width: 1200px; margin: 0 auto; position: relative; padding-top: 760px;}
.d_wz {padding-top: 428px}
.bt_wz {background: url(../images/btn_solgan.png) no-repeat; width: 662px; height: 245px; margin: 0 auto; position: relative; z-index: 5;}

.section1 {background: url(../images/item/bg_main1.jpg) no-repeat center top; height: 1250px; position:relative; z-index:5;}
.section1 .c1 {width: 1200px; margin: 0 auto; position: relative;}

.section2 {background: url(../images/item/bg_main2.jpg) no-repeat center top; height: 750px; position:relative; z-index:5;}
.section2 .c1 {width: 1200px; margin: 0 auto; position: relative;}

.section3 {background: url(../images/item/bg_main3.jpg) no-repeat center top; height: 720px; position:relative; z-index:5;}
.section3 .c1 {width: 1200px; margin: 0 auto; position: relative;}

.section4 {background: url(../images/item/bg_main4.jpg) no-repeat center top; height: 800px; position:relative; z-index:5;}
.section4 .c1 {width: 1200px; margin: 0 auto; position: relative;}

.section5 {background: url(../images/item/bg_main5.jpg) no-repeat center top; height: 750px; position:relative; z-index:5;}
.section5 .c1 {width: 1200px; margin: 0 auto; position: relative;}

.section6 {background: url(../images/item/bg_main6.jpg) no-repeat center top; height: 1200px; position:relative; z-index:5;}
.section6 .c1 {width: 1200px; margin: 0 auto; position: relative;}

.section7 {background: url(../images/item/bg_main7.jpg) no-repeat center top; height: 750px; position:relative; z-index:5;}
.section7 .c1 {width: 1200px; margin: 0 auto; position: relative;}

.section8 {background: url(../images/item/bg_main8.jpg) no-repeat center top; height: 880px; position:relative; z-index:5;}
.section8 .c1 {width: 1200px; margin: 0 auto; position: relative;}

.section7 .c1 .t1 ul {overflow: hidden; padding: 304px 0 0 8px;}
.section7 .c1 .t1 ul li {float: left;}
.section7 .c1 .t1 ul li p.p_img {width: 194px;height: 341px;margin-right: 54px;}
.p_img1 {background: url(../images/item/1.gif) no-repeat; background-size: 194px 341px;}
.p_img2 {background: url(../images/item/2.gif) no-repeat; background-size: 194px 341px;}

/*.hd_move1 {animation:hm1 .7s forwards;}
@keyframes hm1 {
  0%   {left:-1920px;}
  100% {left:0;}
}
.hd_move2 {animation:hm2 .7s forwards;}
@keyframes hm2 {
  0%   {right:-1920px;}
  100% {right:0;}
}*/


/*.section1 .d_btn {width: 1036px; height: 68px; padding-top: 40px; margin: 0 auto;}
.section1 .d_btn ul {overflow: hidden; width: 1036px; height: 68px;}
.section1 .d_btn ul li {float: left;}
.section1 .d_btn ul li a {display: block;}
.section1 .d_btn ul li a {width: 207px; height: 68px; background: url(../images/btn_nav.png) no-repeat; background-size: 1036px 136px;}
.section1 .d_btn ul li a.a1 {background-position: 0px -68px;}
.section1 .d_btn ul li a.a1:hover {background-position: 0px 0px;}
.section1 .d_btn ul li a.a2 {background-position: -207px -68px;}
.section1 .d_btn ul li a.a2:hover {background-position: -207px 0px;}
.section1 .d_btn ul li a.a3 {background-position: -414px -68px;}
.section1 .d_btn ul li a.a3:hover {background-position: -414px 0px;}
.section1 .d_btn ul li a.a4 {background-position: -621px -68px;}
.section1 .d_btn ul li a.a4:hover {background-position: -621px 0px;}
.section1 .d_btn ul li a.a5 {background-position: -828px -68px;}
.section1 .d_btn ul li a.a5:hover {background-position: -828px 0px;}*/

/*.section1 a.a_video {display: block; width: 120px; height: 110px; position: absolute; top: 0; right: 55px; z-index: 10;}*/

/*.tc {display: none; z-index: 100; height: 800px;}*/

/*.tc_video,.tc_video #video {width: 800px; height: 450px;}*/
/*.tc_video .close_btn {display: block;width: 43px;height: 43px; background: url(../images/btn_close.jpg) no-repeat; position: absolute;top: 0;right: -45px;z-index: 101;}*/

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

.gray { 
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    
    filter: grayscale(100%);
	
    filter: gray;
	
	cursor: default;
  color: gray!important;
}


.load {display: none; background: #fff; height: 100%; overflow: hidden; position: fixed; top: 0; left: 0; width: 100%; z-index: 9999;}
.load .load_s {
  position: absolute;
  width:100px;
  height: 50px;
  top:50%;
  left:50%;
  margin-left:-50px;
  margin-top:-25px;
  text-align: center;
}
.load .load_img {background: url(https://img1.tiancitycdn.com/project5/fs2/event/2021/fs210311/images/load.gif) no-repeat; width: 32px; height: 32px; margin: 0 auto;}
.load .load_num_b {font-size: 20px; font-weight: bold; padding: 5px 0}

.stroke {text-shadow: #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0;}

/*.topVid {width:1920px; height: 1080px;display: block; position: absolute; top: 0px; left: 50%; margin-left: -960px; pointer-events: none;overflow: hidden; z-index: 2}*/

.tc {display: none; z-index: 10; }
.tc_1 .content {width:956px; height: 850px; overflow-y: auto; overflow-x:hidden;}
.tc_1 .content_1 {width:956px; height: 1931px; background: url(../images/event/tc1.jpg) no-repeat;}
.tc_1 .close_btn {display: block;width: 58px;height: 58px;position: absolute;top: 0;right: -58px;z-index: 101;background: url(../images/event/btn_close.jpg) no-repeat;}
/*.a_tc1 {display: block; width: 250px; height: 100px; position: absolute; top: 412px; left: 38px}*/


/*.section1 .p1 {width: 690px; height: 57px; margin: 10px auto 0; position: relative; z-index: 10;}*/
/*.section1 .p1 .bt {background: url(../images/bg_djs.png) no-repeat; width: 155px; height: 56px;}*/
/*.section1 .p1 p {float: left;}*/

/*.section1 .p2 {background: url(../images/btn_bs.png) no-repeat; width: 413px; height: 56px; margin: 30px auto 0; position: relative; z-index: 10;}*/

/*.a_l,.a_r {display: block; width: 205px; height: 76px; border: 0px solid; position: absolute; top: 470px; z-index: 10}
.a_l {left: 0; background: url(../images/btn_left.png) no-repeat;}
.a_r {right: 0; background: url(../images/btn_right.png) no-repeat;}*/


/*.topVid {width:1920px; height: 1080px;display: block; position: absolute; top: 0px; left: 50%; margin-left: -960px; pointer-events: none;overflow: hidden; z-index: 2}*/



.mp3-btn {
    width:51px;
    height:51px;
    position:absolute;
    z-index:999;
    top:45px;
    right:0;
    -webkit-transition:all .6s ease-out;
    -moz-transition:all .6s ease-out;
    -ms-transition:all .6s ease-out;
    transition:all .6s ease-out;
    background: url(../images/sj.png) no-repeat;
}
.mp3-btn.fit {
    left:300px
}
.mp3-btn span {
    display:block;
    margin:14px 0 0 15px;
    position:relative;
    height:17px
}
.mp3-btn span i {
    position:absolute;
    bottom:0;
    width:2px;
    background-color:#fff;
    height:12px;
    -webkit-transform-origin:0 bottom;
    -moz-transform-origin:0 bottom;
    -ms-transform-origin:0 bottom;
    transform-origin:0 bottom
}
@-webkit-keyframes scalexy1 {
    0% {
    -webkit-transform:scale(1,.5);
    -moz-transform:scale(1,.5);
    -ms-transform:scale(1,.5);
    transform:scale(1,.5)
}
100% {
    -webkit-transform:scale(1,1);
    -moz-transform:scale(1,1);
    -ms-transform:scale(1,1);
    transform:scale(1,1)
}
}@-moz-keyframes scalexy1 {
    0% {
    -webkit-transform:scale(1,.5);
    -moz-transform:scale(1,.5);
    -ms-transform:scale(1,.5);
    transform:scale(1,.5)
}
100% {
    -webkit-transform:scale(1,1);
    -moz-transform:scale(1,1);
    -ms-transform:scale(1,1);
    transform:scale(1,1)
}
}@-o-keyframes scalexy1 {
    0% {
    -webkit-transform:scale(1,.5);
    -moz-transform:scale(1,.5);
    -ms-transform:scale(1,.5);
    transform:scale(1,.5)
}
100% {
    -webkit-transform:scale(1,1);
    -moz-transform:scale(1,1);
    -ms-transform:scale(1,1);
    transform:scale(1,1)
}
}@-ms-keyframes scalexy1 {
    0% {
    -webkit-transform:scale(1,.5);
    -moz-transform:scale(1,.5);
    -ms-transform:scale(1,.5);
    transform:scale(1,.5)
}
100% {
    -webkit-transform:scale(1,1);
    -moz-transform:scale(1,1);
    -ms-transform:scale(1,1);
    transform:scale(1,1)
}
}@keyframes scalexy1 {
    0% {
    -webkit-transform:scale(1,.5);
    -moz-transform:scale(1,.5);
    -ms-transform:scale(1,.5);
    transform:scale(1,.5)
}
100% {
    -webkit-transform:scale(1,1);
    -moz-transform:scale(1,1);
    -ms-transform:scale(1,1);
    transform:scale(1,1)
}
}.mp3-btn span i.i1 {
    -webkit-animation:scalexy1 .5s linear infinite alternate;
    -moz-animation:scalexy1 .5s linear infinite alternate;
    -ms-animation:scalexy1 .5s linear infinite alternate;
    animation:scalexy1 .5s linear infinite alternate
}
.mp3-btn span i.i2 {
    left:5px;
    -webkit-animation:scalexy1 .5s linear infinite alternate .25s;
    -moz-animation:scalexy1 .5s linear infinite alternate .25s;
    -ms-animation:scalexy1 .5s linear infinite alternate .25s;
    animation:scalexy1 .5s linear infinite alternate .25s
}
.mp3-btn span i.i3 {
    left:10px;
    height:17px;
    -webkit-animation:scalexy1 .6s linear infinite alternate .3s;
    -moz-animation:scalexy1 .6s linear infinite alternate .3s;
    -ms-animation:scalexy1 .6s linear infinite alternate .3s;
    animation:scalexy1 .6s linear infinite alternate .3s
}
.mp3-btn span i.i4 {
    left:15px;
    -webkit-animation:scalexy1 .5s linear infinite alternate .15s;
    -moz-animation:scalexy1 .5s linear infinite alternate .15s;
    -ms-animation:scalexy1 .5s linear infinite alternate .15s;
    animation:scalexy1 .5s linear infinite alternate .15s
}
.mp3-btn span i.i5 {
    left:20px;
    -webkit-animation:scalexy1 .5s linear infinite alternate;
    -moz-animation:scalexy1 .5s linear infinite alternate;
    -ms-animation:scalexy1 .5s linear infinite alternate;
    animation:scalexy1 .5s linear infinite alternate
}
.mp3-btn.pause span i {
    -webkit-animation-play-state:paused;
    -moz-animation-play-state:paused;
    -ms-animation-play-state:paused;
    animation-play-state:paused
}