@charset "UTF-8";
a:link,a:partive,a:visited,a:hover { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;}
*{ -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;scroll-behavior: smooth;outline: none;}
body {background: #fff;padding-top: 40px;}
.wrap{width: 100%;min-width: 1200px;  position: relative;overflow: hidden;z-index: 2;}
.section{
    height: 6988px;
    position: relative;
    z-index: 3;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    background: url(images/bg1_01.jpg) no-repeat 50% 0,
    url(images/bg1_02.jpg?v=3) no-repeat 50% 1080px,
    url(images/bg1_03.jpg?v=3) no-repeat 50% 3050px,
    url(images/bg1_04.jpg?v=3) no-repeat 50% 5020px;
    
   image-rendering: pixelated;
}

.bg2{
    height: 10665px;
    background: url(images/bg1_01.jpg) no-repeat 50% 0,
    url(images/bg2_02.jpg) no-repeat 50% 1080px,
    url(images/bg2_03.jpg) no-repeat 50% 3300px,
    url(images/bg2_04.jpg?v=2) no-repeat 50% 5860px,
    url(images/bg2_05.jpg) no-repeat 50% 8575px
}

.section .logo { position: absolute; width: 163px; height: 59px; top: 20px; left: 50%; margin-left: -580px; text-indent: -999em; background: url(images/logo.png) no-repeat 0 0; z-index: 3;}
.section .slogan {width: 784px;height: 323px;background: url(images/slogan.png) no-repeat 0 0;top:570px;left:50%;margin-left:-390px}

.slogan .btn-play {width:107px;height:108px;background: url(images/btn-play.png) no-repeat 0 0;top: 204px;left: 395px;}
.slogan .btn-play:hover{filter: drop-shadow(0 0 5px #000)}  

.section .btn-nav-1 {width:363px;height:138px;background: url(images/btn-nav-1.png) no-repeat 0 0;top:870px;left:50%;margin-left:-450px;}
.section .btn-nav-1:hover,
.section .btn-nav-1.on {background-image: url(images/btn-nav-1-on.png);}
.section .btn-nav-2 {width:377px;height:133px;background: url(images/btn-nav-2.png) no-repeat 0 0;top:884px;left:50%;margin-left:85px;}
.section .btn-nav-2:hover,
.section .btn-nav-2.on {background-image: url(images/btn-nav-2-on.png);}


.section .btn-evt {width:380px;height:74px;top:5630px;left:50%;margin-left:-180px;}
.section .btn-top {width:164px;height:172px;background: url(images/top.png) no-repeat 0 0;position: fixed;bottom:165px;right:10px;z-index:9999}
.section .btn-top:hover{filter: drop-shadow(0 0 5px #000)}  

.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}