.colorf8{color: #c1495e;}
.section video{
    width: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    object-fit: cover;
    height: 100%;
    left: 0;
}
.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.34rem; margin-bottom: 0;}
.sec02 .l3{font-size: 0.16rem; line-height: 1.7; color: #595959; position: relative;}

.sec02 .pic {
    position: absolute;
    left: 6.6rem;
    top: 0;
    margin-top: -2.3rem;
    width: 6.8rem;
}
.sec02 .l3 .star{position: absolute; left: -10px;}
.sec02 .text{padding: .84rem 0 1.4rem 1.7rem;}
.sec03{
    background: url('../../img/product/ext3800/3.jpg') no-repeat;
    background-size: cover;
    background-position: center;
}
.sec03 .pt1,.sec03 .pt2{text-align: center; color: #fff;}
.sec03 .pt2{font-size: 0.17rem; color: rgba(255,255,255,0.9); margin-top: 0.34rem;line-height: 1.7;}
.sec03{padding: 4.06% 0 10.01%}

.sec03 .numBox{align-items: flex-start;}
.sec03 .numBox .yqimg{width: 5.54rem; margin-right: 0.94rem; margin-top: 0.4rem;}
.sec03 .numBox .text{display: grid; flex-wrap: wrap;  margin-top: 1.26rem;grid-template-columns: auto auto; row-gap:1.1rem; column-gap: 0.88rem;}
.sec03 .numBox .text .li{ }
.sec03 .numBox .text .li p{color: #e14769;}
.sec03 .numBox .text .li .p1{font-size: 0.28rem;}
.sec03 .numBox .text .li .p1 span{font-size: 0.45rem; font-weight: bold;}
.sec03 .numBox .text .li2 .p1 span{font-size: 0.43rem; }
.sec03 .numBox .text .li .p2{font-size: 0.2rem; margin-top: 0.1rem;line-height: 1.45;}
.sec03 .numBox .bref {font-size: 0.13rem; color: #f3dbdf; margin-left: 2.3rem; line-height: 1.4}
.sec03 .numBox .bref .p1{margin-bottom: 0.14rem;}


.sec04{
    position: relative;
    background: url('../../img/product/ext3800/7.jpg') no-repeat;
    background-size: cover;
    background-position: center;
    padding: 15.1% 0 7.5%;
}
.sec04 .inner .text{position: relative;  left: calc(50% + 2.5rem); }
.sec04 .posTop{
    position: absolute; background: #c1495e; width: 15rem; height: 2.75rem;
    left:calc((100% - 15rem) / 2); top:-1.22rem;
}
.sec04 .posTop ul li{display: flex; flex-direction: column; align-items: center; justify-content: center;}
.sec04 .posTop ul li p{ font-size: 0.18rem; color: #fff; margin-top: 0.22rem;}
.sec04 .posTop ul li .img{width:1.4rem; height: 1.4rem; border-radius: 50%; overflow: hidden;}
.sec04 .posTop ul li .img img{border-radius: 50%; transform: scale(1.01);}
.sec04 .posTop ul li:nth-child(2){margin: 0 2.12rem;}
.sec04 .text .li{padding-left: 0.2rem; position: relative; margin-bottom: 0.8rem; opacity: 0; transform: translateX(-150px)}
.sec04 .text .li:last-child{margin-bottom: 0;}
.sec04 .text .li:before{
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #c3495e;
    position: absolute;
    left: 0;
    top:0.08rem;
}
.sec04 .text .li .p1{font-size: 0.26rem; color: #c1495e;}
.sec04 .text .li .p2{font-size: 0.17rem; color: #737373; margin-top: 0.2rem;}

.sec05{
    position: relative;
    /*background: url('../../img/product/ext3800/9.jpg') no-repeat;*/
    background-size: cover;
    background-position: center;
    padding: 6.09% 0 7.96%;
}
.sec05 .title{ text-align: center; color: #fff}
.sec05 ul{margin-top: 0.3rem;}
.sec05 ul li .img{width: 1.14rem; height: 1.5rem; position: relative;}
.sec05 ul li .img2{position: absolute; width: 0.37rem; left:50%; top:50%; transform: translate(-50%,-50%)}
.sec05 ul li:nth-child(2){margin: 0 2rem;}
.sec05 ul li:nth-child(2) .img2{ width: 0.39rem;}
.sec05 ul li:nth-child(3) .img2{ width: 0.42rem;}
.sec05 ul li p{font-size: 0.17rem; color: #fff; text-align: center; line-height: 1.6;}

.sec06{
    position: relative;
    background: url('../../img/product/ext3800/10.jpg') no-repeat;
    background-size: cover;
    background-position: center;
    padding: 8.93% 0 8%;
}
.sec06 .leftbox{margin-top: -0.8rem;}
.sec06 .cont{ margin-left: 1.76rem;}
.sec06 .yqimg{width: 9.37rem; margin-right: 0.8rem;}
.sec06 .title{font-size: 0.32rem; margin-bottom: 1.16rem;}
.sec06 ul li .p1{ font-size: 0.26rem; color: #c1495e;}
.sec06 ul li .p2{ font-size: 0.17rem; color: #737373; margin-top: 0.1rem;}
.sec06 ul li .bold{font-size: 0.44rem; font-weight: bold;}
.sec06 ul li{margin-bottom: 0.88rem;}
.sec06 ul li:last-child{margin-bottom: 0;}
.sec06 .two{justify-content: flex-end; margin-top: 0.64rem;}
/*.sec06 .two .text{width: 5.02rem; height: 5.02rem; background: #c1495e; flex-direction: column; padding-left: 1.1rem; box-sizing: border-box;}*/
.sec06 .two .text{width: 26.145%; height: 5.02rem; background: #c1495e; flex-direction: column; padding-left: 1.1rem; box-sizing: border-box;}
.sec06 .two .text .p1{font-size: 0.32rem; color: #fff; margin-bottom: 0.58rem;}
.sec06 .two .text .p2{font-size: 0.17rem; color: #fff; margin-bottom: 0.28rem;}
/*.sec06 .two .img{width: 8.97rem;}*/
.sec06 .two .img{width: 46.72%; height: 5.02rem}
.sec06 .two .imgbj{
    width: 100%;
    height: 100%;
    background: url('../../img/product/ext3800/12.jpg') no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}
.sec06 .two .imgbj:after{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left:0;
    top:0;
    background: #c1495e;
    transition: transform 0.4s cubic-bezier(0.1, 0.24, 0.33, 0.95);
}
.sec06 .two .imgbj.on:after{
    transform: scale(0,1);
    transform-origin: right;
}

.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{font-size: 12px;}
    .sec03 .pt2,
    .sec04 .text .li .p2,
    .sec04 .posTop ul li p,
    .sec06 ul li .p2,
    .sec06 .two .text .p2,
    .sec07 .text .p2{font-size: 13px;}
    .sec06 ul li .p2{white-space: nowrap}
}

@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;
    }
    .sec02 .text .hd{margin-bottom: 2vw;}
    .sec02 .hd .l1 {
        font-size: 6vw;
        margin-bottom: 0.47rem;
    }
    .sec02 .hd .l2 {
        font-size: 3.73vw;
        margin-bottom: 2.13vw;
    }
    .sec02 .hd .l3 {
        font-size: 0.28rem;
        line-height: 1.46;
        margin-bottom: 1.07vw;
        color: #575757;
    }
    .sec02 .l3 .star{left:0;}
    .sec02 .pic {
        position: static;
        margin: 0 auto;
        width: 150%;
        right:0;
    }
    .sec02 .pic img {
        width: 100%;
        margin-left: -33%;
    }
    .sec03 {
        padding:1.76rem 0 1.24rem;
        background:#080808 url(../../img/product/ext3800/sp_1.jpg) no-repeat;
        background-size: 100% auto;
        background-position: top center;
    }
    .sec03 .pt2{font-size: 0.26rem; margin-top: 0.6rem;}
    .sec03 .numBox {  flex-direction: column; align-items: center;  }
    .sec03 .numBox .yqimg {  width: 5.08rem;  margin-right: 0; margin-left: -0.4rem; margin-top: 0.8rem;}
    .sec03 .numBox .text .li .p1 {  font-size: 0.4rem;  }
    .sec03 .numBox .text .li .p1 span {font-size: 0.7rem;}
    .sec03 .numBox .text .li:nth-child(2) .p1 span {font-size: 0.6rem;}
    .sec03 .numBox .text .li .p2 {  font-size: 0.26rem;  }
    .sec03 .numBox .text .li{width: auto;}
    .sec03 .numBox .text{width: 100%; box-sizing: border-box; padding: 0 0.3rem 0 0.8rem; justify-content: space-between;margin-left: 0.1rem;display: grid;  grid-template-columns: repeat(2, 1fr);  grid-template-rows: repeat(2, 1fr);margin-top: 0.7rem;}
    .sec03 .numBox .bref{padding:0 0.3rem 0 0.9rem ; margin-left: 0; box-sizing: border-box; font-size: 0.2rem; margin-top: 0.5rem;}

    .sec04{padding-top: 0; padding-bottom: 5.74rem;background: url(../../img/product/ext3800/sp_2.jpg) no-repeat; background-size: 100% auto;
        background-position: center bottom;}
    .sec04 .posTop{position: unset; width: 100%; padding: 0 0.37rem; box-sizing: border-box; height: 3.78rem;}
    .sec04 .posTop ul{justify-content: space-between; width: 100%;}
    .sec04 .posTop ul li:nth-child(2){margin: 0;}
    .sec04 .posTop ul li p{font-size: 0.22rem;}
    .sec04 .posTop ul li .img{width:1.54rem; height: 1.54rem;}
    .sec04 .inner{padding-left: 0.66rem;}
    .sec04 .text{margin-top: 1.34rem;}
    .sec04 .inner .text{left:0;}
    .sec04 .text .li{padding-left: 0.3rem;}
    .sec04 .text .li .p1{font-size: 0.32rem;}
    .sec04 .text .li .p2{font-size: 0.28rem; color: #666666;}
    .sec04 .text .li:before{
        width: 0.13rem;
        height:2px;
        border-radius: unset;
    }
    .sec05{
        padding: 1.6rem 0 2.2rem;
        background:#170b13 url(../../img/product/ext3800/sp_3.jpg) no-repeat;
        background-size: 100% auto;
        background-position: bottom center;
    }
    .sec05 ul {  margin-top: 0.7rem; flex-direction: column;padding-left: 1.2rem; box-sizing: border-box; }
    .sec05 ul li{display: flex;    align-items: center;  }
    .sec05 ul li p{font-size: 0.24rem; color: rgba(255,255,255,0.8)}
    .sec05 ul li .img{ margin-right: 0.2rem; }
    .sec05 ul li:nth-child(2){margin: 0;}

    .sec06{
        padding: 1.3rem 0 1.54rem;
        background:#dedede url(../../img/product/ext3800/sp_4.jpg) no-repeat;
        background-position: top center;
        background-size: cover;
    }

    .sec06 .leftbox{text-align: center;  margin-top: 0;}
    .sec06 .title{  font-size: 0.44rem; margin-bottom: 0.56rem; }
    .sec06 .spBref{  font-size: 0.24rem; color: #040000; line-height: 1.6; }

    .sec06 .cont{flex-direction: column; width: 100%; margin-left: 0; }
    .sec06 .cont ul{order:1; width: 100%;}
    .sec06 .cont .yqimg{order:2;margin-top: 1.4rem;  width: 90%;  margin-right: 0.4rem;}
    .sec06 ul li{margin-bottom: 0.2rem;}
    .sec06 ul li .p1{display: none;}
    .sec06 ul li .p2{font-size: 0.26rem; text-align: center;}
    .sec06 .two{flex-direction: column; align-items: flex-end; justify-content: unset;margin-top: 0.94rem;}
    .sec06 .two .img{order:1; width:6.62rem; height: 4.38rem; }
    .sec06 .two .text{order:2; width:6.62rem; height: 3.4rem; padding-left: 0.7rem; }
    .sec06 .two .text .p1{font-size: 0.4rem;margin-bottom: 0.5rem;}
    .sec06 .two .text .p2{font-size: 0.24rem;margin-bottom: 0.18rem;}
    .sec06 .two .text .p2:last-child{margin-bottom: 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; }
}