html, body, p {
    margin: 0;
    padding: 0;
}

html,body,#content-page-outer{
    height: 100%;
    overflow-y: hidden;
}
.bak{
    background: url(./../img/bak-2.jpg) center top no-repeat;
    font-size: 0;
    position: relative;
    background-size: 100% 100%;
    height: 100%;
    min-width: 1200px;
    width: 100%;
}
.video-outer{
    width:40.66667%;
    padding-bottom: 24.3645853625%;
    position: absolute;
    top: 25%;
    left: 10%;
}
.video-bak{
    position: absolute;
    top:25%;
    left: 10%;
    background: url(./../img/video-bak-all-2.png) center top no-repeat;
    width:41.66667%;
    height:0 ;
    padding-bottom: 25.3645853625%;
}
.logo-gif{

}
.fixed-top{
    width: 100%;
    position: fixed;
    z-index: 1;
}
.top-right-icons {
    position: absolute;
    top: 20px;
    right: 15%;
}

.ab-a {
    cursor: pointer;
    margin: 0 8px;
    text-decoration: none;
}
.facebook-a {
    left: auto;
    top: 26px;
    width: 48px;
    height: 48px;
}

.twitter-a {
    left: auto;
    top: 26px;
    width: 48px;
    height: 48px;
}

.mail-a {
    left: auto;
    top: 26px;
    width: 48px;
    height: 48px;
}
.lan-a {
    margin-left: 30px;
}
.download-area {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    position: absolute;
    bottom: 2%;
    left: 25%;
}
.download-text, .download-ori {
    vertical-align: middle;
}

.download-text {
    margin-right: 100px;
}

