#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;background:#fff4ce}
.container{width: 100%;height: 100%;min-width: 1280px;max-width: 1920px;margin: 0 auto;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}

.main .con-head {height: 1080px;width: 100%}
.main .con-head .logo{z-index: 10;width:205px;height:97px;top: 20px;left:50%;background:url(images/logo.png) no-repeat 0 0;margin-left:-103px;}
.main .con-head .btn-home {z-index: 15;top: 25px;left: 50%;margin-left: 400px;width: 291px;height: 90px;background: url(images/btn-home.png) no-repeat 0 0;transition: all .3s;}
.main .con-head .btn-home:hover {filter: drop-shadow(2px 4px 6px #e3cf9f);}
.main .con-head .slogan {z-index:6;top:355px;left:50%;margin-left:-565px;width: 1018px;height: 573px;background: url(images/slogan.png) no-repeat 0 0;}
.main .con-head .slogan .btn-play {top:90px;left:485px;width:151px;height:154px;background: url(images/btn-play.png) no-repeat 0 0;}
.main .con-head .slogan .btn-play:hover {filter: drop-shadow(0 0 10px #e3cf9f);transform: scale(1.1);}
.main .con-head .slogan .sub {width:506px;height:116px;background: url(images/slogan-2.png) no-repeat 0 0;top:390px;left:315px;} 
.main .con-head .role-left {z-index:2;top:100px;left:50%;margin-left:-570px;width:755px;height:992px;background:url(images/role-left2.png) no-repeat 0 0;}
.main .con-head .role-left .name {width:105px;height:269px;background: url(images/role-left-name.png) no-repeat 0 0;left:-80px;top:110px}
.main .con-head .role-right {top:150px;left:50%;margin-left:-180px;width:755px;height:992px;background:url(images/role-right2.png) no-repeat 0 0;}
.main .con-head .role-right .name {width:74px;height:235px;background: url(images/role-right-name.png) no-repeat 0 0;right:55px;top:65px}
.main .con-head .cover {z-index:4;width:1920px;height:419px;background: url(images/cover.png) no-repeat 0 0;bottom:0;left:50%;margin-left:-960px;}
.main .con-head .btn-nav {z-index: 7;width:206px;height: 89px;top: 895px;left: 50%;background: url(images/navs.png) no-repeat 0 0;}
.main .con-head .btn-nav-1 {margin-left: -460px;}
.main .con-head .btn-nav-2 {top:915px;margin-left: -222px;background-position: -206px 0;}
.main .con-head .btn-nav-3 {top: 915px;margin-left: 15px;background-position: -412px 0;}
.main .con-head .btn-nav-4 {margin-left: 250px;background-position: -618px 0;}
.main .con-head .btn-nav:hover {background-position-y: -90px;}
.main .con-head .paper-1 {z-index:5;top:750px;left:50%;margin-left:-795px;width:482px;height: 365px;background: url(images/paper-1.png) no-repeat 0 0;}
.main .con-head .paper-2 {z-index:5;top:720px;left:50%;margin-left:320px;width:482px;height: 365px;background: url(images/paper-2.png) no-repeat 0 0;}
.main .con-head .paper-3 {z-index:5;top:0;left:50%;margin-left:750px;width:482px;height: 365px;background: url(images/paper-3.png) no-repeat 0 0;}
/*背景*/
.bgbox{width: 1920px;position: absolute;left: 50%;margin-left: -960px;top: 0px;z-index: -1;}
.bgbox video {position: absolute;top: 0;left: 50%;margin-left: -960px;width: 1920px;height: 1080px;}
.bgbox div{background-position: center top;width: 100%;z-index: -1}
.bgbox .bg1{background-image:url(images/bg.jpg);height: 1080px;}

.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 wave {
	0%,100% {transform: scale(1) rotate(0deg);}
	50% {transform: scale(.8) rotate(10deg);}	
}