#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: 986px;
    height: 148px;
    padding: 47px 44px 0 47px;
    background: url(images/progress.png) no-repeat 0 0;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    box-sizing: border-box;
}

#loading .box span {
    height: 46px;
    background: url(images/progress-on.png) no-repeat 0 0;
    position: relative;
    top: 0;
    left: 0;
    display: block
}
#loading .box span::after {
    content:"";
    width:48px;
    height:135px;
    background: url(images/progress-top.png) no-repeat 0 0;
    position: absolute;
    top: -34px;
    right: -25px;
    display: block;
  }

#loading .box p {
    font-size: 20px;
    line-height: 100px;
    color: #4aed52;
    text-align: center
}


body {
    min-width: 1280px;
    width: 100%;
    background: #000;
    padding-top:40px;
}

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

.con-head .logo {
    width: 170px;
    height: 62px;
    background: url(images/logo.png) no-repeat 0 0;
    top: 35px;
    left: 50%;
    margin-left: -580px;
    z-index: 1000;
    filter: drop-shadow(2px 2px 10px #000);
}

.con-head .slogan {
    z-index: 10;
    width: 997px;
    height: 313px;
    background: url(images/slogan.png) no-repeat 0 0;
    top: 615px;
    left: 50%;
    margin-left: -507px;
}

.con-head .cover {
    width: 100%;
    height: 217px;
    background: url(images/cover.png) repeat-y 0 0;
    position: absolute;
    top: 965px;
    left: 0;
    z-index: 99;
}

.con-1 {
    width: 100%;
    height: 2229px;
    background: url(images/bg1-1.jpg) no-repeat 50% 0;
}
.con-1 .btn-fixed {width:251px;height:191px;background: url(images/btn-fixed.png) no-repeat 0 0;position: fixed;top:50%;left:10px;z-index: 9999;cursor:default;display: none;}
.con-1 .btn-fixed.active {display: block;}

.con-1 .live-box {
    width: 100%;
    height: 1100px;
    background: url(images/con-1.png) no-repeat 50% 0;
}
.con-1 .live-box .live-nav {width:100%;height:74px;display: flex;justify-content: center;padding-top: 180px;}
.con-1 .live-box .live-nav a{
    color:#194c3d;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    background: url(images/live-btn.png) no-repeat 0 0;
    line-height: 74px;

    margin:0 20px;
    display: block;
    width: 318px;
    height: 74px;
}

.con-1 .live-box .live-nav a.on,
.con-1 .live-box .live-nav a:hover {color:#fff;background-image: url(images/live-btn-on.png);}

.con-1 .live-box video {width:1130px;height:630px;margin: 70px auto 0;display: block;}
.con-1 .evt-2 {
    width: 100%;
    height: 1070px;
    background: url(images/con-2.png) no-repeat 50% 0;
}