.colorf8{color: #f8b73d;}
.sec01{background: #9d0951;}
.sec01 .pic{left: 34.86%; }
.sec01 .pic svg{fill: #75093a;opacity: 1;}
.sec01 .icon{width:1.75rem;}
.sec01 .l1 {margin-bottom: 0.25rem;}
.sec01 .l2{margin-bottom: 0.13rem;}
.sec01 .l3{font-size: 0.28rem;}
.sec01 .text { padding: 1.52rem 0 0.74rem 1.1rem;  }
.sec01 .text .lb3{margin-bottom: 0.34rem;}
.sec02 .pic {
    position: absolute;
    right: -9%;
    top: 0;
    margin-top: -21.36%;
    width: 49.28%;
}
.sec02 .l1{margin-bottom: 0.4rem;}
.sec02 .l2{font-size: 0.17rem; color: #000202;  margin-bottom: 0; line-height: 1.7; color: #595959; }



.sec02 .text{padding: 1rem 0 1.5rem 1.1rem;}
.sec02 .bd {
    /*background: url(../img/product/u1600/img2.gif) no-repeat center;
    background-size: cover;*/
    background: #232325;
    padding: 0;

}
.sec03{
    background: url('../img/product/exb120/bj1.jpg') no-repeat;
    background-size: cover;
    background-position: center;
    padding: 9.48% 0 8.43%;
}
.sec03 .textbox{margin-top: -0.63rem;}
.sec03 .text .p1{font-size: 0.46rem; color: #1f1f1f;}
.sec03 .text .p2{font-size: 0.17rem; color: #595959; line-height: 1.7;}
.sec03 .text1 .p1{margin-bottom: 0.4rem;}
.sec03 .text1 .p3{font-size: 0.26rem; color: #a6406f; margin-top: 1.2rem;}
.sec03 .text1 .p3 span{font-size: 0.88rem; }

.sec03 .text2 .p1{margin-bottom: 0.3rem; }
.sec03 .text2 .p2{font-size: 0.26rem; }
.sec03 .inner{ text-align: center;  }
.sec03 .inner .cont{display: flex; margin-top: 1.1rem;justify-content: space-between;}
.sec03 .inner .yqimg{ width:53.78%; margin-left: -0.76rem;}
.sec03 .inner .iconlist{width: 100%; }
.sec03 .inner2 {margin-top: 1rem;}
.sec03 .inner .iconlist .ul{display: flex;  margin-right: 0.2rem; justify-content: center; }
.sec03 .inner2 .iconlist li{text-align: center; height: 2.18rem; width: 3.92rem; position: relative;}
.sec03 .inner2 .iconlist .li2{margin:0 0.52rem;}
.sec03 .inner2 .iconlist li .img{ overflow: hidden;}
.sec03 .inner2 .iconlist li img{width:100%; transition:transform 1s ease; }
.sec03 .inner2 .iconlist li:hover img{ transform: scale(1.1); }
.sec03 .inner2 .iconlist li .p1{ font-size: 0.17rem; text-align: center; margin-top: 0.24rem; line-height: 0.66rem; height: 0.66rem; background: #9d0951; position: absolute; width: 100%; left:0; bottom: 0; color: #fff;}

.secb03{
    background: url('../img/product/exb120/bj2.jpg') no-repeat;
    background-size: cover;
    background-position: center;
    padding: 10.42% 0 18.12%;
}
.secb03 .inner{display: flex; justify-content: flex-end; padding-right: 0.1rem; box-sizing: border-box;}
.secb03 .text .p1{font-size: 0.45rem; color: #1f1f1f;}
.secb03 .text .p2{font-size: 0.17rem; color: #595959; margin-top: 0.4rem;}
.secb03 .iconlist{margin-top: 1.24rem;}
.secb03 .iconlist li{margin-bottom: 0.7rem; font-size: 0.17rem; color: #575757;}
.secb03 .iconlist li:last-child{margin-bottom: 0;}
.secb03 .iconlist li .img{width: 0.58rem; margin-right: 0.3rem;}


.sec04{position: relative; padding-bottom: 44.79%;}
.sec04 .bjtr,.sec04 .inner{
    position: absolute;
    left:50%;
    transform: translateX(-50%);
    top:0;
}
.sec04 .bjvideo{ position: absolute; bottom:0; left:0; width:100%; height: 100%; overflow: hidden; background: #000;}
.sec04 .bjvideo .videos{width:100%; position: absolute; bottom: 0;}
.sec04 .bjtr{
    width:91.14%;
    background: #a42c61;
    top:-4.9vw;

}
.sec04 .bjtr p{ font-size: 0.32rem; color: #fff; text-align: center; padding:6.57% 0; }
.sec04 .inner{ height: 100%; width:14rem;}
.sec04 .iconlist{margin-top: 40%; transform: translateY(-50%); padding:0 1.87rem; box-sizing: border-box;}
.sec04 .iconlist ul{display: flex; justify-content: space-between; width:100%;  }
.sec04 .iconlist li{text-align: center;}
.sec04 .iconlist li img{ width:2rem; height: 2rem; border-radius: 50%; }
.sec04 .iconlist li .p1{ font-size: 0.2rem; color: #fff; margin-top: 0.3rem;}

.sec05{position: relative;padding-bottom: 1rem;}
.sec05 video{width:100%;}
@media all and (min-width: 2000px) {
    .sec05 video{width:90%; margin: 0 auto; display: block;}
}
.sec05 .text{ position: absolute; top:1.67rem; width:100%; left:0; text-align: center; }
.sec05 .p1{  font-size: 0.46rem; color: #000202; }
.sec05 .p2{  font-size: 0.17rem; color: #595959; margin-top: 0.5rem; }

.sec06{display: flex; align-items: center;}
.sec06 .left{ width:58.23%; background: #e8e8e8;  position: relative; }
.sec06 .left .slicks{padding: 8.77% 0 11.34%;  box-sizing: border-box; width:6rem; margin-left: 50%; transform: translateX(-50%);}
.sec06 .left .lister{width:100%;}
.sec06 .left .lister .p1{ font-size:0.28rem; color: #000202; margin-bottom: 0.56rem; text-align: center; background:#e8e8e8;  }
.sec06 .left .lister img{ width:5.4rem; margin-left:0.5rem;}
/*
.sec06 .left .slick-dots{ display: flex; justify-content: center; margin-top: 0.6rem;}
.sec06 .left .slick-dots li{ width:0.18rem; height:0.18rem; border-radius: 50%; background: rgba(255,255,255,0.2); margin-left: 0.32rem; }
.sec06 .left .slick-dots li:nth-child(1){margin-left: 0;}
.sec06 .left .slick-dots li.slick-active{  background: rgba(255,255,255,1); }
.sec06 .left .slick-dots li button{display: none;}
*/
.sec06 .left .swiper-pagination{position: absolute; bottom: 0.5rem;}
.sec06 .left .swiper-pagination .swiper-pagination-bullet{ width:0.18rem; height:0.18rem; border-radius: 50%; background: #d1d1d1; margin-left: 0.32rem; opacity: 1 !important; }
.sec06 .left .swiper-pagination .swiper-pagination-bullet-active{ background: #a42c61; }
.sec06 .left .swiper-pagination .swiper-pagination-bullet:nth-child(1){margin-left: 0;}


.sec06 .right{ width:calc(100% - 58.23%); background: #a42c61; }
.sec06 .right .text{ padding: 18.75% 0 16.875% 0.77rem; font-size: 0.17rem; color: #fff}
.sec06 .right .text p{ margin-bottom: 0.74rem; position: relative; padding-left: 0.3rem; line-height: 1.4;}
.sec06 .right .text p:last-child{ margin-bottom: 0;}
.sec06 .right .text p span{ margin-right: 0.1rem; position: absolute; left:0;}


.sec07 .inner{ padding:2.33rem 0 1.77rem; }
.sec07 .bgtitle{ font-size: 0.32rem; color: #000202; margin-bottom: 0.44rem; padding-left: 0.1rem;}
.sec07 table{ border-top:1px solid #952a5b;  border-bottom:1px solid #952a5b; width:100%;}
.sec07 table tr{   height:0.68rem; font-size: 0.18rem; color: #595959; }
.sec07 table tr:nth-child(1) td{border-bottom:1px solid #952a5b; color: #a42c61;}
.sec07 table td{ border-bottom: 1px dashed #c1bfbf; padding-left: 0.1rem; font-size: 0.17rem;}
.sec07 table tr:last-child td{border-bottom: none;}

@media screen and (min-width: 768px) {
    .sec05{padding-bottom: 0;}
    .sec05 video{margin-bottom: -2px; position: relative; z-index: 1; mix-blend-mode:screen;}
    .sec06{padding-top: 1rem; border-top: 1px solid #fff; position: relative; z-index: 2;}
}

@media all and (max-width: 767px) {
    .sec01 .text {  padding: 8% 0 8.27% 0.91rem;  }
    .sec01 .l1 {  font-size: 3.47vw;  margin-bottom: 5.01vw;  }
    .sec01 .l2 {  font-size: 0.7rem;  margin-bottom: 0.18rem;  }
    .sec01 .l3 {  font-size: 0.28rem;  }
    .sec01 .text .lb3{margin-bottom: 0.28rem;}
    .sec01 .pic {left: auto;right: 1.5rem; top: 0; margin-top: 1rem;width: 20vw;}
    .sec02 {  padding-top: 1.34rem; padding-bottom: 1.35rem;  background: #f7f7f7;  }
    .sec02 .text {  padding: 0 0.28rem; box-sizing: border-box; text-align: center;  }
    .sec02 .text .hd{margin-bottom: 1rem;}
    .sec02 .hd .l1 {font-size: 0.45rem;margin-bottom: 0.42rem; }
    .sec02 .hd .l2 {font-size: 0.26rem;margin-bottom:0; text-align: center;}
    .sec02 .hd .ll2 {margin-top:0.34rem;}
    .sec02 .hd .l3 { font-size: 0.28rem; line-height: 1.46; margin-bottom: 1.07vw;  }
    .sec02 .pic {position: static;  margin: 0 auto; width: 87%;right: 0; margin-left: 1.2rem; }
    .sec02 .pic img {width: 100%;  margin-left: -20%;}
    .sec02 .bd { padding: 0; }
    .sec02 .bd .inner{height:8.78rem; position: relative; display: block; }
    .sec02 .bd .rttext .bgtitle{color: #fff;margin-bottom: 1.34rem;}
    .sec02 .bd .rttext{position: absolute; width:100%;top:1.3rem;}
    .sec02 .bd ul {flex-wrap: wrap;justify-content: space-around; }
    .sec02 li { margin: 0 9.6vw 8.67vw; font-size: 3.2vw; width:2.27rem;  }
    .sec02 .bd .rttext ul{margin: 0 0.32rem;}
    .sec02 .bd .rttext li img{width:1.7rem; border-radius: 50%;}
    .sec02 .bd .rttext li .tt{font-size: 0.2rem !important;}
    .sec03 {
        background: url(../img/product/exb120/sp_1.jpg) no-repeat;
        background-size: cover;
        background-position: center;
        padding: 1.72rem 0 1.4rem;
    }

    .sec03 .text .p1{ color: #000202;  }
    .sec03 .inner1{display: grid; }
    .sec03 .inner1 .yqimg{ order:2;width: 80%; margin-left: 0.66rem;  margin-top: 1.34rem;}
    .sec03 .inner1 .textbox{ order:1; margin-top: 0;}
    .sec03 .text1 .p3{display: none;}
    .sec03 .text .p2{font-size: 0.26rem;}
    .sec03 .inner2 .iconlist li{width: 3.67rem;}
    .sec03 .inner2 .iconlist li img{height: 100%;}
    .sec03 .inner2 .iconlist li .img{height: calc(100% - 0.66rem);}
    .sec03 .inner2 .iconlist li .p1{font-size: 0.26rem; height: calc(0.66rem + 1px);}
    .sec03 .inner2 .iconlist .li2{margin: 0;}
    .sec03 .inner .iconlist .ul{margin-right: 0; justify-content: unset;}
    .secb03 {
        background: url(../img/product/exb120/sp_2.jpg) no-repeat;
        background-size: 100% auto;
        padding: 7.24rem 0 1.3rem;
    }
    .secb03 .inner{padding: 0;}
    .secb03 .text{width: 100%; text-align: center; margin-top: 1.42rem; padding: 0 0.46rem; box-sizing: border-box;}
    .secb03 .text .p2{ font-size:0.26rem; color: #575757; }
    .secb03 .iconlist{display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 1.04rem;}
    .secb03 .iconlist li{font-size: 0.26rem; flex-direction: column; text-align: center; width: 50%;}
    .secb03 .iconlist li .img{ width:1.14rem;margin-right:0;}
    .secb03 .iconlist li p{ line-height: 1.5; margin-top: 0.16rem;}

    .sec04{padding-top: 3.26rem; padding-bottom: 0;}
    .sec04 .bjtr{width: 100%; height: 3.26rem; line-height: 1.7; transform:none; left:0; display: flex; align-items: center; justify-content: center;order:1; top:0;}
    .sec04 .bjtr p{padding: 0;}
    .sec04 .bjvideo{position: relative; height: 5.82rem; background: #010101; order:2; }
    .sec04 .iconlist{padding: 0 0.8rem; margin-top:4.39rem; transform: none;}
    .sec04 .iconlist li img{ width:1.44rem; height: 1.44rem; }
    .sec04 .iconlist li .p1{ font-size:0.26rem;}

    .sec05 {padding-top: 4rem; padding-bottom: 0.5rem;}
    .sec05 .p2{font-size: 0.26rem;}
    .sec05 .videoimg{width: 100%;}
    .sec06{display: block; background: #e8e8e8; padding-bottom: 0.6rem;}
    .sec06 .left{ width: 100%;}
    .sec06 .left .slicks{padding: 1.4rem 0 1rem;}
    .sec06 .left .lister .p1{font-size: 0.32rem;}
    .sec06 .right{width: 6.82rem; border-top-right-radius: 0.1rem; border-bottom-right-radius: 0.1rem;   }
    .sec06 .right .text{font-size: 0.26rem; padding: 1.18rem 0.4rem;}
    .sec06 .nextPrevBox svg{ fill: none;  stroke: #c98ca8;  stroke-width: 2px;  stroke-linecap: round;  stroke-linejoin: round; width: 0.76rem; height: 0.76rem; top: calc(50% + 0.3rem);}
    .sec06 .nextPrevBox svg:hover{ stroke: #a42c61; }
    .sec06 .nextPrevBox .swiper-button-prev{ transform: rotate(-180deg);left: -0.3rem;}
    .sec06 .nextPrevBox .swiper-button-next{ right: -0.3rem;}

    .sec07{padding: 0 0.46rem; box-sizing: border-box;}
    .sec07 .inner{padding: 1.42rem 0; }
    .sec07 .bgtitle{margin-bottom: 0.54rem;}
    .sec07 table td{font-size: 0.26rem;}
    .sec07 table tr{height: 0.88rem;}
    .sec07 table tr:nth-child(1) td:nth-child(1) {width:40% !important;}
    .sec07 table tr:nth-child(1) td:nth-child(2) {width:60% !important;}

    .enPage .sec03 .inner2 .iconlist li .p1{height: auto; padding: 0.1rem; box-sizing: border-box; line-height: 1.1;}
    .enPage .secb03 .iconlist li p{ line-height: 1.2;}

}