@charset "utf-8";
/*-swiper部分-*/
html, body {
    position: relative;
    height: 100%;
}
body {
    background: #eee;
    margin: 0;
    padding: 0;
}
.swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
.swiper-slide {
    background: #ffffff;
}
#Box{
    width: 100%;
    height: 100%;
    padding-top: 80px;
    box-sizing:border-box;
}
/*-第一个页面-*/
#firstPage{
    background: url("../images/img_PC/bg_1.png") #fff no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 889px;
}
#firstPage #boxCen{
    margin-top: 240px;
    height: 300px;
    position: relative;
}
#firstPage #boxCen #watchText{
    color: #000;
    font-size: 50px;
}
#firstPage #boxCen #lifeText{
    color: #000;
    font-size: 32px;
    margin: 30px 0 0 10px;
}
#firstPage #boxCen #bloodText{
    color: #000;
    font-size: 20px;
    margin: 30px 0 0 10px;
}
#firstPage #boxCen .imgWatch {
    margin-top: 20px;
}
#firstPage #boxCen #watchImg{
    width: 382px;
    height: 320px;
    position: absolute;
    right: 75px;
    top: 0;
}
/*--第二个页面--*/
#secPage{
    width: 100%;
    height: 889px;
    background: url("../images/img_PC/img_point.png") #ffffff no-repeat bottom;
    background-size: 100%;
    position: relative;
}
#secPage #secMain{
    height: 685px;
    margin-top: 60px;
}
#secPage #secMain #secText_One{
    font-size: 50px;
    color: #000;
    text-align: center;
}
#secPage #secMain #secText_Two{
    font-size: 20px;
    color: #000;
    text-align: center;
    margin-top: 45px;
}
#secPage #secMain #secText_Thr{
    font-size: 20px;
    color: #000;
    text-align: center;
    margin-top: 20px;
}
#secPage #secMain #secText_For{
    font-size: 20px;
    color: #000;
    text-align: center;
    margin-top: 20px;
}
#secPage #secMain #secImg{
    text-align: center;
    margin-top: 60px;
}
#secPage #secMain #secImg{
    height: 383px;
    z-index: 9;
    background: url("../images/img_PC/image_01_xuetang.png") no-repeat center;
    background-size: 20%;
}
/*-特效部分-*/
#secPage .waveImg{
    width:100%;
    height:222px;
    position:absolute;
    left:0;
    top:415px;
    z-index: 1;
}
#secPage .waveImg .waveImg_One{
    width:100%;
    height:100%;
    background:url(../images/img_PC/img_wave.png) no-repeat;
    background-size:cover;
    z-index:3;
}
#secPage .waveImg .waveImg_Two{
    width: 115px;
    height: 222px;
    background:url(../images/img_PC/heartbeat-gradation.png) no-repeat;
    background-size:100% 100%;
    position:absolute;
    left:-200px;
    top:0;
    z-index:-4;
    -webkit-animation: move 5s linear 2s infinite;
    animation: move 5s linear 2s infinite;
    -o-animation: move 5s linear 2s infinite;
}
@-webkit-keyframes move{
    0%{
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0)
    }
    100%{
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0);
    }
}
@keyframes move{
    0%{
        -webkit-transform:translate3d(-100%,0,0);
        -ms-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0)
    }
    100%{
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(1000%,0,0)
    }
}
/*-第3个页面-*/
#thrPage{
    width:100%;
    height: 889px;
    background: url("../images/img_PC/img_friends.png") no-repeat center;
    background-size: cover;
    overflow:auto;
}
#thrPage #thrMain{
    margin-top: 80px;
}
#thrPage #thrMain #thrText_One{
    font-size: 50px;
    color: #000;
    text-align: center;
}
#thrPage #thrMain #thrText_Two{
    font-size: 20px;
    color: #000;
    text-align: center;
    margin-top: 45px;
}
#thrPage #thrMain #thrText_Thr{
    font-size: 20px;
    color: #000;
    text-align: center;
    margin-top: 20px;
}
#thrPage #thrMain #thrText_For{
    font-size: 20px;
    color: #000;
    text-align: center;
    margin-top: 20px;
}
/*-第4个页面-*/
#fouPage{
    width: 100%;
    height: 889px;
    background: white;
}
#fouPage #fouMain{
    margin-top: 40px;
}
#fouPage #fouMain #fouText_One{
    font-size: 50px;
    color: #000;
    text-align: center;
}
#fouPage #fouMain #fouText_Two{
    font-size: 20px;
    color: #000;
    text-align: center;
    margin-top: 30px;
}
#fouPage #fouMain #fouText_Thr{
    font-size: 20px;
    color: #000;
    text-align: center;
    margin-top: 20px;
}
#fouPage #fouMain #fouImg{
    text-align: center;
    margin-top: 70px;
}
#fouPage #fouMain #fouImg img{
    width: 60%;
}
/*-第5个页面-*/
#fivPage{
    width:100%;
    height: 889px;
    background: white;
}
#fivPage #fivMain{
    margin-top: 40px;
}
#fivPage #fivMain #fivText_One{
    font-size: 50px;
    color: #000;
    text-align: center;
}
#fivPage #fivMain #fivText_Two{
    font-size: 20px;
    color: #000;
    text-align: center;
    margin-top: 30px;
}
#fivPage #fivMain #fivText_Thr{
    font-size: 20px;
    color: #000;
    text-align: center;
    margin-top: 20px;
}
#fivPage #fivMain #fivImg{
    text-align: center;
    margin-top: 70px;
}
#fivPage #fivMain #fivImg img{
    width: 60%;
}
/*-第6个页面-*/
#sixPage{
    width:100%;
    height: 889px;
    background: #f5f5f5;
    position: relative;
}
#sixPage #sixFir{
    /*position: relative;*/
    margin-top: 80px;
}
#sixPage #sixFir #sixText_One{
    font-size: 50px;
    color: #000;
    text-align: center;
    /*z-index: 9999;*/
}
#sixPage #sexText_Two{
    width: 210px;
    height: 460px;
    position: absolute;
    top: 50%;
    margin-top: -8%;
    left: 50%;
    margin-left: 6%;
    text-align: center;
    z-index: 9;
    padding: 10px;
}
#sixPage #sexText_Two #qrCode{
    font-size: 20px;
    color: #000;
    text-align: center;
    margin-top: 20px;
}
#sixPage #sexText_Two #download{
    font-size: 20px;
    color: #000;
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
}
#sixPage #sexText_Two #six_ios{
    width: 188px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    margin-top: 65px;
}
#sixPage #sexText_Two #six_ios a{
    padding: 17px 53px;
    background: url("../images/img_PC/ios_01.png") no-repeat center;
    background-size: 100%;
    font-size: 16px;
    color: #ffffff;
    text-decoration: inherit;
}
#sixPage #sexText_Two #six_Android{
    width: 188px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    margin-top: 10px;
}
#sixPage #sexText_Two #six_Android a{
    padding: 17px 35px;
    background: url("../images/img_PC/andr_01.png") no-repeat center;
    background-size: 100%;
    font-size: 16px;
    color: #ffffff;
    text-decoration: inherit;
}
#sixPage #sixFooter{
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
}
/*-第7个页面-*/
#sevPage{
    width:100%;
    height: 759px;
    background: #3c424e;
}
#sevPage #sevTop #sevText_One{
    font-size: 50px;
    color: #fff;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 10px;
}
#sevPage .sevText_Two{
    height: 150px;
    color: #fff;
    text-align: center;
    margin-bottom: -1px;
    margin-left: -1px;
    border: 1px solid #6e727b;
}
#sevPage .sevText_Two .sevImg{
    height: 60px;
    margin: 10px 0;
    margin-top: 17px;
    padding-left: 102px;
}
#sevPage .sevText_Two .sevFont_One{
    font-size: 18px;
}
#sevPage .sevText_Two .sevFont_Two{
    font-size: 12px;
    color: #a2a3a7;
    margin-top: 10px;
}
#sevPage #sevTwo{
    /*height: 630px;*/
    overflow: hidden;
    padding-top: 64px;
    padding-bottom: 15px;
}
/*-第8个页面-*/
#eigPage{
    width: 100%;
    /*height: 889px;*/
    /*border: 1px solid red;*/
    /*position: relative;*/
}
#eigPage #eigMain{
    margin-top: 25px;
    /*height: 430px;*/
    /*width: 1190px;*/
    /*height:calc(100% - 200px);
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%,-50%);
    margin-left: -495px;
    margin-top: -300px;
    border: 1px solid salmon;*/
}
#eigPage #eigMain #eigText_One{
    font-size: 50px;
    color: #000;
    text-align: center;
}
#eigPage #eigMain #eigText_Two{
    font-size: 20px;
    color: #000;
    text-align: center;
    margin-top: 30px;
}
#eigPage #eigMain #eigText_Thr{
    font-size: 20px;
    color: #000;
    text-align: center;
    margin-top: 20px;
}
#eigPage #eigMain #eigText_For{
    font-size: 20px;
    color: #000;
    text-align: center;
    margin-top: 20px;
}
#eigPage #eigMain #eigImg{
    text-align: center;
    margin-top: 40px;
    /*background: url(../images/img_PC/image_taiixin.png) no-repeat bottom center;
    background-size: 100% 60%;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;*/
}
#eigPage #eigMain #eigImg img{
    width: 95%;
    height: 100%;
}
/*第9个页面*/
#ninPage{
    width: 100%;
}
#ninPage #ninMain{
    margin-top: 25px;
}
#ninPage #ninMain #ninText_One{
    font-size: 50px;
    color: #000;
    text-align: center;
}
#ninPage #ninMain #ninText_Two{
    font-size: 20px;
    color: #000;
    text-align: center;
    margin-top: 30px;
}
#ninPage #ninMain #ninText_Thr{
    font-size: 20px;
    color: #000;
    text-align: center;
    margin-top: 20px;
}
#ninPage #ninMain #ninImg{
    text-align: center;
    margin-top: 40px;
}
#ninPage #ninMain #ninImg img{
    width: 95%;
    height: 100%;
}
/*第10个页面*/
#tenPage{
    width: 100%;
}
#tenPage #tenMain{
    margin-top: 25px;
}
#tenPage #tenMain #tenText_One{
    font-size: 50px;
    color: #000;
    text-align: center;
}
#tenPage #tenMain #tenText_Two{
    font-size: 20px;
    color: #000;
    text-align: center;
    margin-top: 30px;
}
#tenPage #tenMain #tenText_Thr{
    font-size: 20px;
    color: #000;
    text-align: center;
    margin-top: 20px;
}
#tenPage #tenMain #tenImg{
    text-align: center;
    margin-top: 40px;
}
#tenPage #tenMain #tenImg img{
    width: 95%;
    height: 100%;
}
/*第11个页面*/
#elevPage{
    width: 100%;
}
#elevPage #elevMain{
    margin-top: 25px;
}
#elevPage #elevMain #elevText_One{
    font-size: 50px;
    color: #000;
    text-align: center;
}
#elevPage #elevMain #elevText_Two{
    font-size: 20px;
    color: #000;
    text-align: center;
    margin-top: 30px;
}
#elevPage #elevMain #elevText_Thr{
    font-size: 20px;
    color: #000;
    text-align: center;
    margin-top: 20px;
}
#elevPage #elevMain #elevText_For{
    font-size: 20px;
    color: #000;
    text-align: center;
    margin-top: 20px;
}
#elevPage #elevMain #elevImg{
    text-align: center;
    margin-top: 40px;
}
#elevPage #elevMain #elevImg img{
    width: 95%;
    height: 100%;
}




