#main {
    overflow: hidden;
}

.section .inner {
    position: relative;
}

.sec01 {
    background: #8446a7;
}

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

.sec01 .l3 {
    font-size: 28px;
    color: #fff;
}

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

.sec01 svg {
    width: 100%;
    fill:#7c3ca0;
}

.sec02 {
    background: #f7f7f7;
}

.sec02 .text {
    position: relative;
    z-index: 1;
    padding: 9.23% 0 12.1% 7.86%;
}

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

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

.sec02 .pic {
    position: absolute;
    right: -18%;
    top: 0;
    margin-top: -18%;
    width: 71.5%;
}

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

.sec03 {
    padding: 72px 0;
    text-align: center;
}

.sec03 ul {
    display: flex;
    justify-content: space-between;
}

.sec03 li {
    font-size: 17px;
    line-height: 1.5;
    color: #8c8c8c;
}

.sec03 li .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 118px;
    height: 106px;
    margin: 0 auto 38px;
    transition: transform 1s ease;
}
.sec03 li .icon img{width:100%;}
.sec03 li .l1 {
    display: block;
    font-size: 22px;
    line-height: 1;
    color: #595959;
    margin-bottom: 23px;
}
.sec03 li:hover .icon{
    transform: scale(1.1);
}

.sec04 {
    /*background: url(/static/home/img/product/exh2.png) no-repeat center;
    background-size: cover;*/
    position: relative;
}

.sec04 .inner {
    /*padding-bottom: 54.01%;*/
}
.sec04 .img1{
    top: 22%;
    width:55%;
}
.sec04 .img1 img{width:100%;}

.sec04 .text,.sec07 .text,.sec04 .img1,.sec04 .img3{
    position: absolute;
    left: 50%;
    -ms-transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    transform: translateX(-50%);
}
.sec04 .img3{
    display: flex;
    justify-content: center;
    bottom: 7%;
    width:100%;
}
.sec04 .img3 .imglist{width:20.83%; transition: all 1s ease;}
.sec04 .img3 .imglist img{width:100%;}
.sec04 .img3 .imglist:nth-child(2){margin: 0 4.69%;}
.sec04 .img3 .imglist .p1{ font-size: 18px; color: #fff; text-align: center; background: #884e94; height: 63px; line-height: 63px; width:100%; }
.sec04 .img3 .imglist:hover{transform:scale(1.05) translateZ(0);box-shadow: 0 2px 3px 0 rgb(0 0 0 / 22%);}
.sec04 .text{
    top:11.76%;

}
.sec04 .text p{
    text-align: center;
}
.sec04 .text .t1{
    font-size: 60px;
    color: #fff;
    padding-bottom: 6.5%;
}
.sec04 .text .t2{
    color: #fff;
}
.sec05 {
    background: url(/static/home/img/product/exh4.jpg) no-repeat center;
    background-size: cover;
}
.sec05 .hd{
    padding-bottom: 18.75%;
    position: relative;
}
.sec05 .hd .tbSvg {
    position: absolute;
    width:330px;
    left:15.47%;
    top: 40.83%;
}
.sec05 .hd .tbSvg .znjc{
    position: absolute;
    font-size: 50px;
    color: #fff;
    top: 10px;
    width: 100%;
    text-align: center;
}
.tbSvg.visible #strokedrect {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: dash 2s ease forwards;
}
@keyframes dash {
    to { stroke-dashoffset: 0; }
}



.sec06{position: relative}
.sec06 .text {
    position: absolute;
    right: 5.83%;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
}

.sec06 .l1 {
    font-size: 50px;
    margin-bottom: 98px;
    color: #000;
}
.sec06 ul {
    display: flex;
    justify-content: center;
    color: #595959;
}
.sec06 li {
    color: #595959;
    margin-right: 145px;
}

.sec06 li:last-child {
    margin-right: 0;
}

.sec06 li svg,.sec06 li img {
    display: block;
    width: 118px;
    height: 106px;
    fill: #41b9b2;
    margin: 0 auto 17px;

}
.sec06 li .svson{transition:transform 1s ease;}
.sec06 li:hover .svson {
    transform: scale(1.1);
}

