#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: 9.29% 0 9.29% 7.86%;
}

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

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

.sec02 .l3 {
    font-size: 17px;
    color: #595959;
    margin-bottom: 80px;
}

.sec02 .pic {
    position: absolute;
    right: -10%;
    top: 0;
    margin-top: -9.71%;
    width: 73.57%;
}

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

.sec02 ul {
    font-size: 0;
    overflow: hidden;
}

.sec02 li {
    float: left;
    margin-right: 50px;
    text-align: center;
    font-size: 17px;
    color: #8c8c8c;
}

.sec02 li .ihd {
    color: #00acec;
    margin-bottom: 16px;
}

.sec02 li .ihd span {
    font-size: 40px;
    margin-right: 3px;
}

.sec03 {
    position: relative;
    left: 50%;
    min-width: 1920px;
    transform: translateX(-50%);
}

.sec03 .bg img {
    display: block;
    width: 100%;
}

.sec03 .bg video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.sec03 .inner {
    position: absolute;
    left: 50%;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-50%);
}

.sec03 .text {
    position: absolute;
    left: 0;
    top: 50%;
    width: 440px;
    text-align: center;
    transform: translateY(-50%);
}

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

.sec03 .l2 {
    font-size: 17px;
    line-height: 1.6;
    margin-bottom: 114px;
}

.sec03 .l3 {
    font-size: 22px;
}

.sec03 .l3 .hd {
    font-size: 174px;
    color: #00bcf4;
    margin-bottom: 13px;
}

.sec03 .l3 .hd span {
    font-size: 34px;
    margin-left: 10px;
}

.sec04 {
    padding: 167px 0 158px;
    text-align: center;
}
.sec04 .inner{width:72.91%; display: flex; justify-content: space-between;}
.sec04 .pic {
    width:63.42%;
    margin-left: -8vw;
}
.sec04 .pic img {
    width: 100%;
}

