#main {
    overflow: hidden;
}

.section .inner {
    position: relative;
}

.sec01 {
    background: #4da8e1;
}

.sec01 .text {
    padding: 10.86% 0 5.29% 7.86%;
}

.sec01 .l1 {
    font-size: 21px;
    margin-bottom: 34px;
}

.sec01 .l2 {
    font-size: 72px;
    margin-bottom: 20px;
    color: #fff;
    display: flex;
    align-items: center;
}
.sec01 .l2 .xili{
    font-size: 51px;
    margin-left: 14px;
}
.sec01 .l3 {
    font-size: 28px;
    color: #fff;
}

.sec01 .pic {
    position: absolute;
    left: 37.86%;
    top: 0;
    margin-top: 4.57%;
    width: 12.57%;
}

.sec01 svg {
    width: 100%;
    fill: #005eac;
    opacity: .4;
}

.sec02 {
    background: #fafafa;
}

.sec02 .text {
    position: relative;
    z-index: 1;
    padding: 115px 0 200px 7.86%;
}

.sec02 .l1 {
    font-size: 45px;
    margin-bottom: 32px;
}

.sec02 .l2 {
    font-size: 27px;
    color: #595959;
    margin-bottom: 18px;
}

.sec02 .pic {
    position: absolute;
    right: -15.42%;
    top: 0;
    margin-top: -12.36%;
    width: 92.71%;
}

.sec02 .pic img {
    width: 100%;
}

.sec02 .bd {
    background: #fff;
    padding: 90px 0 64px;
}

.sec02 .bd ul {
    display: flex;
    justify-content: center;
    text-align: center;
}

.sec02 li {
    font-size: 17px;
    color: #8c8c8c;
    margin:0 80px;
}

.sec02 li .amount {
    font-size: 72px;
    color: #4da8e1;
    display: block;
    margin-bottom: 30px;
}

.sec02 li .unit {
    font-size: 18px;
    margin-left: 14px;
}