.download-ori {
    margin: 0 20px;
    animation: living 2s linear infinite;
}
.people-img{
    position: absolute;
    width: 100%;
    height: 100%;
    /*animation: shake 0.2s ease-in-out infinite both,fadeInOut 4s ease-in-out infinite both;*/
}
@keyframes living {
    0%{
        transform: scale(1);
        opacity: 1;
    }
    50%{
        transform: scale(1.1);
        opacity: 0.7;   /*圆形放大的同时，透明度逐渐减小为0*/
    }
    100%{
        transform: scale(1);
        opacity: 1;
    }
}
@-moz-keyframes living /* Firefox */
{
    0%{
        -moz-transform: scale(1);
        opacity: 1;
    }
    50%{
        -moz-transform: scale(1.1);
        opacity: 0.7;   /*圆形放大的同时，透明度逐渐减小为0*/
    }
    100%{
        -moz-transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes living /* Safari 和 Chrome */
{
    0%{
        -webkit-transform: scale(1);
        opacity: 1;
    }
    50%{
        -webkit-transform: scale(1.1);
        opacity: 0.7;   /*圆形放大的同时，透明度逐渐减小为0*/
    }
    100%{
        -webkit-transform: scale(1);
        opacity: 1;
    }
}

@-o-keyframes living /* Opera */
{
    0%{
        -o-transform: scale(1);
        opacity: 1;
    }
    50%{
        -o-transform: scale(1.1);
        opacity: 0.7;   /*圆形放大的同时，透明度逐渐减小为0*/
    }
    100%{
        -o-transform: scale(1);
        opacity: 1;
    }
}
@-webkit-keyframes shake {
    from {
        margin-left:0;
    }
    to{
        margin-left: -5px;
    }
}
@-webkit-keyframes fadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:0.25;
    }
    50% {
        opacity: 0.25;
    }
    75%{
        opacity: 1;
    }
}
@media screen and (min-width: 2551px){
    .logo-gif {
        height: 13%;
        top: 9%;
        left: 14%;
        position: absolute;
    }
    .video-bak{
        position: absolute;
        top:25%;
        left: 10%;
        background: url(./../img/video-bak-all-2.png) center top no-repeat;
        width:800px;
        height:487px;
        background-size: 100% 100%;
        padding-bottom: 0;

    }
    #m-video{
        width: 755px;
        height: 418px;
        margin: 0 auto;
        margin-top: 25px;
    }
    .video-wave{
        position: absolute;
        bottom: -7px;
        right: 155px;
    }
    .award-img{
        position: absolute;
        min-width: 40%;
        left: 10%;
        bottom: 15%;
        max-height: 25%;
    }
    .download-area {
        bottom: 2%;
        left: 25%;
    }
}
@media screen and (max-width: 2550px){
    .logo-gif {
        height: 13%;
        top: 9%;
        left: 14%;
        position: absolute;
    }
    .video-bak{
        position: absolute;
        top:25%;
        left: 10%;
        background: url(./../img/video-bak-all-2.png) center top no-repeat;
        width:800px;
        height:487px;
        background-size: 100% 100%;
        padding-bottom: 0;

    }
    #m-video{
        width: 755px;
        height: 418px;
        margin: 0 auto;
        margin-top: 25px;
    }
    .video-wave{
        position: absolute;
        bottom: -7px;
        right: 155px;
    }
    .award-img{
        position: absolute;
        min-width: 40%;
        left: 10%;
        bottom: 15%;
        max-height: 25%;
    }
    .download-area {
        bottom: 2%;
        left: 25%;
    }
}
@media screen and (max-width: 1700px){
    .logo-gif {
        height: 13%;
        top: 9%;
        left: 14%;
        position: absolute;
    }
    .video-bak{
        position: absolute;
        top:25%;
        left: 10%;
        background: url(./../img/video-bak-all-2.png) center top no-repeat;
        width:800px;
        height:487px;
        background-size: 100% 100%;
        padding-bottom: 0;

    }
    #m-video{
        width: 755px;
        height: 418px;
        margin: 0 auto;
        margin-top: 25px;
    }
    .video-wave{
        position: absolute;
        bottom: -7px;
        right: 155px;
    }
    .award-img{
        position: absolute;
        min-width: 45%;
        max-width: 45%;
        left: 10%;
        bottom: 14%;
        max-height: 25%;
    }
    .download-area {
        bottom: 2%;
        left: 26%;
    }
}
@media screen and (max-width: 1601px){
    .logo-gif {
        height: 12%;
        top: 11.5%;
        left: 14%;
        position: absolute;
    }
    .video-bak{
        position: absolute;
        top: 25%;
        left: 10%;
        background: url(./../img/video-bak-all-2.png) center top no-repeat;
        width: 600px;
        height: 365px;
        background-size: 100% 100%;
        padding-bottom: 0;

    }
    #m-video{
        width: 568px;
        height: 320px;
        margin: 0 auto;
        margin-top: 17px;
    }
    .video-wave{
        position: absolute;
        bottom: -5px;
        right: 118px;
        width: 223px;
    }
    .award-img{
        position: absolute;
        min-width: 36%;
        max-width: 36%;
        left: 10%;
        bottom: 20%;
        max-height: 25%;
    }
    .download-area {
        bottom: 6%;
        left: 22%;
    }
}
@media screen and (max-width: 1441px){
    .logo-gif {
        height: 12%;
        top: 11.5%;
        left: 15%;
        position: absolute;
    }
    .video-bak{
        position: absolute;
        top: 25%;
        left: 10%;
        background: url(./../img/video-bak-all-2.png) center top no-repeat;
        width: 600px;
        height: 365px;
        background-size: 100% 100%;
        padding-bottom: 0;

    }
    #m-video{
        width: 568px;
        height: 320px;
        margin: 0 auto;
        margin-top: 17px;
    }
    .video-wave{
        position: absolute;
        bottom: -5px;
        right: 118px;
        width: 223px;
    }
    .award-img{
        position: absolute;
        min-width: 40%;
        max-width: 41%;
        left: 10%;
        bottom: 18%;
        max-height: 25%;
    }
    .download-area {
        bottom: 2%;
        left: 23%;
    }
}
@media screen and (max-width: 1367px){
    .logo-gif {
        height: 13%;
        top: 8%;
        left: 10%;
        position: absolute;
    }
    .video-bak{
        position: absolute;
        top: 25%;
        left: 5%;
        background: url(./../img/video-bak-all-2.png) center top no-repeat;
        width: 550px;
        height: 335px;
        background-size: 100% 100%;
        padding-bottom: 0;

    }
    #m-video{
        width: 519px;
        height: 294px;
        margin: 0 auto;
        margin-top: 15px;
    }
    .video-wave{
        position: absolute;
        bottom: -5px;
        right: 109px;
        width: 205px;
    }
    .award-img{
        position: absolute;
        min-width: 15%;
        max-width: 40%;
        left: 5%;
        bottom: 11%;
        max-height: 25%;
    }
    .download-area {
        bottom: 2%;
        left: 20%;
        padding-bottom: 0;
        padding-top: 0;
        height: 6%;
    }
    .download-area .download-ori{
        height: 100%;
    }
}
.download-area.cn{
    left: 10%;
}