#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}
/*给头部让出43px*/
body{min-width: 1280px;width:100%;background:#000}
.container {width:100%;height: 1080px;overflow: hidden;}
.container{width: 100%;height: 100%;max-width: 1920px;position: relative;overflow: hidden;}
.main{width: 100%;position: relative;margin: 0 auto;}
.con-box {display: none;height: 5500px}
.con-box.active {display: block;}
.con{width: 1280px;position: relative;margin: 0 auto}

.con-head {width:100%;height:1080px;overflow: hidden;background: url(images/bg.jpg) no-repeat 50% 0;perspective: 3000px;}
.con-head video {
    width: 1920px;
    height: 1080px;
    display: block;
    position: relative;
    top:0;  
    left: 50%;
    margin-left: -960px;
  }
.con-head .logo {width:170px;height:62px;background: url(images/logo.png) no-repeat 0 0;top:35px;left:50%;margin-left:-620px;z-index:10;}
.con-head .btn-home {width:280px;height:74px;background: url(images/btn-home.png) no-repeat 0 0;top:30px;left:50%;margin-left:360px;z-index:10;}
.con-head .btn-home:hover {filter: drop-shadow(2px 2px 10px #000);}
.con-head .slogan {z-index:1000;width:811px;height: 347px;background: url(images/slogan.png) no-repeat 0 0;top:405px;left:50%;margin-left:-405px;}
.con-head .slogan .btn-play {width:104px;height:99px;background: url(images/btn-play.png) no-repeat 0 0;top:230px;left:355px;}
.con-head .slogan .btn-play:hover {filter: drop-shadow(2px 2px 10px #01ff00)}
.con-head .navs{width:1380px;top:750px;left:50%;margin-left:-690px;height:172px;position: absolute;z-index:1000;display: flex;justify-content: space-around;}
.con-head .navs a{width:360px;height:172px;background: url(images/navs.png) no-repeat 0 0;}
.con-head .navs .btn-nav-2 {background-position: -360px 0;}
.con-head .navs .btn-nav-3 {background-position: -720px 0;}
.con-head .navs .btn-nav-4 {background-position: -1080px 0;}
.con-head .navs a:hover {background-position-y:-172px;}

.pop-video {width:850px;height:480px;display: none}
.pop-video video {width:100%;height:100%;}
.pop-video .btn_close{width: 32px;height:32px;background: url('https://img1.tiancitycdn.com/project1/csol/event/2021/07/cs210721sale/images/close.png') no-repeat 0 0;right:-32px;top:0;position: absolute}

@keyframes zoom{
    0%,100% {transform: scale(1);}
    50%{transform: scale(.9);}
}

@keyframes light{
    0%,100% {opacity:0}
    50%{opacity:1}
}

@keyframes move1 {
    0%,100% {
        transform: rotate3d(1, 1, 1, 0deg);
    }
    50% {
        transform: rotate3d(1, 1, 1, 30deg);
    }
}

@keyframes move2 {
    0%,100% {
        transform: rotate3d(1, 1, 1, 0deg);
    }
    50% {
        transform: rotate3d(1, 1, 1, -20deg);
    }
}