.sontitle{font-size:0.17rem;}
img{width:100%;}
.section video{
    width: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    object-fit: cover;
    height: 100%;
    left: 0;
}
.sec01{background: #c1495e;}
.sec01 .icon{width:175px;}
.sec01 .l1{font-size: 0.21rem; margin-bottom: 0.25rem; color: rgba(255,255,255,0.7);}
.sec01 .l2{font-size: 0.75rem; margin-bottom: 0.12rem;}
.sec01 .l3{font-size: 0.27rem;}
.sec01 .text{padding: 1.48rem 0 0.75rem 1.04rem;}
.sec01 .pic{left: 5rem;}
.sec01 .pic svg{ fill: #993A4B}

.sec02 .l1{font-size: 0.42rem; margin-bottom: 0.4rem;}
.sec02 .bref{ display: flex; }
.sec02 .bref p{text-align: center; }
.combref .li{border-right: 1px dashed rgba(10,10,10,0.2); padding: 0 0.28rem;}
.combref .li:last-child{border-right: none; padding-right: 0;}
.combref .li:first-child{padding-left: 0;}
.sec02 .bref .bigtext{ font-size: 0.26rem; color: #c1495e; }
.combref .smalltext{margin-top: 0.2rem;display: block;font-size: 0.15rem; color: #595959; }

.sec02 .pic {
    position: absolute;
    left: 5.9rem;
    top: 0;
    margin-top: -1.8rem;
    width: 9.3rem;
}
.sec02 .text{padding: .95rem 0 1.52rem 1.04rem;}

.sec03{
    /*background: url('../../img/product/ext9800/2.jpg') no-repeat;*/
    background-size: cover;
    background-position: center;
    padding: 10.83% 0 22.8%;
    position: relative;
}
.sec03 .inner{width:11.9rem; z-index: 1;}
.sec03 .pt1,.sec03 .pt2{ color: #fff;}
.sec03 .pt2{font-size: 0.17rem; color: rgba(255,255,255,0.9); margin-top: 0.38rem;line-height: 1.7;}

.sec04{
    position: relative;
    background: url('../../img/product/ext9800/7.jpg') no-repeat;
    background-size: cover;
    background-position: center bottom;
    padding: 15.1% 0 7.8%;
}

@media all and (min-width: 2200px) {
    .sec04{
        padding-top: 11.1%;
    }
}
.sec04 .inner{width:9.62rem; box-sizing: border-box;}
.sec04 .posTop{
    position: absolute; background: #c1495e; width: 11.9rem; height: 3.26rem;
    left:calc((100% - 11.9rem) / 2); top:-1.68rem; z-index: 2;
}
.sec04 .posTop ul{width:100%; padding: 0 1.5rem; box-sizing: border-box}
.sec04 .posTop ul li{display: flex; flex-direction: column; align-items: center; justify-content: center;}
.sec04 .posTop ul li p{ font-size: 0.2rem; color: #fff; margin-top: 0.22rem;}
.sec04 .posTop ul li .img{width:1.5rem; height: 1.5rem; border-radius: 50%; overflow: hidden;}
.sec04 .posTop ul li img{border-radius: 50%; transition:transform 1.5s linear; transform: scale(1.01);}
.sec04 .posTop ul li:hover img{transform: scale(1.1)}
.sec04 .titleBox .p2{margin-top: 0.3rem; line-height: 1.7}
.sec04 .combref{margin-top: 1rem; justify-content: center;}
.sec04 .combref .li{padding: 0 0.42rem;}
.sec04 .combref .li:first-child{padding-left: 0;}
.sec04 .combref .li:last-child{padding-right: 0;}
.sec04 .combref p{text-align: center;}
.sec04 .combref .p1{color: #c1495e; font-size: 16px;}
.sec04 .combref .p1 span{font-size: 0.38rem;}
.sec04 .yqAnimBox{margin: 1rem auto 0; position: relative;width: max-content;}
.sec04 .yqAnimBox p{color: #595959; font-size: 0.22rem; text-align: center; margin-top: -0.2rem; opacity: 0; transform: translateY(20px);  }
.sec04 .yqAnimBox .groupYq{position: relative; z-index: 1; transform: translateX(0.8rem);}
.sec04 .yqAnimBox .groupYq .posP{position: absolute; bottom: 0;left: 1.8rem;}
.sec04 .yqAnimBox li{width:2.04rem;}
.sec04 .yqAnimBox .groupYq li{margin-left: -0.73rem;}
.sec04 .yqAnimBox li img{ opacity: 0;}
.sec04 .yqAnimBox .li1 {transform: translateX(-0.8rem);z-index: 1;}

.sec04 .yqAnimBox .li2 img{transform: translateX(325%);}
.sec04 .yqAnimBox .li3 img{transform: translateX(260%);}
.sec04 .yqAnimBox .li4 img{transform: translateX(195%);}
.sec04 .yqAnimBox .li5 img{transform: translateX(130%);}
.sec04 .yqAnimBox .leftGif{width:1rem; height:0.5rem; position: absolute; bottom: 1.8rem;left: 1.16rem;opacity: 0;}
.sec04 .yqAnimBox .leftGif svg{fill: #b3495e; width: 100%;}

.sec05{
    position: relative;
    /*background: url('../../img/product/ext9800/8.jpg') no-repeat;*/
    background-size: cover;
    background-position: center;
    padding: 6.09% 0 7.96%;
}
.sec05 .inner{ height:4.42rem; background: #c1495e; z-index: 1}
.sec05 video{filter: brightness(1.3);}
.sec05 .text{ width:6.64rem; padding:0.3rem 0.7rem; box-sizing: border-box; flex-direction: column; color: #fff}
.sec05 .sontitle{line-height: 1.7; margin-top: 0.28rem;}
.sec05 .swiperBox{ width:6.64rem; position: relative;height:100%;}
.sec05 .swiper1{height:3.52rem;overflow: hidden;}
.sec05 .swiper1 li .img{height:3.52rem; }
.sec05 .swiper2{ background: #2d2e47; height:calc(100% - 3.52rem);text-align: center; position: absolute; width:100%; left:0; bottom: 0; }
.sec05 .swiper2 .slide {height: 100%; width:100%;background: #2d2e47; }
.sec05 .swiper2 .wrapper {}
.sec05 .swiper2 .slide p{ font-size: 0.32rem; color: #fff; }
.sec05 .swiperBox .swiper-pagination{ right: -0.4rem; }
.sec05 .swiperBox .swiper-pagination .swiper-pagination-bullet{ background:#fff; opacity: 0.4; }
.sec05 .swiperBox .swiper-pagination .swiper-pagination-bullet-active{ opacity: 1;  }


.sec07{
    position: relative;
    background: url('../../img/product/ext9800/10.jpg') no-repeat;
    background-size: cover;
    background-position: center;
    padding: 7.9% 0 35.4%;
    margin-top: -1px;
}

.sec07 .text {color: #ffffff; text-align: center;  }
.sec07 .text .p1{font-size: 0.54rem; }
.sec07 .text .p2{font-size: 0.24rem; margin-top: 0.4rem; line-height: 1.7;}

@media all and (max-width: 1480px) {
    .combref .smalltext,
    .sec03 .pt2,
    .sontitle
    {font-size: 13px;}
}
@media all and (max-width: 767px) {
    .sec01 .text {
        padding: 8% 0 0.88rem 0.9rem;
    }

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

    .sec01 .l2 {
        font-size: 0.73rem;
        margin-bottom: 2.27vw;
    }
    .sec01 .icon{width:100%}
    .sec01 .l3 {
        font-size: 4vw;
    }

    .sec01 .pic {left: auto;right: 8.8vw; top: auto;bottom: 11.27vw;margin-top: 0;width: 1.76rem;}

    .sec02 {
        padding: 1.12rem 0 0.5rem;
        background: #f7f7f7;
    }

    .sec02 .text {
        padding: 0;
        text-align: center;
        padding: 0 0.7rem;
        box-sizing: border-box;
    }
    .combref .smalltext{font-size: 0.24rem;}
    .combref .li{padding: 0 0.48rem;}
    .sec02 .text .hd{margin-bottom: 2vw;}
    .sec02 .bref {justify-content: center;}
    .sec02 .bref .li .bigtext{font-size: 0.32rem;}
    .sec02 .hd .l1 {  font-size: 0.44rem;  margin-bottom: 0.78rem;  }
    .sec02 .pic {
        position: static;
        margin: 0 auto;
        width: 132%;
        right:0;
        margin-top: 0.4rem;
    }
    .sec02 .pic img {
        width: 100%;
        margin-left: -31%;
    }

    .sec03{height: 8.32rem; background: #180a0d; padding: 1.73rem 0 0; box-sizing: border-box; }
    .sec03 video{width: 263%; height: auto; bottom: 0; top:unset;}
     .telVidoeImg{position: absolute; left:0; bottom:0;}
    .sec03 .inner{ text-align: center;}
    .sec03 .pt2{font-size: 0.24rem;margin-top: 0.56rem;}

    .sec04{  padding: 0;  background: none;}
    .sec04 .spBj{
        background: url(../../img/product/ext9800/sp_2.jpg) no-repeat;
        background-size: cover;
        background-position: bottom;
    }
    .sec04 .posTop{position: unset; width: 100%; height: 3.26rem;}
    .sec04 .posTop ul{padding: 0 0.22rem; align-items: flex-start}
    .sec04 .posTop ul li .img{width: 1.28rem; height: 1.28rem;}
    .sec04 .posTop ul li p{font-size: 0.24rem; line-height: 1.3; text-align: center;}

    .sec04 .inner .text{padding: 1.1rem 0; }
    .sec04 .inner .text .titleBox{ text-align: center;}

    .sec04 .titleBox .p1{ color: #000000;}
    .sec04 .titleBox .p2{font-size: 0.24rem; color: #000000;}
    .sec04 .combref {display: flex; flex-wrap: wrap; grid-template-columns: auto auto; justify-content: flex-start; padding: 0 0.92rem; box-sizing: border-box;margin-top: 0.8rem; padding-bottom: 0.68rem; }
    .sec04 .combref:before{
        content: '';
        display: block;
        border-top:1px dashed rgba(10,10,10,0.44);
        width: 100%;
        padding-top: 0.68rem;
    }
    .sec04 .combref:after{
        content: '';
        display: block;
        border-bottom:1px dashed rgba(10,10,10,0.44);
        width: calc(100% - 0.92rem - 0.92rem);
        position: absolute;
        left:0.92rem;
        bottom:0;
        margin: 0 auto;
    }
    .sec04 .combref .li{padding: 0; border: none;order:1;margin-bottom: 1.13rem;width:calc(100% - 3.84rem);}
    .sec04 .combref .li1, .sec04 .combref .li2, .sec04 .combref .li4 {width:3.84rem;}
    .sec04 .combref .li p{text-align: left;}
    .sec04 .combref .li2{order:2; margin-bottom: 0;}
    .sec04 .combref .p1 {  font-size: 0.3rem; white-space: nowrap; }
    .sec04 .combref .p1 span {  font-size: 0.56rem;   font-weight: bold; }
    .sec04 .combref .p2 {  font-size: 0.24rem; }

    .sec04 .yqAnimBox  {margin-top: 0.86rem;}
    .sec04 .yqAnimBox .li1 {transform: translateX(-0.6rem);}
    .sec04 .yqAnimBox .groupYq {transform: translateX(0.6rem);}
    .sec04 .yqAnimBox .groupYq li{ margin-left: -0.53rem; width: 1.5rem;}
    .sec04 .yqAnimBox li{ width: 1.5rem;}
    .sec04 .yqAnimBox p{font-size: 0.24rem; line-height: 1.4}
    .sec04 .yqAnimBox .leftGif{width: 0.62rem; height: 0.28rem;left: 0.92rem;}

    .sec05 {padding: 1.16rem 0 1.2rem;}
    .sec05 .inner{display: block; background: none; height: auto;}
    .sec05 .text{width:100%; text-align: center; padding: 0;}
    .sec05 .swiperBox{width: 100%; padding: 0 0.36rem; box-sizing: border-box; margin-top: 1.04rem;}
    .sec05 .sontitle{font-size: 0.24rem; margin-top: 0.62rem; line-height: 1.7;}
    .sec05 .swiper1{height: 3.7rem;}
    .sec05 .swiper1 li .img{height: auto;}
    .sec05 .swiper2{position: unset; height: 1.58rem; margin-top: -1px;}
    .sec05 .swiper2 .slide p{font-size: 0.28rem;}
    .sec05 .swiper2 .slide{align-items: flex-start; margin-top: 0.42rem;}
    .sec05 .swiperBox .swiper-pagination{bottom: 0.4rem;}
    .sec05 video{width: 140%;}
    .sec07 {

        background: url(../../img/product/ext9800/sp_4.jpg) no-repeat;
        background-size: cover;
        background-position: center;
        padding: 0;
        height: 9rem;
        padding-top: 1.78rem;
    }
    .sec07 .text .p1{font-size: 0.44rem; }
    .sec07 .text .p2{font-size: 0.32rem; margin-top: 6.06rem;}
}