.section .inner{width:1400px;}
.section .innerPos{
    position: absolute;
    left:50%;
    top:0;
    transform:  translateX(-50%);
}
.section img{width:100%;}
.sec01{background: #00c87f;}
.sec01 .text {  padding: 10.86% 0 5.29% 14.86%;  }
.sec01 svg {width: 100%; fill: #09825e;  }
.sec01 .pic{width: 1.3rem; left: 42.76%;}
.sec02 .l1{line-height: 1.2; font-size: 0.34rem;}
.sec02 .num1{ margin-right: 0.92rem; }
.sec02 .l2{line-height: 1.7; font-size: 0.14rem; margin-bottom: 0.5rem; }
.sec02 .l3{ font-size: 0.18rem; color: #00c87f;}
.sec02 .l3 span{ font-size: 0.5rem;}
.sec02 .text {
    position: relative;
    z-index: 1;
    padding: 0.66rem 0 1rem 14.86%;
}
.sec02 .pic {
    position: absolute;
    right: -6%;
    top: 0;
    margin-top: -17%;
    width: 72%;
}
.section .comtext1 .p1{font-size: 0.46rem; color: #333333; text-align: center; }
.section .comtext1 .p2{font-size: 0.16rem; color: #8c8c8c; text-align: center; line-height: 1.8; margin: 0.6rem 0 0.8rem;}
.sec03{
    background: #fdfdfd url('../../img/product/zip960/img13.jpg') no-repeat;
    background-size:100% auto;
    background-position:top;
    padding: 3.8rem 0 1.68rem;
}
.sec03 .inner{justify-content: flex-end;}
.sec03 .text1{width: 6.4rem; justify-content: flex-end; margin-right: 0.15rem;}
.sec03 .text1 .p2{ margin-top: 0.7rem;}
.sec03 .text2 .p2{ margin-top: 0.2rem; margin-bottom: 0.7rem;}
.sec03 .inner2{ margin-top:2.77rem;}
.sec03 .yqimg{width:9.5rem; position: absolute;  left: -0.35rem;  top: -2.55rem;}


.sec03 .u1{padding: 0 2.45rem; box-sizing: border-box;}
.sec03 .u1 .li{display: flex; flex-direction: column; align-items: center; width: 4.4rem;}
.sec03 .u1 .ltimg{display: flex; flex-direction: column; justify-content: space-between;}
.sec03 .u1 .img{ overflow: hidden;}
.sec03 .u1 .img img{ transition:transform 1.6s ease;  }
.sec03 .u1 .img:hover img{ transform: scale(1.1); }
.sec03 .u1 .ltimg .img{ height: 2.74rem;}
.sec03 .u1 .bref{font-size: 0.17rem; margin-top: 0.26rem; line-height: 1.7; height: 0.56rem; line-height: 0.56rem;  background: rgba(0,200,127,0.8); text-align: center; color: #fff; position: absolute; left:0; bottom: 0; width: 100%; line-height: 1.7;}
.sec03 .u1 .rtimg .img{ height: 5.8rem; }
.sec03 .u1 .rtimg .bref{ height: 0.88rem; }

.sec03 .poscircle{
    width:1.56rem; height: 1.56rem; border-radius: 50%;
    background: url('../../img/product/zip960/img9.png') no-repeat;
    background-size:100% 100%;
    position: absolute;
    right: 0.34rem;
    top: 1.4rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #00c87f;
    animation: fudong 8s linear 0s infinite;
}
.sec03 .poscircle .p1{font-size: 0.18rem;}
.sec03 .poscircle .p1 span{font-size: 0.52rem;}
.sec03 .poscircle .p2{font-size: 0.14rem;}

@keyframes fudong {
    0%{ transform: translate3d(0px,0,0)}
    20%{transform: translate3d(16px,0,0) }
    40%{transform: translate3d(-20px,0,0) }
    60%{ transform: translate3d(0,16px,0) }
    80%{ transform: translate3d(0px,-16px,0)}
    100%{ transform: translate3d(0,0,0)}
}

.section .posbox .circle {
    animation: circleSan 2s linear infinite;
}
@keyframes circleSan {
    0%{ opacity: 0.1 }
    50%{ opacity: 0.5 }
    100%{ opacity: 0.1 }
}

.sec04{
    background: #2e2e2e url('../../img/product/zip960/img7.png') no-repeat;
    background-position: center bottom;
    background-size:100% auto;
    padding: 1.46rem 0 3.73rem;
    position: relative;
}
.sec04 .title{ font-size: 0.46rem; color: #fff; }
.sec04 .posbox1{ width: 4.04rem; height: 1.02rem; background: url('../../img/product/zip960/img4.png') no-repeat; background-size: cover; justify-content: flex-end;}
.sec04 .posbox2{ width: 2.9rem; height: 0.9rem; background: url('../../img/product/zip960/img6.png') no-repeat; background-size: cover; margin-left: 1.24rem; margin-right: 1.16rem; margin-top: 1.62rem;}
.sec04 .posbox3{ width: 2.93rem; height: 0.9rem; background: url('../../img/product/zip960/img6.png') no-repeat; background-size: cover; margin-top: 0.62rem;}
.sec04 .posbox p{font-size: 0.2rem; color: #fff; line-height: 1.5; padding: 0 0.28rem; box-sizing: border-box;}
.sec04 .posbox1 p{text-align: right;}
.sec04 .posbox{position: relative; z-index: 3;}
.sec04 .posbox .dashline{position: absolute; left:-0.2rem; top:0; width: 0.22rem; z-index: 3;}
.sec04 .posbox1 .dashline{position: absolute; left:auto; right:-0.2rem; top:0;}
.sec04 .blockbox{margin-top: 0.7rem; margin-left: 0.4rem;}
.sec04 .yqimg{width: 13.85rem; position: absolute; bottom: -4.4rem;  left: 50%;  transform: translateX(calc(-50% - 0.7rem));}

.sec05{ padding: 16.5% 0 6.58%; background: #00c87f url('../../img/product/zip96v/5.jpg') no-repeat;  background-position: left bottom;}
.sec05 .inner{flex-direction: column;  align-items: center;  display: flex;}
.sec05 .text .p1{color: #fff;}
.sec05 .text .p2{color: rgba(255,255,255,0.8); margin: 0.26rem 0 0.8rem;}
.sec05 .numbox{color: #fff;}
.sec05 .ftnum span{font-size: 0.68rem;}
.sec05 .ftnum p{font-size: 0.24rem; line-height: 1.4; margin-top: -0.06rem;}
.sec05 .ftnum p:first-line{font-size: 0.26rem; margin-bottom: 0.1rem;}
.sec05 .num2{margin-left: 2.2rem;}
.sec05 .numbox .img{width: 1.28rem; margin: 0.3rem auto 0;}
.sec05 .numbox .num2 .img{transform: rotate(180deg); margin-top: 0.2rem;}

@media screen and (max-width: 1480px) {
    .sec02 .l2,
    .section .comtext1 .p2,
    .sec03 .u1 .bref
    {font-size: 13px;}
}
/**手机**/
@media screen and (max-width: 767px) {
    .sec02 {padding-top:1.4rem !important;}
    .sec02 .text{padding: 1.12rem 0 5.15rem 0;}
    .sec02 .pic{ width:76%; right:6%;}
    .sec02 .hd .l3{display: none;}
    .sec02 .text .flex{display: block;}
    .sec02 .num1{margin-right: 0;}
    .sec02 .hd .l1{font-size: 0.45rem !important;}
    .sec02 .hd .l2{font-size: 0.26rem !important; margin-bottom: 0.04rem !important;}
    .sec02 .text .hd{margin-bottom: 0 !important;}
    .sec02 .pic{ margin-top: -3% !important; padding-bottom:0 !important;}
    .sec02 .pic img{ margin-left: -23% !important; width: 134% !important;}
    .section .comtext1 .p2{font-size: 0.26rem;}
    .sec03{
        padding: 1.39rem 0 1.4rem;
        background: #f2f5f7 url(../../img/product/zip960/sp_4.jpg) no-repeat;
        background-size: 100% auto;
        background-position: top;
    }
    .sec03 .text1{width:100%; margin-right: 0;}
    .sec03 .text1 .p2{margin-top: 0.4rem;}
    .sec03 .yqimg{width: 81%;  left: -1rem;  top: 2.3rem;}
    .sec03 .yqimg img{width: 154%;}
    .sec03 .inner2{ margin-top:7rem; }
    .sec03 .text2 .p2{margin-top: 0.32rem; margin-bottom:0.5rem;}
    .sec03 .poscircle{ height:2.16rem; width:2.16rem; top: 0.1rem;}
    .sec03 .poscircle .p1{font-size: 0.26rem;}
    .sec03 .poscircle .p2{font-size: 0.26rem; margin-top: 0.1rem;}
    .sec03 .u1{margin: 0 0.76rem; padding: 0;}
    .sec03 .u1 .li{width:100%;}
    .sec03 .u1 .ltimg{flex-direction: unset;}
    .sec03 .u1 .ltimg .img{height: 3.72rem;}
    .sec03 .u1 .bref{font-size: 0.26rem; height: 0.78rem; line-height: 1.4;}
    .sec03 .u1 .li3 .bref{height: 1rem;}
    .sec03 .swiper-pagination{ position: unset; margin-top: 0.58rem;}
    .sec03 .swiper-pagination-bullet{ width:0.24rem; height: 0.24rem; background: #b2eed8; margin:0 0.08rem !important; opacity: 1;}
    .sec03 .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #00c87f; }
    .sec04 {
        padding: 1.37rem 0 3.5rem;
        background: #2e2e2e url(../../img/product/zip960/sp_3.jpg) no-repeat;
        background-size: 100% auto;
        background-position: bottom;

    }
    .sec04 .title{font-size: 0.6rem;}
    .sec04 .yqimg{width: 135%; transform: translateX(calc(-50% - 0.5rem)); bottom: -3rem;}
    .sec04 .blockbox{margin-left:0; position: relative; margin-top: 0;}
    .sec04 .posbox{height: 1.23rem; background-size:100% 100%;}
    .sec04 .posbox p{font-size: 0.26rem;}
    .sec04 .posbox1{width: 3.3rem;background-position: right;margin-top: 2.67rem; margin-left: -0.36rem;}
    .sec04 .posbox2{ width: 3.4rem; position: absolute; right: -0.3rem; top:3rem;  margin: 0; }
    .sec04 .posbox3{width: 3rem; position: absolute; right: 0.8rem; top: 1.2rem; margin-top: 0;}
    .sec05 {
        padding: 2.78rem 0 2.12rem;
        background: #00c87f url(../../img/product/zip960/sp_2.jpg) no-repeat;
        background-position: bottom left;
        background-size: 100% auto;
    }

    .sec05 .ftnum span{font-size: 0.7rem;}
    .sec05 .text .p2{color: #fff; margin-top: 0.36rem; margin-bottom: 0.93rem;}
    .sec05 .ftnum .p1{font-size: 0.4rem;}
    .sec05 .ftnum .p2{font-size: 0.28rem; text-align: center; }
}