.sec02 .pic {
    width: 92.86%;
    right: -24%;
}
.sec02 .l2{line-height: 1.3; font-size: 24px;}
.sec03 ul {
    justify-content: space-between;
    padding: 0 5%;
    box-sizing: border-box;
}
.sec03 ul:after{display: none;}
.sec03 li {
    margin: 0;
}

.sec03 li:first-child .circle {
    line-height: 1;
    font-size: 14px;
}

.sec03 li .circle span {
    display: block;
    margin-right: 0;
    margin-top: 28px;
}

.sec03 li .l1 {
    display: block;
    height: 44px;
    line-height: 1.2;
}

.sec03 li .circle img {
    width: 48px;
    vertical-align: middle;
}

.sec04 {
    background-image: url(../../img/en/q8pro_sec04.jpg);
}

.sec06 li .circle {
    margin: 0 auto 20px;
}

.sec07 {
    background-image: url(../../img/en/q8pro_sec07.jpg);
    margin-bottom: 2rem;
}

.tablebox{padding-bottom: 2rem; }
.tablebox .inner{max-width: 16rem;}
.tablebox .botbref{font-size: 20px; margin-top: 40px;}
table{width:100%; background: #F2F2F2; font-size: 16px; color: #5B5B5B; border-spacing:0; margin-top: 84px;}
.head{ background: #E5E5E5; height:70px; font-size: 20px; color: #5B5B5B;}
.head td{ padding-top: 0; padding-bottom: 0;vertical-align: middle !important;}
td{ padding-left: 36px; padding-right: 20px; box-sizing: border-box; padding-top: 25px; padding-bottom: 25px; border-right: 1px solid #DADADA;vertical-align: top !important; }
tr td:last-child{border-right: none;}
.td p{position: relative; padding-left: 16px; display: flex; align-items: center; margin-bottom: 0.28rem; line-height: 1.5}
.td p:last-child{margin-bottom: 0;}
.td p:before{
    content: '';
    display: block;
    width:4px;
    height: 4px;
    border-radius: 50%;
    background: #E8468A;
    position: absolute;
    left:0;
    top:9px;
}

@media all and (max-width: 1480px) {
    .sec03 li:first-child .circle {
        font-size: 12px;
    }

    .sec03 li .circle span {
        margin-top: 21px;
    }

    .sec03 li .l1 {
        height: 36px;
    }

    .sec03 li .circle img {
        width: 36px;
    }

    .sec06 li .circle {
        margin-bottom: 15px;
    }
}

@media (max-width: 1480px){
    .sec02 .l2{ font-size: 18px;}
}


@media all and (max-width: 767px) {
    .sec02 {
        padding: 17.33vw 0 0;
    }

    .sec02 .l1 {
        font-size: 5.33vw;
        margin-bottom: 5.6vw;
    }

    .sec02 .l2 {
        font-size: 3.47vw;
        margin-bottom: 10.93vw;
    }

    .sec02 .pic {
        width: auto;
    }

    .sec03 ul {
        justify-content: space-around;
    }

    .sec03 li {
        width: 45%;
        margin: 0 0 13.33vw;
        white-space: normal;
    }

    .sec03 li .circle {
        margin-bottom: 4.8vw;
    }

    .sec03 li .circle span {
        margin-top: 6.6vw;
    }

    .sec03 li .l1 {
        height: auto;
        margin-bottom: 1.33vw;
    }

    .sec03 li .l2 {
        line-height: 1.29;
    }

    .sec04 {
        padding-top: 13.33vw;
        background-image: url(../../img/en/q8pro_sec04_sp.jpg);
    }

    .sec04 .text {
        padding: 0 4.27vw;
    }

    .sec04 .l1 {
        font-size: 5.6vw;
        line-height: 1.5;
        margin-bottom: 4.8vw;
    }

    .sec04 .l2 {
        line-height: 1.75;
        margin-bottom: 10.67vw;
    }

    .sec04 li .num {
        font-size: 8vw;
        margin-bottom: 3.47vw;
    }

    .sec06 li {
        font-size: 3.2vw;
    }

    .sec06 li:nth-child(2) {
        margin: 0 12vw;
    }
    .sec06 .text{padding: 0 0.3rem; box-sizing: border-box}
    .sec07 {
        padding-top: 18.93vw;
        background-image: url(../../img/en/q8pro_sec07_sp.jpg);
        margin-bottom: 17.33vw;
    }

    .sec07 .l1 {
        font-size: 5.6vw;
        line-height: 1.29;
        padding: 0 10vw;
        margin-bottom: 5.6vw;
    }

    .sec07 .l2 {
        font-size: 3.2vw;
        line-height: 1.42;
        padding: 0 4.27vw;
        margin-bottom: 19vw;
    }

    .sec07 .item2 {
        left: 20%;
    }

    .q8pro.eyPage .sec02 .l1{font-size: 5.33vw;}
    .q8pro.eyPage .sec04 li .num,
    .q8pro.french .sec04 li .num{font-size: 5vw;}
    .q8pro.eyPage .sec06 li:nth-child(2),
    .q8pro.spanish .sec06 li:nth-child(2){margin: 0 2vw;}
    .q8pro.eyPage .sec06 li,
    .q8pro.spanish .sec06 li{width:30%;}


    td{font-size: 0.24rem; border-right: none;}
    tr,.head{height: 0.94rem;}
    .head td{ font-size: 0.28rem; }
    .tablebox .td{display: none;}
    .tablebox .td.on{display: block;}
    .tablebox .middle{width:6.5rem;margin: 0 auto;}
    .tablebox .table_title{overflow-x: auto;}
    .tablebox .table_title span{position: relative; padding-left: 0.3rem;}
    .tablebox{margin-top:1.4rem;}
    .tablebox .table_title .box{height: 0.7rem; }
    .tablebox1 .table_title .box{width:190%; }
    .tablebox2 .table_title .box{width:170%;}
    .tablebox .table_title span{margin-right:0.44rem; font-size: 0.28rem; color:#5B5B5B; padding: 0.14rem 0 0.14rem 0.3rem; display: inline-block;}
    .tablebox .table_cont{margin-top: 0.1rem;}
    .tablebox .table_cont .middle{background: #F2F2F2;}
    .tablebox .lmtitle{background: #E5E5E5; height: 0.94rem; line-height: 0.94rem; padding-left: 0.72rem; box-sizing: border-box; font-size: 0.28rem; color: #5B5B5B;}
    .tablebox .table_title span:before{
        content: '';
        display: block;
        width:0.2rem;
        height:2px;
        background: #5B5B5B;
        position: absolute;
        left:0;
        top:0.25rem;
    }
    .tablebox .table_title span.on{ color: #E8468A; }
    .tablebox .table_title span.on:before{ background: #E8468A; }
    .tablebox .td{ padding: 0 0.22rem 0 0.48rem  ; box-sizing: border-box; }
    .tablebox .td p{ border-bottom: 1px solid #DADADA; min-height: 1.08rem; font-size: 0.24rem; color: #5B5B5B; padding-left: 0.5rem; box-sizing: border-box; margin-bottom:0; }
    .tablebox .td p:last-child{ border-bottom: none; }
    .tablebox .td p:before{top:auto; left:0.22rem;}

}