.section1,
.section2,
.section3,
.section4,
.section5,
.section6,
.section7,
.section8{ 
    width: 100% !important;
    min-height:1080px !important;
    height: 100%;
    background: url(../images/products/hxcp-smtp-1920-1.png) center center no-repeat;
    /* padding-top: 152px; */
    box-sizing: border-box;
    /* padding-top: 154px; */
}
.section4 .section-row,
.section5 .section-row{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 152px;
}
.section4 .section-row{
    justify-content: flex-start;
}
/* air01 */
.medical .medical-row-04{
    margin-top: 193px;
}
.medical .medical-row-05{
    margin-top: 242px;
}
.medical .medical-row-06{
    margin-top: 236px;
}
.medical .medical-row-07{
    margin-top: 258px !important;
}
.medical .medical-row-08{
    margin-top: 265px !important;
}
.medical .medical-row-09{
    margin-top: 210px !important;
}
/* air01 */
/* air02 */
.consumer .consumer-row-04{
    margin-top: 276px;
}
.consumer .consumer-row-05{
    margin-top: 320px;
}
.consumer .consumer-row-06{
    margin-top: 325px;
}
.consumer .consumer-row-06{
    margin-top: 325px;
}
.consumer .consumer-row-07{
    margin-top: 266px;
}
.consumer .consumer-row-08{
    margin-top: 242px;
}
/* air02 */
/**手环*/
.airBand .airBand-row-03{
    margin-top: 225px;
}
.airBand .airBand-row-04{
    margin-top: 285px;
}
.airBand .airBand-row-05{
    margin-top: 287px;
}
/**手环*/
.section4 .row-l{
    /* width: 360px; */
    /* text-align: right; */
    margin-right: 167px;
}
.consumer .consumer-row-08 .row-l{
    margin-right: 286px;
}
.section4 .row-2{
    width: 497px;
    margin-right: 123px;
}
.section4 .row-3{
    width: 409px;
    /* margin-right: 97px; */
    margin-right: 162px;
}
.section4 .row-l p{
    margin-left: 69px;
    font-size: 16px;
    font-weight: 400;
    color: #D2D2D2;
    line-height: 28px;
    margin-top: 61px;
}
.consumer .consumer-row-08 .row-l .des{
    width: 280px;
}
.consumer .consumer-row-08 .row-l .xiazai{
    width: 100%;
    /* padding-left: 69px; */
    justify-content: flex-start;
    display: flex;
    margin-top: 30px;
    margin-left: 79px;
}
.row-l .xiazai .xiazai-left,
.row-l .xiazai .xiazai-rig{
    padding: 9px 8px 8px 11px;
    border: 1px solid #D9D9D9;
    border-radius: 5px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.row-l .xiazai .xiazai-left{
    margin-right: 10px;
}

/* .row-l .xiazai img{
   margin-right: 16px;
} */
.row-l .xiazai .wen{
    font-size: 12px;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    margin: 0px;
    line-height: 18px;
    margin-left: 15px;
 }

.section5 .row-l-2{
    margin-right: 166px;
    /* margin-right: 0px; */
    position: relative;
    /* width: 336px; */
    width: 1200px;
    height: 388px;
    overflow: hidden;
}
.section5 .row-l-2 .mask_01,
.section5 .row-l-2 .mask_02{
    position: absolute;
    width: 100%;
    width: 1200px;
    height: 0px;
}
.section5 .row-l-2 .mask_01.animateUL,
.section5 .row-l-2 .mask_02.animateUL{
    animation: animateSlidePage2 2s;
    animation-fill-mode: forwards;
}
.row-l-2 li{
    width: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
}
.section5 .row-l-2 li:nth-of-type(2){
    margin-top: 78px;
    margin-bottom: 66px;
}
.section5 .row-l-2 .box_img{
    width: 92px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 42px;
}
.row-l-2 li p{
    font-size: 24px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 38px;
}
.row-l-2 li p i{
    display: inline-block;
    font-size: 24px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 38px;
    font-style: normal;
}
.row-l-2 li p span{
    font-size: 16px;
    color: #D2D2D2;
}
.section6 .section-row{
    display: flex;
    justify-content: space-around;
    margin-top: 159px;
    align-items: center;
}
.section6 .section-row .row-l{
    margin-right: 217px;
}
.consumer07 .consumer-row-07 .row-l{
    display: flex;
    flex-direction: column;
    /* margin-right: 302px; */
    margin-right: 326px;
}
.section6 .row-l ul{
    width: 299px;
    float: right;
}
.section6 .row-l li,
.consumer07 .row-l li{
    display: flex;
    justify-content: space-between;
    margin-bottom: 22px;
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 22px;
    box-sizing: border-box;
    /* height: auto; */
}
.section6 .row-l img,
.consumer07 .row-l img{
    margin-bottom: 47px;
    float: right;
}
.section6 .row-l li,
.consumer07 .row-l li{
    margin-bottom: 22px;
    border-bottom: 1px solid #CCCCCC;
    box-sizing: border-box;
}
.section6 .row-l li span,
.consumer07 .row-l li span{
    font-size: 18px;
    font-family: Arial-Bold, Arial;
    font-weight: bold;
    color: #FFFFFF;
    text-align: left;
    /* float: left; */
}
.section6 .row-l li span:last-of-type,
.consumer07 .row-l li span:last-of-type{
    /* float: right; */
    text-align: right;
    font-weight: bold;
    color: #43FFE7;
}
/* .consumer07{
    display: flex;
    justify-content: flex-start;
}
.consumer07 .consumer-row-07 .row-l{
    display: flex;
    flex-direction: column;
    margin-right: 223px;
} */
/* .section6 .section-row {
    justify-content: flex-start;
} */
.consumer-row-07 .row-l ul{
    margin-left: 72px;
}
.consumer07 .row-l li span:last-of-type{
    color: #77DBFF;
}
.consumer .consumer-row-08 {
    height: 100%;
    margin-top:0px;
    /* padding-top: 299px; */
    padding-top: 347px;
}
.slide-page6 .row-l{
    float: left;
}
.slide-page6 .row-r{
    float: right;
    position: relative;
    margin-right: 127.5px;
    /* width: 420px; */
}
/* .slide-page6 .row-r .img_shouji1{
    position: relative;
    right: -123px;
    top: -44px;
}
.slide-page6 .row-r .img_shouji1.animate{
    animation: animateShouji1 2s;
    animation-fill-mode: forwards;
}
.slide-page6 .row-r .img_shouji2.animate{
    animation: animateShouji2 2s;
    animation-fill-mode: forwards;
}

@keyframes animateShouji1{
    from {
        top: -200px;
    }
    to {
        top :-44px;
    }
}
@keyframes animateShouji2{
    from {
        margin-top : 167px;
    }
    to {
        margin-top : 0px;
    }
} */
.slide-page6 .row-r .mask_shouji1,
.slide-page6 .row-r .mask_shouji2{
    float: left;
    height: 0px;
    overflow: hidden;
}
.slide-page6 .row-r .mask_shouji1.animate{
    /* left: -123px; */
    left: -203px;
    top: -44px;
    position: absolute;
    animation: animateShouji1 2s;
    animation-fill-mode: forwards;
}
.slide-page6 .row-r .mask_shouji2.animate{
    animation: animateShouji2 2s;
    animation-fill-mode: forwards;
}
@keyframes animateShouji1{
    from {
        top: 44px;
        height: 0px;
    }
    to {
        top :-44px;
        height: 478px;
    }
}
@keyframes animateShouji2{
    from {
        margin-top:456px;
        height: 0px;
    }
    to {
        margin-top:0px;
        height: 456px;
    }
}


/* 滚动动画 */
#gundong{
    width: 100%;
    height: 100%;
    position: relative;
    overflow:hidden;
}
#gundong.bg{
    width: 100% !important;
    min-height:980px !important;
    height: 100%;
    background: url(../images/beijing_01_1920@2x.png) center center no-repeat;
}
#gundong .section-row{
    width: 100%;
    height: 100%;
    display: flex;
    /* justify-content: space-around; */
    align-items: center;
    flex-direction: column;
    padding-top: 112px;
}
#gundong h2{
    font-size: 140px;
    font-family: Arial-Bold, Arial;
    font-weight: bold;
    color: #EEEEEE;
    /* margin: 0px; */
    margin-top: 187px;
}
#gundong h2.anmeteH2M{
    animation: animateH2MT 2s;
    animation-fill-mode: forwards;
}
#gundong h2.anmeteH2MRemove{
    animation: animateH2MTRemove 2s;
    animation-fill-mode: forwards;
}
#gundong h2 span{
    font-size: 30px;
    font-family: Microsoft YaHei-Bold, Microsoft YaHei;
    margin-left: 24px;
}
#gundong p{
    font-size: 24px;
    font-family: Arial-Bold, Arial;
    font-weight: bold;
    color: #43FFE7;
}
#gundong img{
   /* width: 100%;
   height: 100%; */
   width: 1280px;
   height: 720px;
   position: absolute;
   /* 开始所在位置 */
   /* bottom: -50%; */
   bottom: -38%;
   /* 第二次滚动所在位置 */
   /* bottom: 0px; */
   box-sizing: border-box;
}
#gundong img.animateS{
    animation: animateBot 2s;
    animation-fill-mode: forwards;
}
#gundong img.animateRemove{
    animation: animateBotRemove 2s;
    animation-fill-mode: forwards;
}
@keyframes animateBot{
    from {
        /* bottom: -50%; */
        bottom: -38%;
    }
    to {
        /* bottom: -15%; */
        bottom: 6%;
    }
}
@keyframes animateBotRemove{
    from {
        /* bottom: -15%; */
        bottom: 6%;
    }
    to {
        /* bottom: -50%; */
        bottom: -38%;
    }
}
/* 手环 */
#gundong .shouHuan_img{
    /* width: 100%;
    height: 100%; */
    width: 1130px;
    height: 706px;
    position: absolute;
    /* 开始所在位置 */
    /* bottom: -57%; */
    bottom: -45%;
    /* 第二次滚动所在位置 */
    /* bottom: 0px; */
    box-sizing: border-box;
 }
 #gundong .shouHuan_img.animateS{
     animation: animateBotShouHuan 2s;
     animation-fill-mode: forwards;
 }
 #gundong .shouHuan_img.animateRemove{
     animation: animateBotRemoveShouHuan 2s;
     animation-fill-mode: forwards;
 }
 @keyframes animateBotShouHuan{
     from {
         /* bottom: -45%; */
         bottom: -45%;
     }
     to {
         /* bottom: -5%; */
         bottom:7%;
     }
 }
 @keyframes animateBotRemoveShouHuan{
     from {
         /* bottom: -5%; */
         bottom:7%;
     }
     to {
        /* bottom: -57%; */
        bottom: -45%;
     }
 }

 @keyframes animateSlidePage2{
    from {
        top: 388px;
        height: 0px;
    }
    to {
        top: 0px;
        height: 388px;
    }
}
@keyframes animateH2MT{
    from {
        margin-top: 187px;
    }
    to {
        margin-top: 0px;
    }
}
@keyframes animateH2MTRemove{
    from {
        margin-top: 0px;
    }
    to {
        margin-top: 187px;
    }
}
.slide-page1 .xiazai{
    display: flex;
    align-items: center;
    margin-left: 78px;
    margin-top: 43px;
}
.slide-page1 .xiazai-left{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 156px;
    height: 60px;
    border-radius: 5px;
    opacity: 1;
    border: 1px solid #D9D9D9;
    font-size: 12px;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 19px;
}
/* .slide-page1 .xiazai-left{
    margin-left: 73px;
    margin-top: 61px;
} */
.slide-page1 .xiazai-left img{
    margin-right: 9px;
}
/* 中英 */
.medicalGrade{
    font-size: 20px;
    font-family: Microsoft YaHei-Bold, Microsoft YaHei;
    font-weight: bold;
    color: #43FFE7;
    text-align: center;
}