
.middle{width:16.42rem; margin: 0 auto;}
.poctPlatform .bigbj1{
    background: url('../img/product/poct/bn1.jpg') no-repeat;
    background-position: center top;
    background-size:100% auto;
}
.poctPlatform .box1 .logosvg{fill:#E74589; width:1.27rem;}
.poctPlatform .box1 .text{width:5.9rem; margin-top: 2.63rem; margin-right: 1rem;}
.poctPlatform .box1 .text .p1{font-size: 0.4rem; color: #E74589;margin: 0.87rem 0 0.36rem; }
.poctPlatform .box1 .text .p2{font-size: 0.16rem; color: #5B5B5B; line-height: 1.7;}
.poctPlatform .box1 .iconlist{clear: both; padding: 0 1.04rem; box-sizing: border-box; padding-top: 2.2rem;}

.poctPlatform .box1 .iconlist2{ padding-top: 2.7rem;}
.poctPlatform .box1 .iconlist ul{align-items: flex-start;}
.poctPlatform .box1 .iconlist .img{ width:1.1rem; height:1.1rem; border-radius: 50%; background:#E74589; overflow: hidden;  }
.poctPlatform .box1 .iconlist .img img{ width:0.6rem; max-height: 0.6rem; transition:transform 2s ease;  }
.poctPlatform .box1 .iconlist .img:hover img{transform: scale(1.1) rotate(0.1deg);}
.poctPlatform .box1 .iconlist li{ display: flex;  flex-direction: column; align-items: center;}

.poctPlatform .box1 .iconlist li .p1{ font-size: 0.28rem; color: #E74589; margin: 0.22rem 0 0.16rem; }
.poctPlatform .box1 .iconlist li .p2{ font-size: 0.16rem; color: #898989; text-align: center;  line-height: 1.5; }
.seemore{ font-size:0.16rem; color: #E8468A !important; transition: transform 0.6s ease; transform-origin: left center; }
.seemore:hover{ transform: scale(1.04); }
.seemore .jt{ fill:none;stroke:#e8468a;stroke-linecap:round;stroke-linejoin:round; width:6px; }
.yqzs_box .mids{padding: 1.1rem 0.1rem 0rem 0.1rem; box-sizing: border-box; flex-wrap: wrap;  }
.yqzs_box .yq{margin-bottom: 1.2rem;}
.yqzs_box .yq img{ width:4.3rem;}
.yqzs_box .yq .swiper1{ width:4.3rem; margin-left:0;}

.yqzs_box .lmtitle1{margin-top: 1.13rem;}
.yqzs_box .yq p{ padding-left: 0.44rem; box-sizing: border-box; }
.yqzs_box .yq .p1{ font-size: 0.26rem; color: #5B5B5B;margin-top: 0.4rem; }
.yqzs_box .yq .p1 span{ color: #E8468A; font-weight: bold; margin-right: 0.24rem; }
.yqzs_box .yq .p2{ color: #898989; height: 0.4rem;  margin-right: 0.18rem; margin-top: 0.2rem; line-height: 1.6; margin-bottom: 0.36rem;}
.yqzs_box2 .yq img{ width:6.5rem;}
.yqzs_box2 .mids{ padding-bottom: 0.5rem;}
.tablebox{padding-bottom: 0.84rem; }
table{width:100%; background: #F2F2F2; font-size: 0.16rem; color: #5B5B5B; border-spacing:0; margin-top: 0.84rem;}
.head{ background: #E5E5E5; height:0.7rem; font-size: 0.20rem; color: #5B5B5B;}
.head td{ padding-top: 0; padding-bottom: 0;vertical-align: middle;}
td{ padding-left: 0.36rem; padding-right: 0.2rem; box-sizing: border-box; padding-top: 0.25rem; padding-bottom: 0.25rem; border-right: 1px solid #DADADA;vertical-align: top; }
tr td:last-child{border-right: none;}
.td p{position: relative; padding-left: 0.16rem; 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:0.09rem;
}
.lmtitle{ font-size: 0.3rem; color: #5B5B5B;  }

.poctPlatform .bigbj2{
    background: url('../img/product/poct/bn2.jpg') no-repeat;
    background-position: center top;
    background-size:100% auto;
}
.poctPlatform .bigbj3{
    background: url('../img/product/poct/bn3.jpg') no-repeat;
    background-position: center top;
    background-size:100% auto;
}
.poctPlatform .platformc .box1 .text{width:auto;}
.platformc .yqimg{width:7rem; margin-left: -0.8rem; margin-top: 0.6rem; margin-bottom: 0.24rem;}
.platformc .tablebox{clear: both; padding-top: 1.1rem;}

@media all and (min-width: 2400px) {
    .poctPlatform .box1 .iconlist{padding-top: 3.2rem;}
    .platformc .ncov_tablebox{padding-top: 2.1rem;}
}


@media all and (max-width: 1480px) {
    .yqzs_box .yq .p1{font-size: 0.24rem;}
    .poctPlatform .box1 .text .p2,
    .poctPlatform .box1 .iconlist li .p2,
    table
    {
        font-size: 13px;
    }

    .yqzs_box .yq .p2,.seemore{font-size: 12px;}
    .head{font-size: 15px;}
}

@media all and (max-width: 768px) {
    img{width:100%;}
    .middle{width:100%;}
    .poctPlatform .bigbj1{  background: none; }
    .poctPlatform .box1 .text{ margin-top:0; width:100%; background: #E8468A; padding: 0.52rem 0.62rem; box-sizing: border-box;}
    .poctPlatform .box1 .text .p1{color: #fff; margin: 0; font-size: 0.5rem;}
    .poctPlatform .box1 .msp2{color: #5B5B5B; font-size: 0.24rem; padding: 0.7rem 0.65rem 0; line-height: 1.7;}
    .poctPlatform .box1 .logosvg{margin-left: 0.6rem; fill:#fff; width:1.6rem;}
    .poctPlatform .box1 .iconlist{ padding:1.4rem 0.16rem 0; }
    .poctPlatform .box1 .iconlist ul{flex-wrap: wrap;}
    .poctPlatform .box1 .iconlist ul li{ width:50%;margin-bottom: 1rem; }
    .poctPlatform .box1 .iconlist .img{  width:1.76rem; height:1.76rem; }
    .poctPlatform .box1 .iconlist .img img{ width:0.98rem; max-height:0.98rem; }
    .poctPlatform .box1 .iconlist li .p1{font-size: 0.34rem; margin: 0.44rem 0 0.22rem}
    .poctPlatform .box1 .iconlist li .p2{font-size: 0.24rem;}
    .yqzs_box .mids{padding: 0; display: block;}
    .yqzs_box .mids .yq{margin-bottom: 0;}


    .yqzs_box .mids .wapyq1,.yqzs_box .mids .wapyq3{
        background: url('../img/product/poct/wap_5.jpg') no-repeat;
        background-position: center top;
        background-size: 100% 100%;
        padding:1.35rem 0 7.88rem;
    }
    .yqzs_box .mids .exryq1{
        background: url('../img/product/poct/wap_6.jpg') no-repeat;
        background-position: center top;
        background-size: 100% 100%;
        padding:1.35rem 0 6rem;
    }
    .yqzs_box .mids .exryq1 img{margin-left: 0.2rem;}
    .yqzs_box .mids .wapyq2{
        background: url('../img/product/poct/wap_4.jpg') no-repeat;
        background-position: center top;
        background-size: 100% 100%;
        padding:1.35rem 0 7rem;
    }
    .yqzs_box .mids .wapyq3{padding-bottom: 7.18rem;}

    .yqzs_box .yq{position: relative;}
    .yqzs_box .yq img{position: absolute;}
    .yqzs_box .wapyq1 img{ bottom: 0.5rem; width:96%; margin-left: 2%;}
    .yqzs_box .wapyq2 img{ bottom: -0.35rem; width:96%; margin-left: 2%;}
    .yqzs_box .wapyq3 img{ width: 113%;  margin-left: -8%; bottom: 0.3rem;}
    .yqzs_box .yq .swiper1{ position: absolute; bottom: 0.9rem; width:96%; }
    .yqzs_box .yq .swiper1 img{position: unset; margin-left: 0;}


    .yqzs_box .yq p{position:relative; z-index:2;}
    .yqzs_box .yq .p1{font-size: 0.4rem;}
    .yqzs_box .yq .p2{font-size: 0.24rem; margin: 0.9rem 0 0.78rem; height: auto;}
    .seemore{font-size: 0.24rem;}
    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;}
   .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:180%; }
   .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;}
    .poctPlatform .box1 .text{margin-right: 0;}
    .platformc .yqimg{width:95%; margin-left:0; margin-top:2rem;}
}