.sec02 li sup {
    font-size: 42px;
}
.sec03{position: relative;}
.sec03 .bj_video{width:100%; height: auto;}
.sec03 .inner{position: absolute; width: 100%; top:0; left:50%; transform: translateX(-50%);padding-top:3%;}
.sec03 .inner .text{text-align: center;color: #fff;  }
.sec03 .inner .text .l1{font-size: 45px; margin-bottom: 34px;}
.sec03 .inner .text .l2{line-height: 1.6}
@media all and (min-width: 2500px) {
    .sec03 .inner {padding-top:4.5%;}
}


.sec04 ul{display: flex; justify-content: space-between; padding:7.71% 0}
.sec04 ul li{width:29.14%; position: relative; }
.sec04 ul li img{border-radius: 5px; width:100%;}
.sec04 ul li .bt{width:100%; height: 56px; line-height: 56px; font-size: 22px; background: #4da8e1; color: #fff; text-align: center; position: absolute; bottom: 0; left:0 ; border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}

.sec05{
    background: url(../img/product/exc800_5.jpg) no-repeat center top;
    background-size: cover;
}
.sec05 .inner{
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding: 14.79% 0 21.35%;
}
.sec05 .text{text-align: center; width:53.57%; margin-right: -4%;}
.sec05 .text .p1{font-size: 45px; color:#161616; margin-bottom: 26px;}
.sec05 .text .p2{line-height: 1.8}
.sec05 .text .icon{display: flex; color: #575757; margin: 70px 0 0px; text-align: center; justify-content: space-between;}
.sec05 .text .icon li .bg{width:114px; height:114px; line-height: 114px; border-radius: 50%;margin: 0 auto; margin-bottom: 28px;}
.sec05 .text .icon li p{line-height: 1.4}
.sec05 .text .icon li .sonbg{ vertical-align: middle; border-radius: 50%;  }
.sec05 .text .icon li img{vertical-align: middle; width:100%; }
.sec05 .text .bigtext .fr{float: right;text-align: center;}
.sec05 .text .bigtext .p1{font-size: 135px; color: #00bcf4;}
.sec05 .text .bigtext .p1 span{font-size: 35px;margin-left: -18px;}
.sec05 .text .bigtext .p2{font-size: 22px; color: #000102;}

.sec06{
    background: url(../img/product/exc800_6.jpg) no-repeat center bottom;
    background-size: cover;
    position: relative;
}
.sec06 .title{font-size: 45px; color: #fff; text-align: center;padding: 4.79% 0 5.1%;}
.sec06 .jtjiao{display: block; width:0; border-left:19px solid transparent;border-right:19px solid transparent; border-top:19px solid #0586cf; position: absolute; bottom: -19px; left:50%; margin-left: -19px; }

.sec07{
    background: url(../img/product/exc800_7.jpg) no-repeat center top;
    background-size: cover;
}
.sec07 .inner{padding:12.34% 0 12.18%;}
.sec07 .text{ margin-left: 8.21%;}
.sec07 .text .p1{font-size: 45px; margin-bottom: 75px;}
.sec07 .text .pdian{font-size: 22px; color: #575757; position: relative;display: flex;align-items: center; margin-bottom: 30px;}
.sec07 .text .pdian:before{content:''; display: block; width:10px; height:10px; background: #00bcf4; position: absolute; border-radius: 50%; left:-22px; }
.sec07 .text .icon{display: flex; text-align: center; margin-top: 76px;}
.sec07 .text .icon li{margin-right: 90px;}
.sec07 .text .icon li:nth-child(1) img{width:60px; margin-bottom: 40px;}
.sec07 .text .icon li:nth-child(2) img{width:74px; margin-bottom: 24px;}
.sec07 .text .icon li:nth-child(3) img{width:68px; margin-bottom: 31px;}
.sec08{ position: relative;}
.sec08 .inner{text-align: center;}
.sec08 .gif{width:89.64%;}
.sec08 .inner{position: absolute; top: 0;width: 100%;left: 50%; transform: translateX(-50%);  }
.sec08 .inner .title{width: 100%; font-size: 45px; color: #161616; padding-top: 10.14%; text-align: center;}
.sec08 .waveImg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}


@media all and (max-width: 1480px) {
    .sec01 .l1 {
        font-size: 16px;
        margin-bottom: 26px;
    }

    .sec01 .l2 {
        font-size: 55px;
        margin-bottom: 15px;
    }
    .sec01 .l2 .xili{font-size: 43px;}
    .sec01 .l3 {
        font-size: 21px;
    }

    .sec02 .l1 {
        font-size: 34px;
        margin-bottom: 24px;
    }

    .sec02 .l2 {
        font-size: 21px;
    }

    .sec02 .bd {
        padding: 68px 0 49px;
    }

    .sec02 li {
        font-size: 16px;
        margin: 0 61px;
    }

    .sec02 li .amount {
        font-size: 55px;
        margin-bottom: 23px;
    }

    .sec02 li .unit {
        font-size: 16px;
        margin-left: 11px;
    }

    .sec02 li sup {
        font-size: 32px;
    }
    .sec02 .text{padding: 115px 0 128px 7.86%;}

    .sec03 .inner .text .l1{font-size: 34px; margin-bottom: 26px;}
    .sec04 ul li .bt{font-size: 18px;height: 46px; line-height: 46px;}
    .sec05 .text{margin-top: 136px;}
    .sec05 .text .icon li .bg{width: 100px;height: 100px;line-height: 100px;}
    .sec05 .text .icon li .sonbg{width: 82px;height: 82px;line-height: 82px;}
    .sec05 .text .p1,.sec06 .title,.sec07 .text .p1,.sec08 .inner .title{font-size: 34px;}
    .sec07 .text .p1 {margin-bottom: 60px;}
    .sec07 .text .pdian{font-size: 18px;margin-bottom: 26px;}
    .sec07 .text .icon{margin-top: 62px;}
    .sec08 .inner .title{padding-top: 8.14%;}
}

@media all and (max-width: 767px) {
    .sec01 .text {
        padding: 8% 0 6.27% 8.93%;
    }

    .sec01 .l1 {
        font-size: 3.47vw;
        margin-bottom: 5.01vw;
    }

    .sec01 .l2 {
        font-size: 9.73vw;
        margin-bottom: 2.27vw;
    }
    .sec01 .l2 .xili{ font-size: 7vw; }
    .sec01 .l3 {
        font-size: 4vw;
    }

    .sec01 .pic {
        left: auto;
        right: 6.8vw;
        top: auto;
        bottom: 6.27vw;
        margin-top: 0;
        width: 22vw;
    }

    .sec02 {
        padding-top: 13.2vw;
        background: #f7f7f7;
    }

    .sec02 .text {
        padding: 0;
        text-align: center;
    }

    .sec02 .hd .l1 {
        font-size: 6vw;
        margin-bottom: 4.13vw;
    }

    .sec02 .hd .l2 {
        font-size: 3.73vw;
        margin-bottom: 2.13vw;
    }

    .sec02 .hd .l3 {
        font-size: 2.93vw;
        line-height: 1.46;
        margin-bottom: 7.07vw;
    }

    .sec02 .pic {
        position: static;
        margin: 0 auto;
        width: 100%;
    }
    .sec02 .pic img {
        width: 156%;
        margin-left: -43%;
    }

    .sec02 .bd {
        padding: 13.33vw 0 4.66vw;
    }

    .sec02 .bd ul {
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .sec02 li {
        margin: 0 9.6vw 8.67vw;
        font-size: 3.2vw;
    }

    .sec02 li .amount {
        font-size: 11.87vw;
        margin-bottom: 3.6vw;
    }

    .sec02 li .unit {
        font-size: 3.2vw;
        margin-left: 2.67vw;
    }

    .sec02 li sup {
        font-size: 6.4vw;
    }
    .sec03 .inner{padding-top: 16.27%}
    .sec03 .inner .text .l1 {font-size: 6vw; margin-bottom: 4.33vw;}
    .sec03 .inner .text .l2{font-size: 3.2vw; }
    .sec03 .bj_video img{width:100%;}
    .sec04 ul li { width: 54.4%; position: relative; }
    .sec04 ul li .bt{font-size: 3.2vw; height: 7.47vw; line-height: 7.47vw;}
    .sec05{
        background: url(../img/product/exc800sp_2.jpg) no-repeat center bottom;
        background-size: 100% 100%;
    }
    .sec05 .inner{
        justify-content: center;
        padding: 8.67% 0 94.4%;
    }
    .sec05 .text{margin-top: 0;width: 100%;margin-right: 0}
    .sec05 .text .p1{font-size: 5.33vw;margin-bottom: 5.06vw;}
    .sec05 .text .p2{font-size: 3.2vw; color: #666666;}
    .sec05 .text .icon{justify-content: space-around; flex-wrap: wrap;margin: 6.67vw 0 0;}
    .sec05 .text .icon li{width:50%; margin-bottom: 5.8vw;}
    .sec05 .text .icon li p{font-size: 3.2vw;}
    .sec05 .text .icon li .bg {width: 16.26vw; height: 16.26vw; line-height:16.26vw;margin-bottom: 1.33vw;}
    .sec05 .text .icon li .sonbg {width: 14.13vw; height: 14.13vw;line-height: 14.13vw;margin: 1.065vw auto 0;}
    .sec06 .title{font-size: 6.13vw; padding: 12% 0 13%;}
    .sec07 {
        background: url(../img/product/exc800sp_3.jpg) no-repeat;
        background-size: 100% 100%;
    }
    .sec07 .text{margin-left: 0; width:100%; margin-left: 12.93%}
    .sec07 .text .p1{font-size: 6.13vw;margin-bottom: 6.13vw; }
    .sec07 .text .pdian{font-size: 3.2vw; margin-bottom: 4.27vw;}
    .sec07 .text .icon{margin-top: 8.4vw;}
    .sec07 .inner { padding: 16.8% 0 86.4%; }
    .sec07 .text .icon{align-items: flex-end;}
    .sec07 .text .icon li{margin-right: 11.2vw}
    .sec07 .text .icon li:nth-child(1) img{width:10.4vw;}
    .sec07 .text .icon li:nth-child(2) img{width:10.66vw;}
    .sec07 .text .icon li:nth-child(3) img{width:10vw;}
    .sec07 .text .icon li img{margin-bottom: 4vw !important;}
    .sec07 .text .icon li p{font-size: 3.2vw; }
    .sec08 .inner .title{font-size: 6.13vw;padding-top:17.33%;}

}