.section .inner {  position: relative;  }
.sec01 {  background: #ef428d;  }
.sec01 .text {  padding: 10.86% 0 5.29% 7.86%;  }
.sec01 .l1 {  font-size: 0.21rem;  margin-bottom: 0.34rem;  }
.sec01 .l2 {  font-size: 0.72rem;  margin-bottom: 0.2rem;  color: #fff;  }
.sec01 .l3 {  font-size: 0.28rem;  color: #fff;  }
.sec01 .pic {  position: absolute;  left:39.86%;  top: 0;  margin-top: 4.57%;  width: 12.57%;  }
.sec01 svg {  width: 100%;  fill: #be256a;  }
.sec02 {  background: #f7f7f7;  }
.sec02 .text {  position: relative;  z-index: 1;  padding: 1.16rem 0 1.16rem 7.86%;  }
.sec02 .l1 {  font-size: 0.46rem;  text-transform: uppercase;line-height: 1.2;}
.sec02 .pic {
    position: absolute;  right: -19%;  top: 0;  margin-top: -9%;  width:74.79%;
}
img{width: 100%;}
.sec02 .pic img {  width: 100%;  }
.sec3{
    background: url('../../img/product/exr110120/bg1.jpg') no-repeat;
    background-size: cover;
    background-position: center bottom;
    position: relative;
}
.bgtitle{ font-size: 0.46rem; color: #000;  }
.sec3 .inner{padding: 1.13rem 0 3rem}
.sec3 .yqimg{margin-top: 3.15rem; width: 7.2rem; height: 5.65rem; position: relative;}
.sec3 .yqimg img{width:120%;}
.sec3 #jtcc{ position: absolute; left: -0.12rem;width: 102%;  top: 0.24rem;}
.sec3 #jt{ position: absolute; width: 1.38rem;  right: 0.56rem;  top: 2.3rem;}
.sec3 .title{margin-bottom: 1.86rem;}
.sec3 .text{color: #ef428d; margin-right: 0.3rem;}
.sec3 .text .li{position: relative; margin-bottom: 1.62rem; padding-left: 0.9rem; }
.sec3 .text .num{ font-size: 1.29rem; position: absolute; left:0; top: -0.66rem;}
.sec3 .text .p1{ font-size: 0.36rem; }
.sec3 .text .p2{ color: #898989; font-size: 0.18rem; line-height: 1.4; margin-top: 0.1rem;}


.sec4{background: #fafafc; padding-bottom: 2.9rem; position: relative;}
.sec4 .inner{position: absolute; left:50%; transform: translateX(-50%); top: -0.4rem; width: 100%;}
.sec4 .title{position: absolute; width:100%; top:-1.34rem; }
.sec4 .imglist{flex-direction: column; align-items: center;}
.sec4 .imglist .icon{margin-bottom: 0.44rem;}
.sec4 .imglist .icon1{width:1.14rem; height: 0.87rem;}
.sec4 .imglist .icon2{width:0.85rem; height: 0.89rem;}
.sec4 .imglist .icon3{width:1.03rem; height: 0.89rem;}
.sec4 .imglist p{font-size: 0.18rem; color: #898989; line-height: 1.3; text-align: center;}
.bold{font-weight: 700;}
.sec5{background: #2a2a2a; padding-bottom: 6.5rem; position: relative; color: #ef428d;}
.sec5 .title{font-size: 0.46rem; position: absolute; top:1rem; left:50%; transform: translateX(-7rem);}
.sec5 .gifimg{position: absolute; width: auto; max-width: 100%; bottom: 0;left:50%; transform: translateX(-50%);}
.sec5 .text{ position: absolute; flex-wrap: wrap; width: 9.54rem; left:50%; transform: translateX(-2.86rem); margin-top: 1rem;}
.sec5 .text .iconlist{ margin-bottom: 0.7rem;}
.sec5 .text .iconlist1{ margin-left: 0.2rem;}
.sec5 .text .iconlist .icon1{ width:0.6rem; height: 0.77rem; margin-right: 0.38rem;}
.sec5 .text .iconlist .icon2{ width:1.33rem; height: 0.88rem; margin-right: 0.12rem;}
.sec5 .text .iconlist .icon3{ width:0.8rem; height: 0.6rem;margin-right: 0.38rem; }
.sec5 .text .iconlist p{ font-size: 0.18rem; line-height: 1.5;}
.sec6{ background: #e9eef4;}
.sec6 .title{ position: absolute; top:1.18rem; left:0.2rem; }
.sec6 .inner{ padding-bottom: 8.49rem;}
.sec6 .yqimg{ width: 9.69rem; position: absolute;left: 50%;  transform: translateX(-52.6%);  top: -2.6rem;}
.sec6 .block{position: absolute;}
.sec6 .block1{top:3.14rem; left: 0.5rem;}
.sec6 .block2{bottom:1.14rem; left:1.94rem;}
.sec6 .block3{ right:0rem; top:1.18rem;}
.sec6 .block4{ bottom: 2.29rem; right: -0.5rem;}
.sec6 .block1 p,.sec6 .block2 p{margin-top: 0.22rem;}
.sec6 .block3 p,.sec6 .block4 p{margin-bottom: 0.2rem;}
.sec6 .block .img1{ width:1.88rem; border-radius: 4px;}
.sec6 .block .fleximg .img1{margin-right: 0.16rem;}
.sec6 .block p{font-size: 0.18rem; color: #878787; line-height: 1.3;}
.sec6 .block .bold{ color: #595959;}
.sec6 .block .number{ font-size: 0.38rem;}
.sec6 .block .dashline1{ width: 1.37rem; position: absolute; right: -2rem;  top: -0.8rem;}
.sec6 .block .dashli{ width: 0.14rem; position: absolute;;}
.sec6 .block .dashline2{right: -0.7rem; top: -2.94rem;}
.sec6 .block .dashline3{left: -0.3rem; top: -2rem;transform: rotate(-90deg); }
.sec6 .block .dashline4{left: -0.6rem; top: -2.72rem;}
.sec6 .block .circle{ animation: circleSan 1.6s ease-out infinite }
@keyframes circleSan {
    0%{ opacity: 0.2 }
    50%{ opacity: 0.9 }
    100%{ opacity: 0.2 }
}
.sec7{
    background: url('../../img/product/exr110120/bj3.jpg') no-repeat;
    background-size: cover;
    background-position: center bottom;
    position: relative;
}
.sec7 .inner{padding: 10% 0 33%; display: flex; justify-content: flex-end;}
.sec7 .title{margin-bottom: 0.68rem;}
.sec7 .iconlist {display: flex; align-items: center;}
.sec7 .iconlist2 {margin-bottom: 0.58rem;}
.sec7 .iconlist .img{width: 0.75rem; height: 0.75rem; margin-right: 0.3rem;}
.sec7 .iconlist p{color: #898989; font-size: 0.18rem; line-height: 1.25;}
.sec7 .iconlist .black{ color: #595959; font-weight: bold;}

.sec7 .li{font-size: 0.18rem; color: #898989; margin-bottom: 0.28rem; line-height: 1.3; padding-left: 15px; position: relative;}
.sec7 .li:before{
    content: '';
    display: block;
    background:#ef428d ;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    left:0;
    top: 0.12rem;
    position: absolute;
}
.sec7 .yqimg{ position: absolute; right:0; bottom: -3rem; width: 7.8rem; }


.sec8{ background: #e9eef4; }
.sec8 .inner{ flex-wrap: wrap; padding: 1.3rem 0.7rem 0.38rem; box-sizing: border-box;}
.sec8 .iconlist{display: flex; flex-direction: column; align-items: center; margin-bottom: 0.8rem; }
.sec8 .iconlist2{ width: 4.66rem; padding: 0 1.2rem; padding-left: 0.76rem;}
.sec8 .iconlist3{ margin-right: 0.1rem;}
.sec8 .iconlist5{ width: 4.66rem; padding: 0 1.2rem; }
.sec8 .iconlist5 .img{ margin-top: 0.15rem;}
.sec8 .iconlist p{font-size: 0.18rem; color: #898989; margin-top: 0.3rem; text-align: center; line-height: 1.3;}
.sec8 .iconlist p .black{color: #595959;font-weight: 700;}
.sec8 .iconlist .img{width: 1rem; overflow: hidden; border-radius: 50%;  padding: 0.2rem;}
.sec8 .iconlist .img img{transform: scale(1); transition: transform 1s ease;}
.sec8 .iconlist .img:hover img{ transform: scale(1.1); }
.sec9{ background: #ef428d url('../../img/product/exr110120/bj4.jpg') no-repeat; background-position: left bottom; background-size: auto 100%;}
.sec9 .text{padding: 0.9rem 0; font-size: 0.31rem; color: #fff; text-align: right;}
.sec10{padding: 1rem 0; background: #f7f7f7;}
.sec10 table{color: #ef428d; margin-top: 0.7rem;}
.sec10 table td{ padding-left: 0.2rem;}
.sec10 table .head{font-size: 0.2rem;}
.sec10 table .head td{border-bottom: 1px solid #ef428d; border-top: 1px solid #ef428d;}


/*中文版*/
.cn .sec01 .l2{ margin-bottom: 0.14rem;  }
.cn .sec01 .l3{ font-size:0.26rem; }
.cn .sec02 .l1{ margin-bottom: 0.22rem;}
.cn .sec02 .l2{ font-size:0.18rem;  color: #898989; line-height: 1.7;}
.cn .sec02 .text{ padding: 1.16rem 0 0.86rem 7.86%;}

.cn .sec3 .title {  margin-bottom: 1.59rem;  }
.cn .sec3 .text .num{ font-size:1rem; position: unset; }
.cn .sec3 .text .li{ padding-left: 0; margin-bottom: 0.9rem;}
.cn .sec3 .text .p1{ font-size: 0.26rem;}
.cn .sec5 .text{ width:8.14rem; transform: translateX(-1.66rem);}
.cn .sec5 .text .iconlist:last-child{ margin-right: 0.7rem; }
.cn .sec5 .text .iconlist .icon1{ width:0.7rem; height: 0.7rem; margin-right: 0.42rem;}
.cn .sec5 .text .iconlist .icon2{ width:0.9rem; height: 0.7rem;margin-right: 0.35rem;}
.cn .sec5 .text .iconlist .icon3{ width:0.83rem; height: 0.7rem;margin-right: 0.3rem;}
.cn .sec5 .text .iconlist .icon4{ width:0.72rem; height: 0.76rem;margin-right: 0.42rem;}
.cn .sec5 .text .iconlist1 {  margin-left: 0; margin-right: 2.36rem; }

@media all and (min-width: 768px) {
    .cn .sec3  {
        background: url(../../img/product/exr110120/bj4_cn.jpg) no-repeat;
        background-size: cover;
        background-position: center;
        position: unset;
    }
    .cn .sec3 .inner {/*padding: 2.42rem 0 2.6rem */ padding: 12.6% 0 13.54%;position: unset;}

    .cn .sec6 .block p{ margin-top: 0.22rem; margin-bottom: 0; line-height: 1.5; }
    .cn .sec6 .block2 {  bottom: 1.4rem;  left: 2.3rem;  }
    .cn .sec6 .block3 { right: 1.5rem;  top: 0.8rem; }
    .cn .sec6 .block4 {  bottom: 2.29rem;  right: 2rem;  }
    .cn .sec6 .block .dashline1 {right: -1.75rem; top: -0.9rem;}
    .cn .sec6 .block .dashline4 { top: -3.1rem;  }
    .cn .sec6 .block .dashline3 { left: -0.1rem;  top: -2.5rem;}
}


.cn .sec7 .inner{padding: 0 0 56.72%;}
.cn .sec8{padding-top: 1rem;}
.cn .sec8 .inner{ padding: 0.86rem 0.36rem 1.42rem; align-items: flex-end;}
.cn .sec8 .bgtitle{ text-align: center; }
.cn .sec8 .iconlist{width: auto; padding: 0; margin-bottom: 0;}
.cn .sec8 .iconlist .img{width: 0.93rem; height: 0.93rem;}
.cn .sec8 .iconlist3 .img{width: 1rem; height: 1rem; margin-right:0;}

@media all and (max-width: 1480px) {
    .sec5 .text .iconlist p{font-size: 12px;}
    .cn .sec02 .l2,
    .sec3 .text .p2,
    .sec8 .iconlist p,
    .sec4 .imglist p,
    .sec7 .iconlist p,
    .productTable td p,
    .sec10 table .head
    {font-size: 13px}

    .sec8 .iconlist5 {
        width: 4.86rem;
        padding: 0 0.2rem;
    }
}
@media all and (max-width: 767px) {
    .sec01 .text {
        padding: 8% 0 6.27% 12.93%;
    }

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

    .sec01 .l2 {
        font-size: 9vw;
        margin-bottom: 2.27vw;
    }

    .sec01 .l3 {
        font-size: 4vw;
    }

    .sec01 .pic {
        left: auto;
        right: 12.8vw;
        top: auto;
        bottom: 6.27vw;
        margin-top: 0;
        width: 22vw;
    }

    .sec02 {
        padding: 13.07vw 0 16.53vw;
        text-align: center;
    }

    .sec02 .text {
        padding: 0;
        margin-bottom: 0;
    }

    .sec02 .l1 {
        font-size: 6vw !important;
    }

    .sec02 .l2 {
        font-size: 3.6vw;
        margin-bottom: 15vw;
    }

    .sec02 .pic {
        position: static;
        width: auto;
        margin-top: 1.1rem;
    }
    .sec3 {
        background: url(../../img/product/exr110120/sp_1.jpg) no-repeat;
        background-size: cover;
        background-position: center bottom;
    }
    .sec3 .inner{padding: 1.15rem 0 3rem; flex-wrap: wrap;}
    .sec3 .yqimg{width:100%;order:2; height: auto;}
    .sec3 .text{width:100%; order:1; margin-right:0; padding: 0 0.5rem;box-sizing: border-box;}
    .sec3 .title{text-align: center; margin-bottom: 0.94rem;}
    .sec3 .text .li{margin-bottom: 0.72rem;}
    .sec3 .text .num{font-size: 0.96rem;top: -0.13rem;}
    .sec3 .text .p2{font-size: 0.26rem; line-height: 1.2;}
    .sec3 .text .spbetween{display: flex; justify-content: space-between; flex-wrap: wrap;}
    .sec3 .yqimg{ margin-top: 1.1rem; }
    .sec3 .yqimg img{ width: 90%;  margin-left: 7%; }
    .sec4 {padding-bottom: 8.23rem;}
    .sec4 .inner{flex-wrap: wrap;}
    .sec4 .title{position: unset; margin-bottom: 1.3rem;}
    .sec4 .imglist{width: 100%; flex-direction: unset; margin-bottom: 1.24rem;}
    .sec4 .imglist .icon{margin-right: 0.34rem; margin-left: 0.78rem; margin-bottom: 0;}
    .sec4 .imglist p{text-align: left; font-size: 0.26rem;}
    .sec4 .imglist .icon3{width: 1.03rem; height: 0.89rem; margin-left: 0.88rem;}
    .sec4 .imglist .icon2{width: 0.85rem; height: 0.88rem; margin-right: 0.5rem;  margin-left: 0.88rem;}

    .sec5{padding-bottom: 8.67rem;}
    .sec5 .title{ left:0; transform: none; position: unset; text-align: center; display: block; padding-top: 1.18rem;}
    .sec5 .text{width: 100%; left:0; transform: none;}
    .left_animate{ animation: left_animate_dx 2s ease infinite; }
    @keyframes left_animate_dx {
        0%{ opacity: 0.3 }
        50%{ opacity: 1 }
        100%{ opacity: 0.3 }
    }


    .sec6 .inner{padding-bottom: 10.2rem;}
    .sec6 .yqimg{ width: 8.69rem; top: -3.6rem; }
    .sec6 .title{ top: -3.6rem;  left: 2.5rem; color: #ef428d; }
    .sec6 .block p{font-size: 0.26rem;}
    .sec6 .block1{top: 5.84rem;}
    .sec6 .block .dashline1{ right: 0.9rem; top: -4.5rem; width: 1.28rem;}
    .sec6 .block2{ left: 0.5rem; top: 2.4rem; bottom: auto;}
    .sec6 .block .dashline2{ width: 0.78rem; right: 0.2rem; top:-1.4rem;}
    .sec6 .block3{text-align: right; right: 0.4rem; top: 2.26rem;}
    .sec6 .block3 p{order:2;}
    .sec6 .block .img1{height: 0.8rem; border-radius:0; }
    .sec6 .block3 .img1{order:1; margin-bottom: 0.3rem; }
    .sec6 .block .dashline3{ transform: rotate(0deg); width: 1rem; left: 0.6rem;  top: -2.3rem; }
    .sec6 .block4 {right:0.4rem; text-align: right; bottom: 1.33rem;}
    .sec6 .block4 .fleximg{width: 1.88rem; flex-wrap: wrap; margin-left: 1rem;}
    .sec6 .block .fleximg .img1{margin-right: 0; margin-bottom: 0.1rem; }
    .sec6 .block .dashline4{width: 1.77rem; top: -3.72rem;}

    .sec7 {
        background: url(../../img/product/exr110120/bj3.jpg) no-repeat;
        background-size: 110%;
    }
    .sec7 .inner{ padding: 27% 0 33%; }
    .sec7 .yqimg{ width: 4.1rem; bottom: -1.8rem; }
    .sec8 {padding-top: 1.2rem;}
    .sec8 .title{text-align: center;}
    .sec8 .inner{padding: 0.7rem 0.4rem 0.83rem}
    .sec8 .iconlist .img{width: 0.72rem;}
    .sec8 .iconlist{width: 50%; padding: 0; margin-bottom: 0.4rem;}
    .sec8 .iconlist.sp{display: flex !important;}
    .sec8 .iconlist3{margin-right: 0;}
    .sec8 .iconlist p{font-size: 0.26rem; margin-top: 0.2rem; line-height: 1.2;}
    .sec8 .iconlist4{ order:1; }
    .sec8 .iconlist5{ order:2; }
    .sec8 .iconlist2{ order:3; }
    .sec8 .iconlist6{ order:4; }
    .sec8 .iconlist3{ order:5; }
    .sec9 .text{text-align: center; font-size: 0.31rem; padding: 0.91rem 0;}
    .sec10 {padding-top: 1.1rem;}
    .sec10 .inner{padding:0 0.5rem; box-sizing: border-box;}
    .sec10 .title{text-align: center; font-size: 0.46rem;}
    .sec10 table{border-top: 1px solid #ef428d;}
    .sec10 table tbody{display: inline-table; width: 100%;}
    .sec10 table td{border-bottom: 1px solid #ef428d; font-size: 0.26rem; vertical-align: middle; padding-top: 0.12rem; padding-bottom: 0.12rem;}
    .sec10 table td p{margin-bottom: 0; font-size: 0.26rem;}
    .sec10 table td p:before{display: none;}



    .cn .sec02 {padding: 12.07vw 0 16.53vw;}
    .cn .sec02 .pic{margin-top: 1.6rem;}
    .cn .sec02 .text{padding: 0;}
    .cn .sec02 .l1{ margin-bottom: 0.4rem; }
    .cn .sec02 .l2{font-size: 0.26rem;  padding: 0 0.4rem 0; box-sizing: border-box; }
    .cn .sec3  { height: 11.4rem; background-position: center top;}
    .cn .sec3 .inner { padding: 1.07rem 0 1.6rem;  }
    .cn .sec3 .yqimg { margin-left: 9%;width: 83%; margin-top: 0.5rem;}
    .cn .sec3 .title{margin-bottom: 1.02rem;}
    .cn .sec3 .text {padding: 0 0.8rem;}
    .cn .sec3 .text .li{ margin-bottom: 0.74rem;}
    .cn .sec3 .text .num{font-size: 0.82rem;}
    .cn .sec5 .text{width: 100%; transform:none; margin-top: 0.7rem;}
    .cn .sec6 .title {left:2.86rem; top: -3.8rem;}
    .cn .sec6 .block1{ top: 5.4rem; }
    .cn .sec6 .block4 {bottom:1.72rem; }
    .cn .sec6 .block p {line-height: 1.6;}
    .cn .sec6 .block .dashline1 {right: -0.4rem; top: -4.1rem;}
    .cn .sec6 .block .dashline2 {right: 0.9rem;top: -1.5rem }
    .cn .sec6 .block .dashline3 {left: -0.3rem; }
    .cn .sec6 .block .dashline4 {left: 0rem; }
    .cn .sec6 .block4 p{ margin-left: 1rem; }
    .cn .sec6 .block4,.cn .sec6 .block3 { text-align: left; }
    .cn .sec6 .inner {  padding-bottom: 9.2rem;  }
    .cn .sec7 .inner {  padding: 0 0 61.72%;  }
    .cn .sec8 {  padding-top: 1.5rem;  }
    .cn .sec8 .iconlist{width: 50%; margin-bottom: 0.8rem;}
    .cn .sec8 .iconlist1{order:1}
    .cn .sec8 .iconlist2{order:2}
    .cn .sec8 .iconlist3{order:3}
    .cn .sec8 .iconlist4{order:4}
    .cn .sec8 .iconlist p{ line-height: 1.5;}
    .cn .sec8 .inner {  padding: 0.86rem 0.4rem 0.8rem;}
    .cn .sec8 .iconlist .img{ width: 0.73rem !important; height: 0.73rem !important; }
    .cn .sec8 .iconlist p{margin-top: 0.1rem;}
}