.bidding{width:100%;height:100%;background:#080d25;min-width:1200px;overflow:hidden;position:relative}.bidding .video{width:100%;height:919px;-o-object-fit:fill;object-fit:fill;position:absolute;top:0;left:0;z-index:1;opacity:0.5}.bidding .bg{width:100%;height:2111px;background:url(../img/index/bidding/bg.png) no-repeat center;background-size:cover;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:400px;z-index:4}.bidding .title{width:1110px;height:auto;margin:220px auto 0;position:relative;z-index:5}.bidding .title>p{width:800px;color:#d8e8fe;font-size:32px;text-align:right;letter-spacing:4px;font-weight:600;margin:0 auto}.bidding .title>h1{width:100%;height:150px;background:url(../img/index/bidding/title.png) no-repeat center;background-size:contain;margin-top:20px}.bidding .title>em{color:#d8e8fe;font-size:36px;letter-spacing:2px;display:block;margin:34px auto 0;letter-spacing:2px}.bidding .button-box{width:660px;position:relative;margin:122px auto 0;height:76px}.bidding .bidding_down{display:block;width:270px;height:76px;line-height:76px;margin-left:12px;margin:0 auto;background:url(../img/index/bidding/down.png) no-repeat 0 0;cursor:pointer;position:relative;z-index:5}.bidding .bidding_down:hover{background:url(../img/index/bidding/button-blue-2.png) no-repeat 0 0}.bidding .bidding_down:active{background:url(../img/index/bidding/button-blue-3.png) no-repeat 0 0}.bidding .bidding_down>i{display:inline-block;vertical-align:middle;width:24px;height:20px;background:url(../img/index/bidding/icon.png) no-repeat center;background-size:contain}.bidding .bidding_down>span{display:inline-block;vertical-align:middle;font-size:22px;color:#fff;letter-spacing:2px}.bidding .bidding_down>:first-child{display:block;position:absolute;width:107px;height:26px;line-height:26px;background:url(../img/index/bidding/tip.png) no-repeat center;background-size:contain;top:-13px;right:0;color:#fff;letter-spacing:2px}.bidding .bidding_down>:last-child{color:rgba(255,255,255,0.8);font-size:18px;position:relative;top:-20px}.bidding .bidding_down_two{margin-right:12px;float:right;background:url(../img/index/bidding/button-blue-1.png) no-repeat 0 0}.bidding .bidding_down_two:hover{background:url(../img/index/bidding/button-blue-2.png) no-repeat 0 0}.bidding .bidding_down_two:active{background:url(../img/index/bidding/button-blue-3.png) no-repeat 0 0}.bidding .bidding_down_two>i{display:inline-block;vertical-align:middle;width:24px;height:20px;background:url(../img/index/bidding/lightning.png) no-repeat center;background-size:contain;margin-right:12px}.bidding .experience{width:1200px;height:700px;margin:166px auto 0;position:relative;z-index:5}.bidding .experience::after{content:"";display:block;clear:both}.bidding .experience>h6{color:#fff;font-size:40px;width:390px;height:60px;background:url(../img/index/bidding/tit.png) no-repeat center;background-size:contain;margin:0 auto;letter-spacing:4px}.bidding .experience>p{color:#d8e8fe;font-size:20px;margin-top:22px;letter-spacing:2px}.bidding .experience>p::before{content:"";display:inline-block;vertical-align:middle;width:110px;height:13px;background:url(../img/index/bidding/line.png) no-repeat center;background-size:contain;margin-right:10px}.bidding .experience>p::after{content:"";display:inline-block;vertical-align:middle;width:110px;height:13px;background:url(../img/index/bidding/line.png) no-repeat center;background-size:contain;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);margin-left:10px}.bidding .experience .left{width:550px;height:535px;float:left;margin-top:60px}.bidding .experience .left>img{display:block}.bidding .experience .left .tips{width:100%;height:122px;margin-top:18px;text-align:left}.bidding .experience .left .tips>span{display:inline-block;vertical-align:middle;width:243px;height:53px;line-height:53px;text-align:center;background:url(../img/index/bidding/left-tip.png) no-repeat center;background-size:contain;margin-left:33px;margin-top:18px;color:#f96356;font-size:18px;letter-spacing:2px}.bidding .experience .left .tips>span>i{display:inline-block;vertical-align:middle;width:17px;height:18px;background:url(../img/index/bidding/x.png) no-repeat center;background-size:contain;margin-right:10px}.bidding .experience .left .tips>span:nth-child(1){margin-left:0;margin-top:0}.bidding .experience .left .tips>span:nth-child(2){margin-top:0}.bidding .experience .left .tips>span:nth-child(3){margin-left:0}.bidding .experience .right{width:550px;height:535px;float:right;margin-top:60px}.bidding .experience .right>img{display:block}.bidding .experience .right .tips{width:100%;height:122px;margin-top:18px;text-align:left}.bidding .experience .right .tips>span{display:inline-block;vertical-align:middle;width:243px;height:53px;line-height:53px;text-align:center;background:url(../img/index/bidding/right-tip.png) no-repeat center;background-size:contain;margin-left:33px;margin-top:18px;color:#fff;font-size:18px;letter-spacing:2px}.bidding .experience .right .tips>span>i{display:inline-block;vertical-align:middle;width:17px;height:18px;background:url(../img/index/bidding/r.png) no-repeat center;background-size:contain;margin-right:10px}.bidding .experience .right .tips>span:nth-child(1){margin-left:0;margin-top:0}.bidding .experience .right .tips>span:nth-child(2){margin-top:0}.bidding .experience .right .tips>span:nth-child(3){margin-left:0}.bidding .introduce{width:1200px;margin:150px auto 0;position:relative;z-index:5}.bidding .introduce>h6{color:#fff;font-size:40px;width:632px;height:60px;background:url(../img/index/bidding/tit2.png) no-repeat center;background-size:contain;margin:0 auto;letter-spacing:4px}.bidding .introduce .infos{width:100%;height:396px;margin-top:40px}.bidding .introduce .infos .box{width:269px;height:100%;background:url(../img/index/bidding/box.png) no-repeat center;background-size:contain;float:left;margin-left:40px;-webkit-transition:all 0.2s linear;transition:all 0.2s linear}.bidding .introduce .infos .box:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.bidding .introduce .infos .box:nth-child(1){margin-left:0}.bidding .introduce .infos .box:nth-child(1)>span{background:url(../img/index/bidding/game.png) no-repeat center}.bidding .introduce .infos .box:nth-child(2)>span{background:url(../img/index/bidding/ai.png) no-repeat center}.bidding .introduce .infos .box:nth-child(3)>span{background:url(../img/index/bidding/link.png) no-repeat center}.bidding .introduce .infos .box:nth-child(4)>span{background:url(../img/index/bidding/com.png) no-repeat center}.bidding .introduce .infos .box>span{display:block;width:260px;height:180px}.bidding .introduce .infos .box>h4{font-size:22px;color:#fff;letter-spacing:1px;margin-bottom:22px}.bidding .introduce .infos .box>p{font-size:14px;color:rgba(255,255,255,0.78);letter-spacing:1px;line-height:30px}.bidding .introduce .infos::after{content:"";display:block;clear:both}.bidding .news{width:100%;margin:95px auto 0;padding-bottom:100px;position:relative;z-index:5}.bidding .news>h6{color:#fff;font-size:40px;width:214px;height:60px;background:url(../img/index/bidding/tit2.png) no-repeat center;background-size:contain 100%;margin:0 auto;letter-spacing:4px}.bidding .news .swiper{width:1920px;height:480px;margin:60px auto 0;margin-bottom:50px;overflow:hidden}.bidding .news .swiper .top-swiper,.bidding .news .swiper .bottom-swiper{width:100%;min-height:400px;position:relative}.bidding .news .swiper .top-swiper>.ts-group,.bidding .news .swiper .bottom-swiper>.ts-group{width:100%;min-height:400px;position:absolute;white-space:nowrap;font-size:0}.bidding .news .swiper .top-swiper>.ts-group::after,.bidding .news .swiper .bottom-swiper>.ts-group::after{display:block;content:"";clear:both}.bidding .news .swiper .top-swiper>.ts-group>.item,.bidding .news .swiper .bottom-swiper>.ts-group>.item{width:16.666666666%;height:auto;display:inline-block;vertical-align:middle;position:relative}.bidding .news .swiper .top-swiper>.ts-group>.item>span,.bidding .news .swiper .bottom-swiper>.ts-group>.item>span{position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.5)}.bidding .news .swiper .top-swiper>.ts-group>.item>span:hover,.bidding .news .swiper .bottom-swiper>.ts-group>.item>span:hover{cursor:pointer;background:none}.bidding .news .swiper .top-swiper>.ts-group>.item>span.removeCover,.bidding .news .swiper .bottom-swiper>.ts-group>.item>span.removeCover{background:none !important}.bidding .news .swiper .top-swiper>.ts-group>.item>img,.bidding .news .swiper .bottom-swiper>.ts-group>.item>img{display:block;height:100%;width:100%}.bidding .news .swiper .top-swiper>.ts-group::after,.bidding .news .swiper .bottom-swiper>.ts-group::after{display:block;content:"";clear:both}
.card_cj_box{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 999999;font-size: 24px;color: #fff;display: block;}
.card_cj_box .bg{width: 100%;height: 100%;background: rgba(0,0,0,0.4);top: 0;}
.card_cj_content{color: #fff; z-index: 9; width: 445px;height: 284px;position: absolute;overflow: hidden;left: 50%;transform: translateX(-50%);top: 38%;background: url(../img/j_box_bg.webp)no-repeat center;background-size: cover;text-align: left;}
.close_box{width: 16px;height: 16px;background: url(../img/j_close_bg.png)no-repeat center;background-position: 0 0;position: absolute;top: 16px;right: 17px;cursor: pointer;}
.close_box:hover{background-position: 0 -31px;}
.card_cj_content p{display: block;text-align: center;font-style: normal;}
.card_cj_content .j_title{font-size: 20px;position: absolute;top: 10px;left: 50%;transform: translateX(-50%);}
.card_cj_content p:nth-child(3){font-size: 18px;margin-top: 64px;}
.j_center{display: flex;font-size: 18px;margin-top: 20px;font-style: normal;    margin-left: 82px;}
.j_center .j_center_f{line-height: 29px;}
.j_center p{width: 196px;height: 30px;background: url(../img/j_box_bg2.png)no-repeat center;background-size: cover;margin-left: 8px;}
.j_center p span{display: inline-block;}
.j_center p span:nth-child(1){width: 80px;text-align: center;height: 32px;line-height: 32px;color: #003e48;    margin-left: -113px;}
.j_center p span:nth-child(2){font-size: 16px;height: 30px;position: absolute;top: 112px;right: 78px;}
.j_center p span i{font-style: normal;color: #e1fe6e;}
.j_now_down{font-size: 14px;color: #b3c5c8;margin: 22px auto;}
.card_cj_content a{display: block; cursor: pointer;background: url(../img/j_box_down.png)no-repeat center;background-position: 0 0;left: 50%;transform: translateX(-50%);   position: absolute;width: 163px;height: 49px;}
.card_cj_content a:hover{background-position: 0 -49px;}
.on {
  
  animation: bounceInDown 1s linear
  
}

@-webkit-keyframes bounceInDown {
  0% {
      opacity: 0;
      -webkit-transform: translateY(-2000px);
      transform: translateY(-2000px);
  }

  60% {
      opacity: 1;
      -webkit-transform: translateY(30px);
      transform: translateY(30px);
  }

  80% {
      -webkit-transform: translateY(-30px);
      transform: translateY(-30px);
  }

  100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
  }
}