.sec07{position: relative;}
.sec07 .text{top:11.67%;width:46.89%;}
.sec07 .text .list ul{display: flex;justify-content: space-between; text-align: center; margin-top: 7.22%; }
.sec07 .text .list li .p1{ font-size: 40px; color: #fff; margin-bottom: 33px; font-weight: bold; }
.sec07 .text .list li .p2{ color: #929eb0; }
.sec07 .text .bigp1,.sec07 .text .bigp2{color: #fff;}
.sec07 .img1{
    position: absolute;
    width: 75%;
    top:34%;
    left: 50%;
    -ms-transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    transform: translateX(-50%);
}
.sec07 .img1 img{width:100%;}
.sec .text .bigp1{font-size: 50px; text-align: center;margin-bottom: 3% }
.sec .text .bigp2{ text-align: center; }
.sec08{
    background: url(/static/home/img/product/exh9.png) no-repeat center;
    background-size: 100% 100%;
    position: relative;
}
.sec08 .inner{ padding: 173px 0 293px;}
.sec08 .text{ padding-top: 64px;}
.sec08 .text ul li{text-align: left; display: flex; align-items: center;margin-bottom: 46px;}
.sec08 .text ul li .svgIcon{width:25px; margin-right: 19px; }
.sec08 .text .bigp1{color: #000; text-align: left;line-height: 75px; margin-bottom: 83px;}
.sec08 .text .bigp2{color: #080404;}
.sec08 .bjimg{
    position: absolute;
    width:52.14%;
    /*width: 78.14%;*/
    bottom: 0;
    left:48.93%;
   /* left: 39.93%;*/
}
.sec08 .bjimg img{width:100%;}
.sec08 .waveImg{
    position: absolute;
    bottom: 0;
    left:0;
    width:100%;
}
.sec08 .waveImg img{width:100%;}

.sec03 .icon,.sec06 li{position: relative;}
.sec03 .icon svg,.sec06 li svg{position: absolute; left:-12%; width:100%;transition:transform 1s ease 1s; opacity: 0.5; z-index: 2;}
.sec03 .visible .icon .svgline,.sec06 li.visible .svgline{ stroke-dasharray: 500; stroke-dashoffset: 500; animation: dasht 2s cubic-bezier(0.13, 0.82, 1, 0.97) 0.5s forwards;}
@keyframes dasht {
    to { stroke-dashoffset: 0;}
}


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

    .sec01 .l2 {
        font-size: 55px;
        margin-bottom: 11px;
    }

    .sec01 .l3 {
        font-size: 21px;
    }

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

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

    .sec03 {
        padding: 55px 0;
    }

    .sec03 li {
        font-size: 14px;
    }

    .sec03 li .icon {
        width: 68px;
        height: 68px;
        margin: 0 auto 29px;
    }

    .sec03 li .l1 {
        font-size: 18px;
        margin-bottom: 17px;
    }
    .sec04 .text .t1{ font-size: 50px;}

    .sec04 .img3{bottom: 5%;}
    .sec04 .img3 .imglist .p1{height: 50px; line-height: 50px;}

    .sec05 .hd .tbSvg { width: 260px;}
    .sec05 .hd .tbSvg .znjc{top: 8px;font-size: 40px;}

    .sec06 .l1 {
        font-size: 34px;
        margin-bottom: 46px;
    }
    .sec06 li {
        margin-right: 80px;
    }
    .sec06 li svg,.sec06 li img {
        width: 103px;
        height: 91px;
        margin: 0 auto 13px;
    }
    .sec .text .bigp1{font-size: 40px;}
    .sec07 .text{width: 51.89%;}
    .sec07 .text .list ul{padding-top: 4.71%; margin-top: 0;}
    .sec07 .text .list li .p1{font-size: 30px;margin-bottom: 15px;}

    .sec08{background-size: 100% 100%;}
    .sec08 .inner{ padding: 58px 0 123px;}
    .sec08 .text{ padding-top: 40px;}
    .sec08 .text .bigp1{line-height: 62px;margin-bottom: 35px;}
    .sec08 .bjimg{
       /* width: 57.14%;
        left: 46.93%;*/
        width: 41.14%;
        left: 56.93%;
    }
    .sec08 .text ul li{margin-bottom: 26px;}
}

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

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

    .sec01 .l2 {
        font-size:9.87vw;
        margin-bottom: 2.8vw;
        font-weight: bold;
    }

    .sec01 .l3 {
        font-size: 4vw;
    }

    .sec01 .pic {
        left: auto;
        right: 10.8vw;
        top: 9vw;
        bottom: 6.27vw;
        margin-top: 0;
        width: 23vw;
    }

    .sec02 {
        padding: 13.2vw 0 2vw;
    }

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

    .sec02 .l1 {
        font-size: 5.87vw;
        margin-bottom: 5.07vw;
        color: #000202;
    }

    .sec02 .l2 {
        font-size: 3.73vw;
        margin-bottom: 13.07vw;
        color: #575757;
    }

    .sec02 .pic {
        position: static;
        margin: 0 0 0 -13%;
        width: 120%;
    }

    .sec03 {
        padding: 19.6vw 8vw 14.5vw;
    }

    .sec03 ul {
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .sec03 li {
        width: 38vw;
    }

    .sec03 li {
        font-size: 3.2vw;
    }

    .sec03 li:nth-child(1), 
    .sec03 li:nth-child(2) {
        margin-bottom: 15.2vw;
    }

    .sec03 li .icon {
        width: 23.46vw;
        height: 23.46vw;
        margin-bottom: 4vw;
    }

    .sec03 li .l1 {
        font-size: 3.73vw;
        margin-bottom: 4.27vw;
    }
    .sec03 li:nth-child(4) .icon{margin-bottom: 3vw;}
    .sec03 li:nth-child(4) .l1{line-height: 1.6;}
    .sec04 {
        background-image: url(/static/home/img/exi1800_sec04_sp.jpg);
    }

    .sec04 .inner {
        padding: 16.53vw 0 132.8vw;
    }

    .sec04 .text {
        transform: none;
        width:100%;
        left:0;
        text-align: center;
        top:23.6vw;
    }

    .sec04 .text .t1{
        font-size: 9.33vw;
        padding-bottom: 7.6vw;
    }
    .sec04 .text .t2{font-size: 3.47vw;}

    .sec04 .img1{width:100%;top: 33%; }


    .sec04 li .num {
        font-size: 12.93vw;
        margin-bottom: 4.53vw;
    }

    .sec04 li .unit {
        font-size: 4vw;
        margin-left: 4.27vw;
    }
    .sec04 .img3{display: inline-block;bottom: 6.5%;}
    .sec04 .img3 .imglist{width:53.73%;}
    .sec04 .img3 .imglist .p1{height:8.53vw; line-height:8.53vw; font-size: 3.73vw}
    .sec04 .img3 .imglist:nth-child(2){margin: 0;}

    .sec05 {
        background: url(/static/home/img/product/exh_sp_3.jpg) no-repeat center;
        background-size: cover;
    }
    .sec05 .hd{padding-bottom: 40%;}
    .sec05 .hd .tbSvg .znjc{font-size: 6.4vw;top: 2.5vw;}
    .sec05 .hd .tbSvg{width:50.4vw;left: 4%; top: 37.09%;}

    .sec05 .hd img {
        width: 166.38%;
        margin-left: -32.9%;
    }

    .sec05 .hd span {
        font-size: 3.73vw;
        padding-top: 6vw;
    }

    .sec05 .bd {
        padding: 18vw 0 25.33vw;
    }

    .sec05 .bd .l1 {
        font-size: 6vw;
        margin-bottom: 17.33vw;
    }

    .sec05 .bd ul {
        flex-wrap: wrap;
    }

    .sec05 .bd li {
        width: 100%;
        font-size: 3.2vw;
        margin-right: 0;
        margin-bottom: 13.33vw;
    }

    .sec05 .bd li:last-child {
        margin-bottom: 0;
    }

    .sec05 .bd li img {
        width: 29.33vw;
        height: 29.33vw;
        margin: 0 auto 6.67vw;
    }
    .sec06 .l1{font-size: 6.67vw;margin-bottom: 11.33vw;}
    .sec06 ul{width:84%; margin: 0 auto; justify-content: space-between}
    .sec06 .text {
        transform: none;
        width: 100%;
        top:18.4vw;
        right:0;
    }
    .sec06 li svg{width:18.13vw; height: 18.13vw;}
     .sec06 li img{width:18.13vw; height:auto;margin: 0 auto 4.93vw;}
    .sec06 li{font-size: 3.47vw; line-height:1.6; margin-right: 0;}
    .sec .text .bigp1 {font-size: 6.93vw; margin-bottom: 17.93vw;line-height: 1.6;}
    .sec07 .text .list ul{ padding:0 6.4vw 0; }
    .sec07 .text .list li .p1{font-size: 5.33vw;margin-bottom: 3.47vw;}
    .sec07 .text .list li .p2{font-size: 3.47vw;}
    .sec07 .text{width:100%; top:30.93vw;}
    .sec08 .inner{padding: 17.93vw 0 127.93vw;}
    .sec08 .text{padding-top: 0; width:91.73%; margin: 0 auto;}
    .sec08 .text ul li{ font-size: 3.73vw; margin-bottom: 6.4vw;}
    .sec08 .text ul li:nth-child(odd){float: left;width:60%;}
    .sec08 .text ul li:nth-child(even){float: right;width:40%; justify-content: flex-end;}
    .sec08 .text ul li .svgIcon{width:5.33vw; margin-right: 3.06vw;}
    .sec08 .text .bigp1{margin-bottom: 11.93vw;}
    .sec08 .bjimg {width: 86%;left: 6%; }
}<!--0.0001990795135498-->