.colorf8{color: #c1495e;}

.sontitle{font-size:0.17rem;}
img{width:100%;}
.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.7rem;}
.sec01 .pic{left: 5.6rem;}
.sec01 .pic svg{ fill: #993A4B}
.sec02 .l1{font-size: 0.32rem; margin-bottom:0;}
.sec02 .l3{font-size: 0.16rem; line-height: 1.7; color: #595959; position: relative;}
.sec02 .l3 .star{position: absolute; left: -10px;}
.sec02 .pic {
    position: absolute;
    left: 6.4rem;
    top: 0;
    margin-top: -2.85rem;
    width: 8.2rem;
}
.sec02 .text{padding: .84rem 0 1.4rem 1.7rem;}
.sec03{
    background: url('../../img/product/ext4800/3.jpg') no-repeat;
    background-size: cover;
    background-position: center;
}
.sec03 .pt1,.sec03 .pt2{text-align: center; color: #333333;}
.sec03 .pt2{font-size: 0.17rem; color: #737373; margin-top: 0.34rem;line-height: 1.7;}
.sec03{padding: 5.06% 0 1rem;}
.sec03 .numBox .yqimg{width: 8.98rem; margin-left: -1.64rem; height: 6.24rem;}
.sec03 .numBox .text{ width: 3.34rem; color: #595959; font-size: 0.18rem; line-height: 1.4; text-align: center;}
.sec03 .numBox .iconimg{position: relative; justify-content: space-between;}

.sec03 .numBox .iconimg .img1{ width:3.34rem;}
.sec03 .numBox .iconimg .img2{position: absolute; z-index: 2;  left: 0;  top: 0; width: 100%; }


.sec03 .numBox .text p{margin-top: 0.38rem;}
.sec03 .numBox .bref {font-size: 0.13rem; color: #8c8c8c; margin-left: 1.8rem; line-height: 1.4; position: relative;  margin-top: -0.6rem;}
.sec03 .numBox .bref .p1{margin-bottom: 0.14rem;}


.sec04 .posTop{
   background: #c1495e; width: 100%; padding: 2.58% 0; position: relative; z-index: 4;
}
.sec04 .posTop .jt{
    content: '';
    display: block;
    border-width: 0.16rem;
    border-style: solid;
    border-color: #c1495e transparent transparent  transparent;
    position: absolute;
    left: calc(50% - 0.16rem);
    bottom: -0.31rem;
}
.sec04 .posTop ul{width: 10.60rem; margin: 0 auto; align-items: flex-start;}
.sec04 .posTop ul li{display: flex; flex-direction: column; align-items: center; justify-content: center;}
.sec04 .posTop ul li p{ font-size: 0.22rem; color: #fff;}
.sec04 .posTop ul li:nth-child(4){font-size: 0.16rem; line-height: 1.4; text-align: center}
.sec04 .posTop ul li .p1{font-size: 0.34rem;font-weight: bold; margin-bottom: 0.4rem; line-height: 1;}

.sec04 .posTop ul li .p1 span{font-size: 0.54rem; }
.sec04 .posTop ul li:nth-child(4) .p1 span{font-size: 0.5rem;}
.sec04 .two{
   position: relative;
    /* background: url('../../img/product/ext4800/7.png') no-repeat;
    background-size: cover;
    background-position: center;*/
    /*padding: 1.28rem 0 2.64rem;*/
    padding: 6.66% 0 13.75%;
}
.sec04 .yqBj{
    background: url('../../img/product/ext4800/7.png') no-repeat;
    background-size: cover;
    background-position: center bottom;
    position: absolute;
    width:100%;
    height: 100%;
    left: 0;
    top:0;
    z-index: 2;
}
.sec04 .two .inner{display: flex;}
.sec04 .two .title{padding-left: 1.6rem;  box-sizing: border-box; position: relative; z-index: 3;  white-space: nowrap; }
.sec04 .two p{color: #333333; text-align: left;}
.sec04 .two .p1 .cir{fill: #fff; stroke-width: 0; width: 0.11rem;}
.sec04 .two .p2{font-size: 0.17rem; margin: 0.36rem 0 0.1rem; color: #737373; line-height: 1.7; }
.sec04 .two .yqimg{width: 11.23rem; margin-left: -0.5rem;}
.sec04 .two #video{width: 100%; position: absolute; z-index: 0; left: 0; bottom: 0;}
.sec04 .two .iconbox{margin-top: 1.68rem;}
.sec04 .two .iconbox .icon{width:0.48rem; margin-right:0.3rem;}
.sec04 .two .iconbox p{font-size: 0.16rem; color: #c1495e; text-align: left;line-height: 1.6;}
.sec04 .two .iconbox .lis1{margin-bottom: 0.88rem;}
.sec04 .two .yqgif{width:13rem; height: 7.6rem; position: absolute; right: -2.3rem;  top: -1rem;  z-index: 1; }

.sec04 .two .yqgif .jtAnimBox{
    position: absolute;
    left:50%;
    bottom: 50%;
    width:0.5rem;
    transform: translate(-50%,-50%);
}
.sec04 .two .yqgif .jtAnim{
    position: absolute;
    left:0;
}
.sec04 .two .yqgif .jtAnim1{left: -3.6rem; top: -0.3rem;transform:translateY(100px);opacity: 0;}
.sec04 .two .yqgif .jtAnim2{left: -3rem; top: -2rem;  opacity: 0.3;  width:0.36rem;transform:translateY(100px);opacity: 0;}
.sec04 .two .yqgif .jtAnim3{left: 3.3rem; top: -1.4rem;  width: 0.68rem;transform:translateY(100px);opacity: 0;}
.sec04 .two .yqgif .jtAnim4{left: 4.6rem; top: 0.4rem; width:0.36rem; opacity: 0.3;transform:translateY(100px);opacity: 0;}



.sec06{
    position: relative;
    background: url('../../img/product/ext4800/11.jpg') no-repeat;
    background-size: cover;
    background-position: center;
}
.sec06 .inner{ padding: 7% 0 2.8%; display: flex; flex-direction: column; align-items: center;}
.sec06 p{font-size: 0.17rem; color: #fff; margin-top: 0.1rem;}
.sec06 .p2{margin:0.4rem 0 0; line-height: 1.7;}
.sec06 .yqimg{position: relative; width:11.26rem;  bottom:1rem; margin-top: 1.09rem}
.sec06 .yqimg .ball{
    position: absolute; width:1.55rem; height:2.02rem;
    background: url('../../img/product/ext4800/13.png');
    background-size: 100% 100%;
    text-align: center;
    z-index: 2;
    font-size: 0.2rem;
    line-height: 1.5;
}
.sec06 .yqimg .ball1{left: 0.48rem; top: 1.6rem; animation:  ballAnim 8s linear infinite alternate forwards }
.sec06 .yqimg .ball2{left: 5.7rem;bottom: -0.3rem;animation:  ballAnim 9s linear infinite alternate forwards}
.sec06 .yqimg .ball3{right: 1rem; top: 0.9rem;animation:  ballAnim 7s linear infinite alternate forwards}
@keyframes ballAnim {
    0%{transform: translate(10px,-10px);}
    20%{transform: translate(10px,0px);}
    40%{transform: translate(0px,10px);}
    60%{transform: translate(-10px,10px);}
    80%{transform: translate(-10px,0px);}
    100%{transform: translate(0px,-10px);}
}
@keyframes ballAnim2 {
    0%{transform: translate(5px,-5px);}
    20%{transform: translate(5px,0px);}
    40%{transform: translate(0px,5px);}
    60%{transform: translate(-5px,5px);}
    80%{transform: translate(-5px,0px);}
    100%{transform: translate(0px,-5px);}
}

.sec07{
    position: relative;
    background: url('../../img/product/ext3800/11.jpg') no-repeat;
    background-size: cover;
    background-position: center;
    padding: 15.6% 0 13%;
}

.sec07 .inner {display: flex;justify-content: flex-end;}
.sec07 .text { text-align: center; margin-right: 1.8rem;}
.sec07 .text .p1{font-size: 0.32rem;  color: #333333;}
.sec07 .text .p2{font-size: 0.17rem; color: #737373; margin-top: 0.46rem; line-height: 1.7;}

@media all and (max-width: 1480px) {
    .sec03 .numBox .bref .p1,
    .sec04 .two .iconbox p
    {font-size: 12px;}

    .sec03 .pt2,
    .sec03 .numBox .text,
    .sec04 .two .p2,
    .sec06 p,
    .sec07 .text .p2
    {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.7rem;
        background: #f7f7f7;
    }

    .sec02 .text {
        padding: 0 0.9rem;;
        text-align: center;
        box-sizing: border-box;
    }
    .sec02 .hd .l1 {
        font-size: 0.45rem;
        margin-bottom: 0.47rem;
    }
    .sec02 .hd .l2 {
        font-size: 3.73vw;
        margin-bottom: 2.13vw;
    }
    .sec02 .hd .l3 {
        font-size: 0.26rem;
        line-height: 1.46;
        margin-bottom: 0.4rem;
    }
    .sec02 .hd .l3:last-child{margin-bottom: 0;}
    .sec02 .l3 .star{left:0;}
    .sec02 .pic {
        position: static;
        margin: 0 auto;
        width: 150%;
        right:0;
        margin-top: -0.2rem;
    }
    .sec02 .pic img {
        width: 100%;
        margin-left: -33%;
    }

    .sec03 {
        padding: 1.35rem 0 1.38rem;
        background: url(../../img/product/ext4800/sp_1.jpg) no-repeat;
        background-size: cover;
        background-position: center;
    }
    .sec03 .pt2{font-size: 0.24rem; margin-top: 0.5rem; line-height: 1.66; color: #040000;}
    .sec03 .numBox {flex-direction: column;}
    .sec03 .numBox .text{order:1; margin: 0.9rem 0 0.6rem; font-size: 0.26rem; color: #c1495e; width: auto; }
    .sec03 .numBox .yqimg{order:2; width: 100%; margin-left: -0.4rem; height: 4.7rem;}
    .sec03 .numBox .text p{margin-top: 0.24rem; white-space: nowrap; margin-left: -0.25rem;}
    .sec03 .numBox .iconimg .img1{width: 4.74rem;}
    .sec03 .numBox .bref{  margin:0; margin-top: 0.4rem; padding: 0 0.3rem 0 0.76rem; box-sizing: border-box; color: #585959; }
    .sec03 .numBox .bref p{ font-size: 0.24rem;}

    .sec04 .posTop{ padding: 1rem 0.37rem 1rem 0.88rem;box-sizing: border-box; }
    .sec04 .posTop ul{width: 100%; display: grid; grid-template-columns: auto auto; grid-row-gap: 0.9rem;}
    .sec04 .posTop ul li{align-items: flex-start;}
    .sec04 .posTop ul li:nth-child(4){text-align: left; margin-top: 0.1rem;}
    .sec04 .posTop ul li p{font-size: 0.26rem;}
    .sec04 .posTop ul li .p1 span{font-size: 0.8rem;}
    .sec04 .posTop ul li .p1{font-size: 0.4rem;}

    .sec04 .yqBj{
        background: url('../../img/product/ext4800/sp_2.png') no-repeat;
        background-size: cover;
        background-position: center bottom;
    }
    .sec04 .two .yqgif{ width: 127%; position: unset; }
    .sec04 .two .inner{ flex-direction: column; align-items: center; }


    .sec04 .two .p1{text-align: center; color: #040000;}
    .sec04 .two .p2{font-size: 0.24rem;margin: 0.46rem 0 0;text-align: center; color: #040000;}
    .sec04 .two .yqimg{width: 100%; margin-top: 0.5rem;}
    .sec04 .two{padding: 1.48rem 0 0; height: calc(12.84rem - 1.48rem);}
    .sec04 .two .title{padding-left: 0; }
    .sec04 .two .iconbox{display: flex; justify-content: center;margin-top: 0.8rem; }
    .sec04 .two .iconbox .lis1{margin-bottom: 0; margin-right: 1.7rem;}
    .sec04 .two .iconbox .icon{width: 0.6rem; margin-right: 0;}
    .sec04 .two .iconbox p{font-size: 0.24rem; margin-top: 0.2rem;}
    .sec04 .two .iconbox .lis{flex-direction: column; align-items: center;}

    .sec04 .two .yqgif .jtAnim1{left: -2.6rem; top: -0.3rem; width:0.39rem; opacity: 0;}
    .sec04 .two .yqgif .jtAnim2{left: -2rem; top: -2rem;  opacity: 0.3;  width:0.3rem;opacity: 0;}
    .sec04 .two .yqgif .jtAnim3{left: 2.3rem; top: -1.4rem;  width: 0.55rem;opacity: 0;}
    .sec04 .two .yqgif .jtAnim4{left: 3rem; top: 0.4rem; width:0.26rem; opacity: 0.3;opacity: 0;}


    .sec05{padding:1rem 0.5rem; box-sizing: border-box;}
    .sec05 ul{width: 100%;}
    .sec05 ul li{width: 50% !important; height: 2.64rem; padding-left: 0 !important; text-align: center; position: relative;}
    .sec05 ul li .img,.sec05 ul li img{height: 100%; object-fit: cover;}
    .sec05 ul li .p2{font-size: 0.25rem; line-height: 1.6; margin-top: 0.3rem;}
    .sec05 ul .li1:after,
    .sec05 ul .li4:after{
        content: '';
        display: block;
        border-width:0.1rem;
        position: absolute;
        border-style: solid;
        transform: translateY(-50%);
        top: 50%;
    }
    .sec05 ul .li1:after{ right:0rem;transform: rotate(-180deg) translateY(50%); border-color:transparent transparent transparent #e4e4e4; }
    .sec05 ul .li4:after{ left:0rem;border-color:transparent transparent transparent #c1495e; }
    .sec06 {
        background: url(../../img/product/ext4800/sp_3.jpg) no-repeat;
        background-size: cover;
        background-position: center top;
    }
    .sec06 .p2{font-size: 0.24rem;margin: 0.4rem 0 0;}
    .sec06 .p3{font-size: 0.26rem; line-height: 1.7;}
    .sec06 .inner{ padding: 1.5rem 0 1.6rem;}
    .sec06 .yqimg{width: 97%; bottom: 0; margin-top:1.14rem; }
    .sec06 .yqimg .ball{ width: 1.4rem;height: 1.84rem;}
    .sec06 .yqimg .ball1{left: 0.3rem; top: 0.6rem; animation:  ballAnim2 8s linear infinite alternate forwards }
    .sec06 .yqimg .ball2{left: 3.5rem; bottom: -0.4rem; animation:  ballAnim2 9s linear infinite alternate forwards }
    .sec06 .yqimg .ball3{    right: 0.45rem; top: 0.2rem; animation:  ballAnim2 7s linear infinite alternate forwards }
    .sec06 p{font-size: 12px; line-height: 1.4; margin-top: 0;}

    .sec07 {
        background: url(../../img/product/ext3800/sp_5.jpg) no-repeat;
        background-size: cover;
        background-position: center;
        padding: 1.46rem 0 6.06rem;
        margin-top: -1px;
    }
    .sec07 .inner{display: block;}
    .sec07 .text{text-align: center; margin: 0; color: #040000;}
    .sec07 .text .p2{font-size: 0.24rem;color: #040000; }

}