.sec04 .text{text-align: center; width:53.57%; margin-right: -8vw;}
.sec04 .text .p1{font-size: 45px; color:#161616; margin-bottom: 26px;}
.sec04 .text .p1 span{color: #00a2e1;}
.sec04 .text .p1 .span1{font-size: 5.41vw;}

.sec04 .text .p2{line-height: 1.8}
.sec04 .text .icon{display: flex; color: #575757; margin: 70px 0 0px; text-align: center; justify-content: space-between;}
.sec04 .text .icon li .bg{width:114px; height:114px; line-height: 114px; border-radius: 50%;margin: 0 auto; margin-bottom: 28px;}
.sec04 .text .icon li .sonbg{ vertical-align: middle; border-radius: 50%;  }
.sec04 .text .icon li img{vertical-align: middle; width:100%; }
.sec04 .text .icon li p{line-height: 1.4;}
.sec04 .text .bigtext .fr{float: right;text-align: center;}
.sec04 .text .bigtext .p1{font-size: 135px; color: #00bcf4;}
.sec04 .text .bigtext .p1 span{font-size: 35px;margin-left: -18px;}
.sec04 .text .bigtext .p2{font-size: 22px; color: #000102;}






.sec05 {
    padding: 106px 0 112px;
    background: linear-gradient(#ededed, #fff);
}

.sec05 .hd {
    text-align: center;
}

.sec05 .hd .l1 {
    font-size: 48px;
    margin-bottom: 28px;
}

.sec05 .hd .l2 {
    font-size: 17px;
    line-height: 1.6;
    color: #8c8c8c;
    margin-bottom: 87px;
}

.sec05 .picBox {
    margin-bottom: 60px;
}

.sec05 .picBox img {
    width: 100%;
}

.sec05 .picBox .part1 {
    transform: translateY(60px);
    transition: transform 1s ease-out;
}

.sec05 .picBox .part2 {
    transform: translateY(30px);
    transition: transform 1s ease-out;
}


.sec05 .picBox.visible .part1,
.sec05 .picBox.visible .part2 {
    transform: none;
}

.sec05 ul {
    font-size: 0;
}

.sec05 li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-right: 25px;
    padding: 20px;
    width: 450px;
    box-sizing: border-box;
    color: #4b4b4b;
    background: #f0f0f0;
}

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

.sec05 li .pic {
    width: 140px;
}

.sec05 li .pic img {
    width: 100%;
}

.sec05 li .text {
    position: absolute;
    left: 180px;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.sec05 li .title {
    font-size: 17px;
    margin-bottom: 18px;
}

.sec05 li .content {
    font-size: 14px;
    line-height: 1.42;
}

.sec06 {
    background: url(../img/zs400_sec06.jpg) no-repeat center;
    background-size: cover;
}

.sec06 .inner {
    padding: 116px 0 525px 135px;
    box-sizing: border-box;
}

.sec06 .l1 {
    font-size: 45px;
    margin-bottom: 28px;
}

.sec06 .l2 {
    font-size: 17px;
    line-height: 1.67;
    color: #8c8c8c;
}

.sec06 li {
    position: absolute;
    transform: translateX(-50%);
    text-align: center;
}

.sec06 .item1 {
    left: 190px;
    bottom: 55px;
}

.sec06 .item2 {
    left: 625px;
    bottom: 35px;
}

.sec06 li .ihd {
    font-size: 37px;
}

.sec06 li .ihd .amount {
    margin-top: 40px;
    font-size: 41px;
    color: #0050ab;
}

.sec06 li .amount .lt {
    font-size: 32px
}

.sec06 li .amount .unit {
    font-size: 19px
}

.sec06 .item1 .ihd {
    margin-bottom: 100px;
}

.sec06 .item2 .ihd {
    margin-bottom: 55px;
}

.sec06 li .ibd {
    position: relative;
}

.sec06 li .ibd svg {
    width: 74px;
    margin: 0 auto;
    fill: #fff;
}

.sec06 li .ibd .label {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-size: 16px;
    color: #fff;
    letter-spacing: 2px;
    white-space: nowrap;
}

.sec06 .item2 .ibd svg {
    transform: rotate(180deg);
}

.sec06 .item1 .ibd .label {
    bottom: 46px;
}

.sec06 .item2 .ibd .label {
    top: 46px;
}

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

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

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

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

    .sec02 .l3 {
        margin-bottom: 61px;
    }

    .sec02 li {
        margin-right: 38px;
    }

    .sec02 li .ihd {
        margin-bottom: 12px;
    }

    .sec02 li .ihd span {
        font-size: 30px;
    }

    .sec03 .text {
        width: 360px;
    }

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

    .sec03 .l2 {
        font-size: 14px;
        margin-bottom: 87px;
    }

    .sec03 .l3 {
        font-size: 17px;
    }

    .sec03 .l3 .hd {
        font-size: 132px;
        margin-bottom: 10px;
    }

    .sec03 .l3 .hd span {
        font-size: 26px;
        margin-left: 8px;
    }

    .sec04 {
        padding: 116px 0 82px;
    }

    .sec04 .l1 {
        font-size: 34px;
        margin-bottom: 46px;
    }

    .sec04 .pic {
        width: 675px;
    }

    .sec04 .text .p1 .span1 {
        font-size: 71px;
    }



    .sec05 {
        padding: 81px 0 85px;
    }

    .sec05 .hd .l1 {
        font-size: 36px;
        margin-bottom: 21px;
    }

    .sec05 .hd .l2 {
        font-size: 14px;
        margin-bottom: 66px;
    }

    .sec05 .picBox {
        margin-bottom: 46px;
    }

    .sec05 .picBox .part1 {
        transform: translateY(46px);
    }

    .sec05 .picBox .part2 {
        transform: translateY(23px);
    }

    .sec05 li {
        margin-right: 19px;
        padding: 15px;
        width: 340px;
    }

    .sec05 li .pic {
        width: 106px;
    }

    .sec05 li .text {
        left: 137px;
        right: 15px;
    }

    .sec05 li .title {
        font-size: 14px;
        margin-bottom: 14px;
    }

    .sec06 .inner {
        padding: 88px 0 399px 103px;
    }

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

    .sec06 .l2 {
        font-size: 14px;
    }

    .sec06 .item1 {
        left: 144px;
        bottom: 42px;
    }

    .sec06 .item2 {
        left: 475px;
        bottom: 27px;
    }

    .sec06 li .ihd {
        font-size: 28px;
    }

    .sec06 li .ihd .amount {
        margin-top: 30px;
        font-size: 31px;
    }

    .sec06 li .amount .lt {
        font-size: 24px
    }

    .sec06 li .amount .unit {
        font-size: 17px
    }

    .sec06 .item1 .ihd {
        margin-bottom: 76px;
    }

    .sec06 .item2 .ihd {
        margin-bottom: 42px;
    }

    .sec06 li .ibd svg {
        width: 56px;
    }

    .sec06 li .ibd .label {
        font-size: 14px;
    }

    .sec06 .item1 .ibd .label {
        bottom: 35px;
    }

    .sec06 .item2 .ibd .label {
        top: 35px;
    }
}

@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;
        padding-bottom: 13vw;
        text-align: center;
    }

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

    .sec02 .l2 {
        font-size: 4.27vw;
        margin-bottom: 4vw;
    }

    .sec02 .l3 {
        font-size: 3.2vw;
        line-height: 1.46;
        margin-bottom: 13.07vw;
    }

    .sec02 .pic {
        position: static;
        width: 100%;
        margin-top: 9vw;
        margin-left: -5vw;
    }

    .sec02 ul {
        padding-top: 10.4vw;
        background: #4a4a4a;
    }

    .sec02 li {
        float: none;
        margin: 0 0 8vw;
        display: inline-block;
        width: 40%;
        font-size: 3.2vw;
        color: #fff;
    }

    .sec02 li .ihd {
        margin-bottom: 2.8vw;
    }

    .sec02 li .ihd span {
        font-size: 10.4vw;
        margin-right: 1.87vw;
    }

    .sec03 {
        min-width: auto;
        padding: 17.07vw 0 4.53vw;
        text-align: center;
        background: linear-gradient(#e5e5e5, #e7e7e7);
    }

    .sec03 .bg {
        display: none;
    }

    .sec03 .inner {
        position: static;
        transform: none;
    }

    .sec03 .text {
        position: static;
        transform: none;
        padding: 0;
        width: auto;
    }

    .sec03 .l1 {
        font-size: 5.33vw;
        margin-bottom: 7.03vw;
    }

    .sec03 .l2 {
        font-size: 3.2vw;
        line-height: 1.58;
        margin-bottom: 12.53vw;
    }

    .sec03 .l3 {
        font-size: 3.2vw;
        margin-bottom: 11.2vw;
    }

    .sec03 .l3 .hd {
        font-size: 18.67vw;
        margin-bottom: 2.8vw;
    }

    .sec03 .l3 .hd span {
        font-size: 5.33vw;
        margin-left: 3.73vw;
    }


    .sec04 {padding: 13vw 0 10vw;}
    .sec04 .pic{width: 88.27vw; margin: 0 auto 11.47vw;}
    .sec04 .inner{display: inline-block; width: 100%;}
    .sec04 .text{margin-top: 0;width: 100%;margin-right: 0}
    .sec04 .text .p1{font-size: 5.33vw;margin-bottom: 5.06vw;}
    .sec04 .text .p1 .span1 {font-size: 17.67vw;}
    .sec04 .text .p2{font-size: 3.2vw; color: #666666;}
    .sec04 .text .icon{justify-content: space-around; flex-wrap: wrap;margin: 6.67vw 10% 0;}
    .sec04 .text .icon li{width:50%; margin-bottom: 5.8vw;}
    .sec04 .text .icon li p{font-size: 3.2vw;}
    .sec04 .text .icon li .bg {width: 16.26vw; height: 16.26vw; line-height:16.26vw;margin-bottom: 1.33vw;}
    .sec04 .text .icon li .sonbg {width: 14.13vw; height: 14.13vw;line-height: 14.13vw;margin: 1.065vw auto 0;}

    .sec05 {
        padding: 19.2vw 0 6.8vw;
        background: linear-gradient(#e2e2e2, #e5e5e5);
    }

    .sec05 .hd .l1 {
        font-size: 5.33vw;
        margin-bottom: 6.8vw;
    }

    .sec05 .hd .l2 {
        font-size: 3.2vw;
        line-height: 1.58;
        margin-bottom: 14.67vw;
    }

    .sec05 .picBox {
        margin: 0 auto;
        width: 58.13vw;
    }

    .sec05 .picBox img {
        width: 100%;
    }

    .sec05 ul {
        margin: 0 4vw;
    }

    .sec05 li {
        display: block;
        margin-right: 0;
        margin-bottom: 1.6vw;
        padding: 2.8vw;
        width: auto;
        overflow: hidden;
        background: #fafafa;
    }

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

    .sec05 li .pic {
        width: 28.8vw;
    }

    .sec05 li .text {
        left: 36.5vw;
        right: 2.8vw;
    }

    .sec05 li .title {
        font-size: 4.8vw;
        margin-bottom: 2.4vw;
    }

    .sec05 li .content {
        font-size: 2.93vw;
    }

    .sec06 {
        background-image: url(../img/zs400_sec06_sp.jpg);
    }

    .sec06 .inner {
        padding: 19.6vw 0 107.07vw 8.8vw;
    }

    .sec06 .l1 {
        font-size: 5.33vw;
        margin-bottom: 5.6vw;
    }

    .sec06 .l2 {
        font-size: 3.2vw;
        line-height: 1.58;
    }

    .sec06 .item1 {
        left: 23.47vw;
        bottom: 11.67vw;
    }

    .sec06 .item2 {
        left: 59.73vw;
        bottom: 15.13vw;
    }

    .sec06 li .ihd {
        font-size: 4.8vw;
    }

    .sec06 li .ihd .amount {
        margin-top: 3vw;
        font-size: 6.13vw;
    }

    .sec06 li .amount .lt {
        font-size: 4.27vw;
    }

    .sec06 li .amount .unit {
        font-size: 3.2vw;
    }

    .sec06 .item1 .ihd {
        margin-bottom: 14.93vw;
    }

    .sec06 .item2 .ihd {
        margin-bottom: 11.4vw;
    }

    .sec06 li .ibd svg {
        width: 10vw;
    }

    .sec06 li .ibd .label {
        font-size: 3.2vw;
    }

    .sec06 .item1 .ibd .label {
        bottom: 4.67vw;
    }

    .sec06 .item2 .ibd .label {
        top: 4.67vw;
    }
}