/*--底部部分--*/
#sevFooter{
    width: 100%;
    /*position: absolute;
    left: 0;
    bottom: 0;*/
    height: 130px;
    background: #333333;
}
/*-视频播放页-*/
#videoPage{
    width: 100%;
    height: 889px;
}

#videoPage #videoTextOne{
    font-size: 50px;
    margin-top: 50px;
    color: #000000;
}
#videoPage #videoTextTwo{
    font-size: 30px;
    margin-top: 30px;
    margin-bottom: 20px;
    color: #000000;
}
#videoPage #videoTextThr,#videoPage #videoTextFor{
    font-size: 20px;
    color: #000000;
}
#videoPage #videoPlay{
    height: 445px;
    margin-top: 40px;
    padding-top: 10px;
    overflow: hidden;
    position: relative;
}
#videoPage #videoPlay #video1{
    width: 66%;
    height: 423px;
    border-radius: 8px;
}
#videoPage #videoPlay #videoBg{
    width: 747px;
    height: 447px;
    position: absolute;
    top: -9px;
    left: 18%;
    background: url(../images/img_PC/bg1.png) no-repeat center;
    background-size: contain;
    z-index: 9;
}
#videoPage #videoPlay #videoPlayer{
    width: 90px;
    height: 90px;
    position: absolute;
    top: 166px;
    left: 47%;
    background: url(../images/img_PC/play.png) no-repeat center center;
    background-size: contain;
    z-index: 99;
    cursor: pointer;
}