#main {overflow: hidden;}
.section .inner{width:1400px;}
.section .innerPos{position: absolute;left:50%;top:0;transform:  translateX(-50%);}
.section img{width:100%;}
.sec01{background: #41B9B2;}
.sec01 .text {  padding: 10.86% 0 5.29% 7.7%;}
.sec01 svg {width: 100%; fill: #209D95;  }
.sec01 .pic{width: 1.3rem; left: 31.76%;}
.sec02 .l1{line-height: 1.2; font-size: 0.42rem; color: #000202; margin-bottom: 0;}
.sec02 .num1{ margin-right: 0.92rem; }

.sec02 .text {
    position: relative;z-index: 1;padding: 1.4rem 0 1.7rem 7.7%;
}
.sec02 .pic {
    position: absolute;right: -6.42%;top: 0;margin-top: -21%;width: 72%;
}
.bigTitle{font-size: 0.4rem; color: #232323;}

.sec03 {
    background: url('../../img/product/exi8000/2.jpg');
    background-size: cover;
    background-position: bottom center;
    padding:4.68% 0 44.27%;
    position: relative;
}
.sec03 .p1{color: #41B9B2}
.sec03 .p1 .span1{font-size: 0.66rem; }
.sec03 .p1 .span2{font-size: 0.2rem; }
.sec03 .p2 {font-size: 0.18rem; color: #595959; margin-top: 0.2rem; }
.sec03 .inner1 {padding: 0 1.4rem; box-sizing: border-box; }
.sec03 .text{margin-top: 1.28rem;}
.sec03 .text p{text-align: right;}
.sec03 .text .bigBref {font-size: 0.22rem; color:#595959; margin-top: 0.2rem; }
.sec03 .innerPos {bottom: 1.06rem; top:unset;}
.sec03 .wap{display: none;}
.sec03 .smallCircle{display: flex; flex-direction: column; align-items: center; position: absolute; z-index: 5;}
.sec03 .smallCircle .img {width: 1.82rem; height: 1.82rem; border-radius: 50%; background: rgba(65,175,178,0.2);}
.sec03 .smallCircle img{width: 1.4rem; height: 1.4rem; border-radius: 50%;}
.sec03 .smallCircle p{font-size: 0.16rem; color: #1AB7B7; text-align: center;line-height: 1.4; margin-top: 0.2rem;}
.sec03 .smallCircle1{left: 10%;top: 33%;animation: circleAnimate 6s linear infinite ; }
.sec03 .smallCircle2{left: 69%; top: 60%; animation: circleAnimate 5s linear 1s infinite ; }
.sec03 .smallCircle3{left: 81%; top: 16%; animation: circleAnimate 7s linear 0.5s infinite ; }
.sec03 .animImg {width:72.9%; }
.sec03 .animImg .yqimg{position: relative; z-index: 3;}
.sec03 .line1b,.sec03 .line1 {width: 68.57%; position: absolute; top:1.1rem;left: 50%; transform: translateX(-46%); }
.sec03 .line2b,.sec03 .line2 {width: 73.5%; position: absolute; top:1.6rem;left: 50%; transform: translateX(-47%); }
.sec03 .line1b{z-index: 1;}
.sec03 .line1{z-index: 4;}
.sec03 .line2{z-index: 5;}
.sec03 .line2b{z-index: 2;}

.sec03 .linea img{animation: lineAnimate 6s linear 1s infinite alternate;}
.sec03 .lineb img{animation: lineAnimate 5s linear infinite alternate;}
@keyframes lineAnimate {
    0%{transform: rotate(3deg)}
    100%{transform: rotate(-3deg)}
}
@keyframes circleAnimate {
    0%{transform: translate(0px,-5px)}
    25%{transform: translate(6px,0px)}
    50%{transform: translate(0px,5px)}
    75%{transform: translate(-5px,-2px)}
    100%{transform: translate(0px,-5px)}
}


.pCircle{position: relative; padding-left: 10px; display: flex; align-items: center; }
.pCircle:before{content: ''; display:block; width: 4px; height: 4px; border-radius: 50%; background: #fff; position: absolute; left:0;}
.sec04{padding-bottom: 5.72%; background:#DEF8F5; }
.sec04 .box1{width: 44.37%;  background: #41B9B2;  box-sizing: border-box; padding-right: 0.7rem; justify-content: flex-end;}
.sec04 .box2{width: 38.12%; overflow: hidden;}
.sec04 .text{width: 4.2rem;}
.sec04 .text p{color: #fff; font-size: 0.14rem; margin-bottom: 0.24rem; line-height: 1.5;}
.sec04 .text p::before{top:0.1rem;}
.sec04 .text p br{display: none;}
.sec04 .text p:last-child{ margin-bottom: 0;}
.sec04 .text .title{font-size: 0.4rem; margin-bottom: 0.4rem;}

.sec05{position: relative; overflow: hidden; padding: 6.77% 0 4.05rem; }
.sec05 .video{width: 100%; position: absolute; z-index: 1; left:0; top:0; height: 100%;}
.sec05 .inner{position: relative; z-index: 2; padding: 0 1.4rem; box-sizing: border-box; }
.sec05 .text .bigTitle{color: #fff; text-align: center;}
.sec05 .text .bigBref{font-size: 0.18rem; color: rgba(255,255,255,0.6); margin-top: 0.2rem;}
.sec05 .listBox{display: grid; grid-template-columns: 30% 30% 30%;  column-gap: 0.5rem; margin-top: 2rem; }
.sec05 .listBox p{font-size: 0.14rem; color: #fff; margin-top: 0.2rem; line-height: 1.5; }

.sec06{background: linear-gradient(to top,#EFFAF9,#F8FBFD);}
.sec06 .swiper1{width: 53.64%;}
.sec06 .swiper1 .swiper-slide img{height: 100%; object-fit: cover;}
.sec06 .swiper1 .swiper-pagination{bottom: 20px;}
.sec06 .swiper-pagination-bullet{ width: 0.12rem; height: 0.12rem; margin: 0 8px !important; background: rgba(255,255,255,0.6);opacity: 1; }
.sec06 .swiper-pagination-bullet.swiper-pagination-bullet-active{  background: #41B9B2; }

.sec06 .right{width: calc(100% - 53.64%); padding:8.85% 0; padding-left: 1.3rem; box-sizing: border-box; display: flex;flex-direction: column;justify-content: center; }
.sec06 .bigBref{font-size: 0.28rem; color: #232323; margin-top: 0.26rem; margin-bottom: 0.6rem;}
.sec06 .right .page .btn{width: 0.4rem; height: 0.4rem; cursor: pointer; transition: opacity 0.5s ease,transform 0.5s ease}
.sec06 .right .page .btn:hover{opacity: 0.6; transform: scale(1.02)}
.sec06 .right .page .next{margin-left: 0.34rem; }
.sec06 .right .page .next img{transform: rotate(180deg);}
.sec06 .right .text p{font-size: 14px; color: #595959; margin-bottom: 0.34rem;}
.sec06 .right .text p:last-child{margin-bottom: 0;}
.sec06 .right .text .pCircle:before{background: #595959; }

.sec06 .right .pageLine {margin:0.48rem 0 0.3rem; width: 3.3rem; background: rgba(65,175,178,0.5); height: 3px; position: relative; }
.sec06 .right .pageLine p{position: absolute;background: #41B9B2; top:-1px; left:0; height: 5px; width: 25%; transition: width 0.5s ease;}

.sec07{padding: 3.96% 0;}
.sec07 ul{width: 66.64%; margin: 0 auto; margin-top: 0.64rem; }
.sec07 ul li{display: flex; flex-direction: column; align-items: center;}
.sec07 ul li .icon{width: 0.7rem;}
.sec07 ul li p{font-size: 14px; color: #595959; text-align: center; margin-top: 0.26rem; line-height: 1.5;}

.sec08{
    background: url('../../img/product/exi8000/12.jpg');
    background-size: cover;
    background-position: bottom center;
    padding: 7.29% 0 6.56%;
}
.sec08 .inner{ box-sizing: border-box;}
.sec08 .mid{width: 94.28%; }
.sec08 .bigTitle{ margin-bottom: 0.28rem; }
.sec08 .bigBref{ font-size: 0.18rem; }
.sec08 .toptitle{display: flex;  justify-content: flex-end;}
.sec08 .listbox{background: rgba(255,255,255,0.7); width: 100%; height: 3rem; padding: 0 0.44rem; box-sizing: border-box; display: flex; align-items: center;margin-top: -0.6rem}
.sec08 .listbox ul{display: flex; justify-content: space-between; width: 100%;}
.sec08 .listbox ul li{width: 2.8rem;   }
.sec08 .listbox ul li .img{border:0.06rem solid #41B9B2; width: 100%; height: 1.66rem;  overflow: hidden; }
.sec08 .listbox ul li .img img{min-height: 100%;}
.sec08 .listbox ul li p{font-size: 14px; color: #474747; margin-top: 0.16rem; line-height: 1.5;}
.sec08 .yqimg{ width: 75.68%; position: relative; margin-left: 8.48%  }

/*.sec08 .right{ width:18.34%;  margin-top: 0.88rem; }*/
/*.sec08 .right .img{height: 1.27rem; border-radius: 5px; overflow: hidden;  }*/
/*.sec08 .right .li{margin-bottom: 0.22rem; opacity: 0;}*/
/*.sec08 .right p{font-size: 12px; color: #595959; line-height: 1.5;margin-top: 0.1rem; }*/
/*.sec08 .lineJt .cls-1, .cls-2 {fill: #3cb9c0;}*/
/*.sec08 .lineJt .cls-2 {opacity: .4;}*/
/*.sec08 .lineJt .cls-3 {fill: none;stroke: #3cb9c0;stroke-linecap: round;stroke-linejoin: round;stroke-width: .75px;}*/
/*.sec08 .lineJt {position: absolute;}*/
/*.sec08 .lineJt1{ right:-0.6rem; width: 24.24%; top: 22%;}*/
/*.sec08 .lineJt2{right:-0.6rem; top: 45.4%; width: 13.3%;}*/
/*.sec08 .lineJt .jt{opacity: 0;}*/
/*.sec08 .lineJt1 .line{stroke-dasharray: 280; stroke-dashoffset: 280;}*/
/*.sec08 .lineJt2 .line{stroke-dasharray: 118; stroke-dashoffset: 118;}*/

@media screen and (min-width:1921px) {
    .sec04 .box1{  padding-right: 0.9rem;}
    .sec04 .box2 {width: 33.12%;}
    .sec04 .text{margin-left: 0;}
    .sec06 .right{padding-top:6.85%; padding-bottom: 6.85%;}
    .sec06 .swiper1{max-height: 900px}

}
@media screen and (min-width:2200px) {
    .sec04 .box1{width: 46.37%;}
}
@media all and (max-width: 1600px) {
    .sec05 .listBox p,.sec04 .text p{font-size: 13px;}
    .sec08 .listbox ul li p br{display: none;}
}

@media all and (max-width: 1440px) {
    .sec08 .listbox ul li p{font-size: 12px;}
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
    .sec04 .text p br{display: block;}
}

@media all and (max-width: 767px) {
    .bigTitle{font-size: 0.44rem;}
    .bigBref{font-size: 0.3rem !important;}
    .sec01 .l1{font-size: 0.26rem;}
    .sec01 .pic{width: 1.66rem;left: auto;top: 0.4rem;right: 0.84rem;}
    .sec02 {padding-top:1.36rem; padding-bottom: 1.3rem;}
    .sec02 .text{padding:0}
    .sec02 .pic{ width:79%; position: unset;  margin-top: 1.42rem; margin-left: 1.1rem; height: 4.56rem;}
    .sec02 .hd .l1{text-align: center;}
    .sec02 .pic img{ margin-left: -23% !important; width: 134% !important;}
    .sec03 {padding: 1.37rem 0 1.2rem; background: #E6F9F5 url(../../img/product/exi8000/sp_6.jpg) no-repeat; background-position: bottom center; background-size: 100% auto;}
    .sec03 .inner1{padding: 0 0.8rem;}
    .sec03 .p1 .span1{font-size: 0.9rem;}
    .sec03 .p1 .span2{font-size: 0.28rem;}
    .sec03 .p2{font-size: 0.28rem;}
    .sec03 ul{display: grid; grid-template-columns: 1fr 1fr; row-gap: 0.78rem; column-gap: 1.16rem; }
    .sec03 .text{margin-top: 1.35rem;}
    .sec03 .text p{text-align: center;}
    .sec03 .text .bigBref{font-size: 0.3rem; margin-top: 0.44rem;}
    @keyframes circleAnimate {
        0%{transform: translate(0px,-5px)}
        100%{transform: translate(0px,5px)}
    }

    .sec03 .animImg .smallCircle p,.sec03 .animImg .smallCircle img{display: none;}
    .sec03 .animImg{position: relative; transform: translateX(-52%); width: 124%; bottom: unset; margin-top: 1rem;}
    .sec03 .animImg .smallCircle {}
    .sec03 .animImg .smallCircle .img{width: 0.32rem; height: 0.32rem; display: flex; align-items: center; justify-content: center;}
    .sec03 .animImg .smallCircle .img:before{content: ''; display: block; width: 0.2rem; height: 0.2rem; border-radius: 50%; background: #3CB9C0;}
    .sec03 .animImg .smallCircle1{left: 15%;top: 61%;animation: circleAnimate 5s linear infinite alternate;}
    .sec03 .animImg .smallCircle2{left: 76%;top: 69%;animation: circleAnimate 5s linear infinite alternate;}
    .sec03 .animImg .smallCircle3{animation: circleAnimate 5s linear infinite alternate;}
    .sec03 .line1b, .sec03 .line1{width: 73.57%; top: 0.8rem}
    .sec03 .line2b, .sec03 .line2{width: 78.5%; top: 1.2rem;}
    .sec03 .wap{display: block;}
    .sec03 .wap .circel{padding: 0 0.58rem; box-sizing: border-box; margin-top: 1rem;}
    .sec03 .wap .smallCircle { position: unset; animation: none; }
    .sec03 .wap .smallCircle .img{ width: 1.58rem; height: 1.58rem; }
    .sec03 .wap .smallCircle .img img{ width: 1.38rem; height: 1.38rem; }
    .sec03 .wap .smallCircle p{font-size: 0.26rem;line-height: 1.6; margin-top: 0.3rem}
    .sec03 .wap .yqimg{width: 110%; margin-left: -7%; margin-top: 0.8rem;}
    .sec04{flex-direction: column; padding-bottom: 1.42rem;}
    .sec04 .box1,.sec04 .box2{width: 6.29rem;}
    .sec04 .box1{padding: 0.46rem 0.3rem 0.46rem 0.6rem;order: 2;}
    .sec04 .text{margin-left: 0;width: auto;}
    .sec04 .text .title {font-size: 0.3rem;margin-bottom: 0.26rem;}
    .sec04 .text p {font-size: 0.24rem; padding-left: 0;margin-bottom: 0.16rem}
    .sec04 .text p:before {left:-10px;}
    .sec04 .box2{height: 3.54rem; order: 1;}

    .sec05 {padding: 1.45rem 0 2.12rem;}
    .sec05 .inner{padding: 0 0.6rem;}
    .sec05 .text{text-align: center}
    .sec05 .text .bigBref{margin-top: 0.5rem; color: #fff;}
    .sec05 .text .bigTitle{line-height: 1.5}
    .sec05 .listBox{grid-template-columns: 1fr 1fr; column-gap: 0.54rem; row-gap: 0.68rem;}
    .sec05 .listBox .img img{ height:1.64rem;}
    .sec05 .listBox p{font-size: 0.24rem;line-height: 1.6;}

    .sec06{flex-direction: column; background: none;}
    .sec06 .swiper1,.sec06 .right{width: 100%;}
    .sec06 .swiper1 .text{position: absolute;top: 1.27rem;left: 0;z-index:3;width: 100%;text-align: center; }
    .sec06 .swiper1 .text .bigBref{margin-top: 0.5rem;}
    .sec06 .swiper1 .text p{color: #fff;}
    .sec06 .right .page,.sec06 .right .pageLine {display: none;}
    .sec06 .right{background: #41B9B2;  padding: 0; display: block; }
    .sec06 .right .text{height: 1.48rem; position: relative; transform: translate(0)}
    .sec06 .right .text .pCircle{position: absolute; color: #fff; font-size: 0.28rem; background: #41B9B2; text-align: center; top: 0.6rem; left: 0; width: 100%; display: inline-block; opacity: 0; transition: opacity 0.3s ease; color: #fff !important;  }
    .sec06 .right .text .pCircle.on{opacity: 1;  z-index: 2;}
    .sec06 .right .text .pCircle:before{display: none;}
    .sec06 .right .wapJdLine{background: rgba(255,255,255,0.3); width: 100%; height: 2px;position: relative;}
    .sec06 .right .wapJdLine .midbox{width: 4.6rem; position: absolute;  left:50%; transform: translate(-50%,-50%); top:0;}
    .sec06 .right .wapJdLine .circle{width: 0.16rem; height: 0.16rem;  border-radius: 50%; background: #A0DCD8; position: relative; z-index: 2;}
    .sec06 .right .wapJdLine .circle:after{ content: ''; display: block; height: 2px; background: #fff; width:0; position: absolute; left:0; top:50%; z-index: 1; }
    .sec06 .right .wapJdLine .circle:last-child:after{left: auto; right: 0; width:calc(4.6rem / 3); opacity: 0;}
    .sec06 .right .wapJdLine .circle.on{background: #FFFFFF;}
    .sec06 .right .wapJdLine .circle.on:after{width:calc(4.6rem / 3);transition: width 4s linear;}
    .sec06 .right .wapJdLine .circle:last-child.on:after{opacity:1; width:0;transition: width 4s linear;}
    .sec06 .swiper1 .swiper-pagination{display: none;}

    .sec07{padding: 1.36rem 0;}
    .sec07 ul{display: grid; grid-template-columns: 1fr 1fr; row-gap: 1.36rem; column-gap: 0.94rem;  width: 100%; padding: 0 0.76rem; box-sizing: border-box;margin-top:1.1rem;}
    .sec07 ul li .icon{width: 1.2rem;}
    .sec07 ul li p{font-size: 0.28rem; margin-top:0.44rem;}

    .sec08 {
        background: url(../../img/product/exi8000/sp_3.jpg);
        background-size: cover;
        background-position: bottom center;
        height: 12.7rem;
        padding: 1.34rem 0 1rem;
    }

    .sec08 .mid{margin-left: 0; width: 100%;}

    .sec08 .toptitle{justify-content: center; margin-bottom: 1rem;}
    .sec08 .bigTitle {text-align: center; }
    .sec08 .bigBref{font-size: 0.28rem !important;}
    .sec08 .yqimg {width: 84%;margin-left: 8%;}

    .sec08 .listbox{width: 100%; padding:0.4rem; height: auto; margin-top: 0; background: none;}
    .sec08 .listbox ul{display: grid; grid-template-columns: auto auto; column-gap: 0.4rem; row-gap: 0.6rem; justify-content: space-between;}
    .sec08 .listbox ul li{width:auto; }
    .sec08 .listbox ul li .img{height: 1.82rem; }


    .sec08 .lineJt {display: none}
    .sec08 .right{width: auto;}
    .sec08 .right .li{position: absolute; display: flex; align-items: center; opacity: 1;}
    .sec08 .right .li p{order:1; font-size: 0.24rem; color: #1AB7B7; text-align: right;}
    .sec08 .right .li .img{order:2; width: 1.52rem; height: 1.52rem; margin-left: 0.26rem;}
    .sec08 .re {position: relative;}
    .sec08 .right .li1{top:-2.5rem; left:0.88rem;}
    .sec08 .right .li2{bottom: -2.24rem;left: 1.4rem}
    .sec08 .wapline{width: 0.24rem; position: absolute;}
    .sec08 .wapline1{top:-2.5rem; right: 0.98rem;}
    .sec08 .wapline2{bottom:-1.8rem; right: 0.18rem; transform: rotateX(180deg);}
    .sec08 .wapline .cls-1, .cls-2 {fill: #3cb9c0;}
    .sec08 .wapline .cls-3, .cls-4 {fill: none;stroke: #3cb9c0;stroke-linecap: round;stroke-linejoin: round;stroke-width: 3px;}
    .sec08 .wapline .cls-2 {opacity: .4; animation:animateScale1 2s ease-in-out infinite; }
    .sec08 .wapline .cls-4 {stroke-dasharray: 0 9.98;}
    .sec08 .wapline .cls-1{animation:animateScale2 2s ease-in-out infinite;  }
    @keyframes animateScale1 {
        0%{ opacity: 0.3;  }
        50%{ opacity: 0.6; }
        100%{ opacity: 0.3; }
    }
    @keyframes animateScale2 {
        0%{ opacity: 0.6;  }
        50%{ opacity: 1; }
        100%{ opacity: 0.6; }
    }
}