/* pc */
@media (min-width: 750px) {
    .content {
        /* overflow: hidden; */
        font-size: 0;
    }

    .table-list {
        margin-bottom: .6rem;
    }

    .table-list-box {
        display: flex;
        background-color: #fff;
        overflow-x: auto;
    }

    .table-list-box .item {
        /* height: 1rem; */
        border: 1px solid #eee;
        padding: .1rem .16rem;
        display: flex;
        /* align-items: center; */
        justify-content: center;
        flex-direction: column;
    }

    .table-list-left {
        flex-shrink: 0;
    }

    .table-list-title {
        font-size: .3rem;
        margin-top: -.2rem;
        margin-bottom: .2rem;
    }

    .table-list-left .table-list-item {
        font-size: .18rem;
        color: #333;
        width: 2rem;
    }

    .table-list-left .table-list-item .item {
        font-size: .18rem;

    }

    .table-list-left .table-list-item .item span {
        font-size: .12rem;
        color: #666;
    }

    .table-list-right {
        flex: 1;
        /* overflow-x: auto; */
        display: flex;
    }

    .table-list-right .table-list-item {
        font-size: .14rem;
        color: #666;
        width: 20%;
        flex-shrink: 0;
    }

    .table-list-item.flex1 {
        flex: 1;
    }

    .table-list-right .table-list-item .pic {
        width: 100%;
        height: 1.2rem;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: .15rem;
    }

    .table-list-right .table-list-item img {
        max-width: 100%;
        max-height: 100%;
    }

    /* .table-list-right .table-list-item .hit {
        color: #85C023;
    } */
    /* .table-list:first-child {
        background-color: #000;
    } */
    /* 获取第一个元素 */
    .product-box .table-list:nth-of-type(2) .table-list-right .table-list-item .hit {
        color: #85C023;
    }


    .table-list-right .table-list-item .t {
        font-size: .16rem;
        color: #333;
        line-height: 1.2;
    }

    .table-list-right .table-list-item:nth-of-type(2n+1) {
        background-color: #F8F8F8;
    }



    .height-auto {
        height: auto;
    }

    .product-con {
        padding-top: .3rem;
    }

    .product-con p {
        font-size: .18rem;
        color: #666;
        margin-bottom: .3rem;
        clear: both;

    }

    .product-con p img {
        float: left;
        margin-right: .2rem;
    }

    .product-con-imgs {
        font-size: 0;
        clear: both;
        overflow: hidden;
        font-size: 12px;
        display: flex;
        justify-content: space-between;
        margin-bottom: .2rem;
    }

    .product-con-imgs img {
        width: 19%;
        margin: 0 !important;
        float: none !important;
    }

    .product-con h3 {
        font-size: .24rem;
        color: #333;
        margin-bottom: .3rem;
    }

    .product-box {
        padding-bottom: .6rem;
        clear: both;
    }

    .contact-us {
        background-image: url('./../imgs/contact.png');
        background-size: 100% 100%;
    }

    .contact-us-box {
        display: flex;
        align-items: center;
        height: 2rem;
        justify-content: space-between
    }

    .contact-us .txt {
        font-size: .4rem;
        color: #fff;
    }

    .contact-us .btn {
        min-width: 1.8rem;
        height: .5rem;
        background: #FFFFFF;
        text-align: center;
        line-height: .5rem;
        border-radius: 25px;
        font-size: .2rem;
        cursor: pointer;
        color: #223C5C;
        padding: 0 .15rem;
    }

    .list,
    .info-con {
        /* height: 12rem; */
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 1rem;
    }

    .list {
        z-index: 1;
    }

    .yuan,
    .info-box {
        /* width: 7.32rem;
        height: 7.32rem; */
        height: 6rem;
        width: 6rem;
        position: absolute;
    }

    .imgs {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
    }

    .info-con {
        z-index: 50;
    }

    .info-item {
        position: absolute;
        left: 50%;
        bottom: 50%;
        width: 5.5rem;
        display: none;
    }

    .info-item .title {
        font-size: .3rem;
        /* font-weight: bold; */
    }

    .intro {
        font-size: .18rem;
        color: #fff;
        line-height: 1.2;
    }

    .info-item:nth-of-type(1),
    .info-item:nth-of-type(4) {
        width: 8rem;
    }

    .info-item:nth-of-type(5) .intro {
        margin-right: -2rem;
    }

    .info-item:nth-of-type(5) .intro div {
        width: 2rem;
        height: 2rem;
        color: aqua;
        shape-outside: polygon(0 0, 1.5rem 0, 1.5rem 1.5rem);
        float: right;
        clip-path: polygon(0 0, 0 1rem, 1rem 0);
    }



    .intro div {
        color: transparent;
        width: 600px;
        float: left;
        clear: both;
    }

    .info-item:nth-of-type(3) .intro div {
        margin: 0 !important;
    }

    .info-item:nth-of-type(3) .intro div:nth-of-type(1) {
        width: 1.68rem !important;
    }

    .info-item:nth-of-type(3) .intro div:nth-of-type(2) {
        width: 1.56rem !important;
    }

    .info-item:nth-of-type(3) .intro div:nth-of-type(3) {
        width: 1.44rem !important;
    }

    .info-item:nth-of-type(3) .intro div:nth-of-type(4) {
        width: 1.32rem !important;
    }

    .info-item:nth-of-type(3) .intro div:nth-of-type(5) {
        width: 1.2rem !important;
    }

    .info-item:nth-of-type(3) .intro div:nth-of-type(6) {
        width: 1.08rem !important;
    }

    .info-item:nth-of-type(3) .intro div:nth-of-type(7) {
        width: 0.96rem !important;
    }

    .info-item:nth-of-type(3) .intro div:nth-of-type(8) {
        width: 0.84rem !important;
    }

    .info-item:nth-of-type(3) .intro div:nth-of-type(9) {
        width: 0.72rem !important;
    }

    .info-item:nth-of-type(3) .intro div:nth-of-type(10) {
        width: 0.6rem !important;
    }

    .info-item:nth-of-type(3) .intro div:nth-of-type(11) {
        width: 0.48rem !important;
    }

    .info-item:nth-of-type(3) .intro div:nth-of-type(12) {
        width: 0.36rem !important;
    }

    .info-item:nth-of-type(3) .intro div:nth-of-type(13) {
        width: 0.24rem !important;
    }

    .info-item:nth-of-type(3) .intro div:nth-of-type(14) {
        width: 0.12rem !important;
    }

    .info-item:nth-of-type(2) .intro div:nth-of-type(1) {
        width: 0.123rem !important;
    }

    .info-item:nth-of-type(2) .intro div:nth-of-type(2) {
        width: 0.246rem !important;
    }

    .info-item:nth-of-type(2) .intro div:nth-of-type(3) {
        width: 0.369rem !important;
    }

    .info-item:nth-of-type(2) .intro div:nth-of-type(4) {
        width: 0.492rem !important;
    }

    .info-item:nth-of-type(2) .intro div:nth-of-type(5) {
        width: 0.615rem !important;
    }

    .info-item:nth-of-type(2) .intro div:nth-of-type(6) {
        width: 0.738rem !important;
    }

    .info-item:nth-of-type(2) .intro div:nth-of-type(7) {
        width: 0.861rem !important;
    }

    .info-item:nth-of-type(2) .intro div:nth-of-type(8) {
        width: 0.984rem !important;
    }

    .info-item:nth-of-type(2) .intro div:nth-of-type(9) {
        width: 1.107rem !important;
    }

    .info-item:nth-of-type(2) .intro div:nth-of-type(10) {
        width: 1.23rem !important;
    }

    .info-item:nth-of-type(2) .intro div:nth-of-type(11) {
        width: 1.353rem !important;
    }

    .info-item:nth-of-type(2) .intro div:nth-of-type(12) {
        width: 1.476rem !important;
    }

    .info-item:nth-of-type(2) .intro div:nth-of-type(13) {
        width: 1.599rem !important;
    }

    .info-item:nth-of-type(2) .intro div:nth-of-type(14) {
        width: 1.722rem !important;
    }




    .info-item:nth-of-type(6) .intro div:nth-of-type(1) {
        width: 0.123rem !important;
    }

    .info-item:nth-of-type(6) .intro div:nth-of-type(2) {
        width: 0.246rem !important;
    }

    .info-item:nth-of-type(6) .intro div:nth-of-type(3) {
        width: 0.369rem !important;
    }

    .info-item:nth-of-type(6) .intro div:nth-of-type(4) {
        width: 0.492rem !important;
    }

    .info-item:nth-of-type(6) .intro div:nth-of-type(5) {
        width: 0.615rem !important;
    }

    .info-item:nth-of-type(6) .intro div:nth-of-type(6) {
        width: 0.738rem !important;
    }

    .info-item:nth-of-type(6) .intro div:nth-of-type(7) {
        width: 0.861rem !important;
    }

    .info-item:nth-of-type(6) .intro div:nth-of-type(8) {
        width: 0.984rem !important;
    }

    .info-item:nth-of-type(6) .intro div:nth-of-type(9) {
        width: 1.107rem !important;
    }

    .info-item:nth-of-type(6) .intro div:nth-of-type(10) {
        width: 1.23rem !important;
    }

    .info-item:nth-of-type(6) .intro div:nth-of-type(11) {
        width: 1.353rem !important;
    }

    .info-item:nth-of-type(6) .intro div:nth-of-type(12) {
        width: 1.476rem !important;
    }

    .info-item:nth-of-type(6) .intro div:nth-of-type(13) {
        width: 1.599rem !important;
    }

    .info-item:nth-of-type(6) .intro div:nth-of-type(14) {
        width: 1.722rem !important;
    }







    .info-item .icon {
        position: absolute;
    }

    .num-box,
    .icon-box,
    .icon-box {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .num-box span {
        position: absolute;
        font-size: .26rem;
        width: .4rem;
        height: .4rem;
        display: flex;
        justify-content: center;
        align-items: center;
        border: .03rem solid #2873DD;
        border-radius: 50%;
        position: absolute;
        background-color: #fff;
    }

    .num-box .rotate {
        transform: rotate(360deg);
        transition: all .3s;
    }

    .num-box span:nth-child(1) {
        left: -.13rem;
        top: -2.5rem;
        color: #2873DD;
    }




    .num-box span:nth-child(2) {
        left: 2.3rem;
        top: -1rem;
        color: #2C3B73;
        border-color: #2C3B73;
    }

    .num-box span:nth-child(3) {
        left: 2.35rem;
        top: 1.5rem;
        color: #F09E1F;
        border-color: #F09E1F;
    }

    .num-box span:nth-child(4) {
        left: -.14rem;
        top: 3.1rem;
        color: #EB7FC7;
        border-color: #EB7FC7;
    }

    .num-box span:nth-child(5) {
        left: -2.73rem;
        top: 1.5rem;
        color: #B5E169;
        border-color: #B5E169;
    }

    .num-box span:nth-child(6) {
        left: -2.75rem;
        top: -1rem;
        color: #53D9A1;
        border-color: #53D9A1;
    }

    .icon-box img {
        width: 1.3rem;
        height: 1.2rem;
        position: absolute;
        transition: all .3s;
    }

    .icon-box .scale {
        transform: scale(1.1);
    }

    .icon-box img:nth-child(1) {
        left: -.7rem;
        top: -2.3rem;
    }

    .icon-box img:nth-child(2) {
        left: 1.3rem;
        top: -1.4rem;
    }

    .icon-box img:nth-child(3) {
        left: 1.3rem;
        top: 1rem;
    }

    .icon-box img:nth-child(4) {
        left: -0.6rem;
        top: 2.05rem;
    }

    .icon-box img:nth-child(5) {
        left: -2.5rem;
        top: 1rem;
    }

    .icon-box img:nth-child(6) {
        left: -2.55rem;
        top: -1.18rem;
    }

    /* .info-item {
        display: none;
    } */

    .info-item:nth-of-type(1) {
        bottom: 100%;
        left: 21%;
    }

    .yuan-border {
        /* background-color: aqua; */
        width: 5.55rem;
        height: 5.55rem;
        position: absolute;
        /* outline: .12rem solid rgba(235, 235, 235, .3); */
        border-radius: 50%;
        z-index: -1;
        background-color: #fff;
    }

    .yuan-border::after {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        content: "";
        width: 5.8rem;
        height: 5.8rem;
        border-radius: 50%;
        background-color: rgba(235, 235, 235, .3);
    }


    .video-box {
        /* height: 12rem; */
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        font-size: 0;
        background-color: #084F55;
    }

    .video-box video {
        width: 100%;
        height: 100%;
        object-fit: fill;
    }

    .info-item:nth-of-type(2) {
        top: 13%;
        left: 95%;

    }

    .info-item:nth-of-type(3) {
        top: 56%;
        left: 60%;
        padding-left: 10%;
        width: 7rem;
    }

    .info-item:nth-of-type(3) .title {
        padding-left: 28%;
    }

    .info-item:nth-of-type(4) {
        top: 99%;
        left: 21%;
    }

    .info-item:nth-of-type(5) {
        top: 57%;
        left: -81%;
        text-align: right;
        width: 4.6rem;
    }

    .info-item:nth-of-type(5) .intro div {
        float: right;
    }

    .info-item:nth-of-type(6) {
        top: 3%;
        left: -67%;
        text-align: right;
        width: 4.6rem;
    }

    .info-item:nth-of-type(6) .intro div {
        float: right;
    }

    .imgs-tier {
        width: 2rem;
        height: 1.1rem;
        /* background-color: blue; */
        position: absolute;
        z-index: 9999;
        cursor: pointer;
    }

    .imgs-tier1 {
        left: 50%;
        top: .3rem;
        transform: translate(-50%);
    }

    .imgs-tier2 {
        width: 1rem;
        height: 2rem;
        left: 54%;
        top: 1rem;
        transform: translate(112%) rotate(146deg);
    }

    .imgs-tier3 {
        width: 1.4rem;
        height: 2rem;
        left: 44%;
        top: 3rem;
        transform: translate(111%) rotate(213deg);
    }

    .imgs-tier4 {
        left: 50%;
        top: 100%;
        transform: translate(-50%, -124%);
    }

    .imgs-tier6 {
        width: 1.2rem;
        height: 2rem;
        left: 0;
        top: 0.9rem;
        transform: translate(46%) rotate(203deg);
    }

    .imgs-tier5 {
        width: 1.1rem;
        height: 2rem;
        left: 0;
        top: 3rem;
        transform: translate(44%) rotate(152deg);
    }



    .imgs img {
        /* width: 7.32rem;
        height: 7.32rem; */
        width: 100%;
        height: 100%;
    }

    .scale img {
        transform: scale(1.04);
    }

    /* .imgs:hover img {
        transform: scale(1.1);
    } */
    .center-box {
        /* width: 4.4rem;
        height: 4.4rem; */
        width: 3.3rem;
        height: 3.3rem;
        position: absolute;
        border: .16rem solid #fff;
        border-radius: 50%;
        background-color: #fff;
        font-size: .14rem;
        background-image: url('./../imgs/center-bg.png');
        background-size: 100%;
        z-index: 12;
    }

    .center-box:hover .center-bg {
        opacity: 1;
    }

    .center-bg {
        background-color: rgba(114, 179, 58, .6);
        /* width: 4.4rem;
        height: 4.4rem; */
        width: 3.3rem;
        height: 3.3rem;
        border-radius: 50%;
        /* padding-top: .6rem; */
        position: absolute;
        left: -.16rem;
        top: -.16rem;
        border: .16rem solid #fff;
        opacity: 0;
        transition: opacity 1s;
        line-height: 1.4;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .center-box .txt {
        width: 2.6rem;
        margin: 0 auto;
        color: #fff;
        margin-bottom: .2rem;
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 7;
        text-align: center;
    }

    .center-box .txt span {
        font-weight: bold;
        font-style: italic;
    }

    .center-box .btn {
        margin: 0 auto;
        width: 1.6rem;
        height: .36rem;
        background: #FFFFFF;
        border-radius: .03rem;
        font-size: .14rem;
        text-align: center;
        line-height: .36rem;
        color: rgba(114, 179, 58, 1);
        cursor: pointer;
        text-transform: uppercase;
    }

    .mobile {
        display: none;
    }



    .tabs {
        height: .8rem;
        background: linear-gradient(90deg, #85C023, #009DE1);
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2000);
    }

    .tab-item {
        display: flex;
        font-size: .17rem;
        align-items: center;
        height: .8rem;
        justify-content: space-between;
    }

    .tab-item a {
        height: .5rem;
        line-height: .5rem;
        color: #fff;
        position: relative;
        padding: 0 .25rem;
        font-family: manropeBold;
        white-space: nowrap;
    }

    .banner .banner-txt .info {
        line-height: 1.4;
    }

    .tab-item a i {
        position: absolute;
        font-size: .6rem;
        top: 50%;
        transform: translateY(-50%);
        left: 0.1rem;
        /* 斜体 */
        font-style: italic;
        color: rgba(255, 255, 255, .2);
        z-index: 0;
        font-weight: bold;
        /* font-family: 'Manrope3-Thin'; */
    }

    .tab-item a.active {
        background-color: #fff;
        color: rgba(133, 192, 35, 1);
        border-radius: 6px;
        font-weight: bold;
    }

    .tab-item a.active i {
        color: #87C12A;
        opacity: .2;
    }

    .one-txt {
        font-size: .18rem;
        color: #666;
        padding: .46rem 0;
        line-height: .24rem;
    }

    .one-txt strong {
        font-weight: normal;
    }

    .one-txt img {
        float: left;
        margin-right: .2rem;
        margin-bottom: .1rem;
        max-width: 6rem;
    }

    .one-txt p {
        clear: both;
        margin-bottom: .2rem;
        overflow: hidden;
    }

    .product {
        background-color: #eee;
    }

    .bgfff {
        background-color: #fff;
    }

    .product-box-tabs {
        display: flex;
    }


    .product-title {
        font-size: .4rem;
        font-weight: bold;
        position: relative;
        line-height: 1;
        padding-top: .4rem;
        margin-bottom: .88rem;
        margin-right: 1.2rem;
        color: #85C023;
    }

    .product-box-tabs .product-title {
        color: #999;
        cursor: pointer;
    }


    .product-box-tab {
        display: none;
    }

    .product-box-tab:first-child {
        display: block;
    }

    .product-box-tabs .product-title.active {
        color: #85C023;
    }

    .product-box-tabs .product-title::after {
        background-color: transparent;
    }

    .product-title::after {
        position: absolute;
        content: '';
        width: .5rem;
        height: .04rem;
        background: #85C023;
        border-radius: 2px;
        left: 0;
        bottom: -.17rem;
    }

    .product-box-tabs .product-title.active::after {
        position: absolute;
        content: '';
        width: .5rem;
        height: .04rem;
        background: #85C023;
        border-radius: 2px;
        left: 0;
        bottom: -.17rem;
    }

    .reagent-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: -.5rem;
    }

    /* .reagent-list::after{
        content: '';
        display: block;
        width: 4.4rem;
    } */

    .reagent-list-item {
        margin-bottom: .5rem;
        position: relative;
        width: 4.4rem;
        /* height: 1.9rem; */
    }

    .reagent-list-item:nth-child(3n+2) {
        margin: 0 .4rem 0.5rem .4rem;
    }

    .reagent-list-item .top {
        width: 100%;
        height: 1.9rem;
        background-size: 100% 100%;
        position: relative;
    }

    .reagent-list-item .top a {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        z-index: 1;
        width: 100%;
        height: 100%;
        position: relative;

    }

    .reagent-list-item .top::after {
        position: absolute;
        content: '';
        background-color: rgba(0, 0, 0, .5);
        width: 100%;
        height: 100%;
        z-index: 0;
        top: 0;
        left: 0;
        transition: background-color .3s;
    }

    .reagent-list-item .top:hover::after {
        background-color: rgba(0, 0, 0, 0);
    }

    .reagent-list-item .top p {
        font-size: .24rem;
        color: #fff;
        text-shadow: 0 0 1px #000;
        padding: 0 .15rem;
        line-height: 1.4;
    }

    .reagent-list-item .top img {
        width: .42rem;
        height: .22rem;
        margin-top: .14rem;
    }

    .reagent-list-item .list-table {
        margin-top: .3rem;
        display: none;
    }

    .list-table a {
        display: flex;
        align-items: center;
        margin-bottom: .2rem;
    }

    .list-table a:last-child {
        margin-bottom: 0;
    }

    .list-table a img {
        width: .15rem;
        height: .15rem;
        flex-shrink: 0;
        margin-right: .15rem;
    }

    .list-table a p {
        /* 省略号 */
        /* overflow: hidden; */
        /* text-overflow: ellipsis; */
        /* white-space: nowrap; */
        font-size: .2rem;
        flex: 1;
        line-height: 1.4;
    }

    .list-table a:hover p {
        color: #85C023;
    }

    .product-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;

    }

    .list-item {
        width: 48%;
        margin-bottom: .5rem;
    }

    .list-item a {
        display: flex;
        position: relative;
    }

    .list-item img {
        width: 2.64rem;
        height: 1.88rem;
        flex-shrink: 0;
        margin-right: .27rem;
        margin-top: .1rem;
    }

    .item-right {
        flex: 1;
    }

    .item-right span {
        position: absolute;
        padding: .05rem .1rem;
        background: #85C023;
        border-radius: 8px 0px 8px 0px;
        font-size: .1rem;
        color: #fff;
        top: -25px;
    }

    .item-right h2 {
        font-size: .3rem;
        color: #333;
    }

    .item-right p {
        font-size: .16rem;
        color: #666;
    }

}

/* 移动 */
@media (max-width: 750px) {

    .product {
        display: none;
    }

    .table-list {
        margin-bottom: .6rem;
    }

    .table-list-box {
        display: flex;
        background-color: #fff;
        overflow-y: auto;
    }

    .table-list-box .item {
        /* height: 1rem; */
        border: 1px solid #eee;
        padding: 0 .08rem;
        display: flex;
        /* align-items: center; */
        justify-content: center;
        flex-direction: column;
    }

    /**自定义滚动条样式 */
    .table-list-box::-webkit-scrollbar {
        width: .6rem;
        height: .05rem
    }

    .table-list-box::-webkit-scrollbar-track {
        background-color: transparent;
        border-radius: 2em;
    }

    .table-list-box::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0.2000);
        border-radius: 0;
    }

    .table-list-left {
        flex-shrink: 0;
    }

    .table-list-title {
        font-size: .2rem;
        /* margin-top: -.2rem; */
        margin-bottom: .2rem;
        padding-left: .1rem;
    }

    .table-list-left .table-list-item {
        font-size: .18rem;
        color: #333;
        width: 1.2rem;
    }


    .table-list-left .table-list-item .item {
        font-size: .1rem;

    }

    .table-list-left .table-list-item .item span {
        font-size: .1rem;
        color: #666;
    }

    .table-list-right {
        flex: 1;
        /* overflow-x: auto; */
        display: flex;
    }

    .table-list-right .table-list-item.flex1 {
        flex: 1;
        width: 3.5rem;
    }

    .table-list-right .table-list-item:nth-of-type(2n+1) {
        background-color: #F8F8F8;
    }


    .table-list-right .table-list-item {
        font-size: .14rem;
        color: #666;
        width: 1.4rem;
        flex-shrink: 0;
    }

    .table-list-right .table-list-item .pic {
        width: 100%;
        height: 1.2rem;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: .1rem;
    }

    .table-list-right .table-list-item img {
        max-width: 100%;
        max-height: 100%;
    }

    .table-list-right .table-list-item {
        font-size: .12rem;
    }

    /* .table-list-right .table-list-item .hit {
        color: #85C023;
    } */

    /* 获取第一个元素 */
    .product-box .table-list:nth-of-type(2) .table-list-right .table-list-item .hit {
        color: #85C023;
    }


    .table1 .item,
    .table2 .item {
        line-height: 1.2;
        padding: .08rem;
    }


    .table2 .item:nth-of-type(8) span {
        overflow: hidden;
    }

    .table-list-right .table-list-item .t {
        font-size: .14rem;
        color: #333;
    }

    .product-con p {
        font-size: .12rem;
        color: #666;
        padding: .1rem;
    }

    /* 
    .one-txt div {
    } */
    .one-txt strong {
        font-weight: normal;
    }

    .one-txt p,
    .one-txt div {
        display: block !important;
        font-size: .12rem;
        color: #666;
        margin-bottom: .15rem;
    }

    .one-txt img {
        width: 100%;
    }

    .one-txt .product-con-imgs {
        font-size: 0;
        display: flex !important;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-bottom: 0.07rem;
    }

    .product-con-imgs img {
        width: 31.8% !important;
        margin-bottom: .08rem;
        height: .8rem;
    }

    .product-con-imgs::after {
        display: block;
        content: '';
        width: 31.8%;
    }

    .product-con h3 {
        font-size: .16rem;
        color: #333;
        margin-bottom: .3rem;
        padding: .1rem;
    }

    .height-auto {
        display: block;
    }

    .mobile {
        overflow: hidden;
        position: relative;
        padding-top: .7rem;
        background-color: #084F55;
    }

    .mobile-box {
        position: relative;
        z-index: 2;
        padding: .15rem;
    }

    .mobile-box .content {
        text-align: justify;
    }

    .video-box video {
        display: block;
        width: 100%;
    }

    .mobile-list {
        margin-bottom: .2rem;
        padding: .15rem;
        color: #fff;
    }

    .mobile-list .title span {
        font-size: .16rem;
        font-weight: bold;
    }

    .mobile-list:nth-of-type(1) {
        background-color: rgba(40, 115, 221, .1);
        /* color: rgba(40, 115 ,221,1); */
    }

    .mobile-list:nth-of-type(2) {
        background-color: rgba(162, 179, 243, .1);
        /* color: rgba(162 ,179 ,243,1); */

    }

    .mobile-list:nth-of-type(3) {
        background-color: rgba(240, 158, 31, .1);
        /* color: rgba(240, 158 ,31,1); */

    }

    .mobile-list:nth-of-type(4) {
        background-color: rgba(235, 127, 199, .1);
        /* color: rgba(235 ,127, 199,1); */

    }

    .mobile-list:nth-of-type(5) {
        background-color: rgba(181, 225, 105, .1);
        /* color: rgba(181, 225, 105,1); */
    }

    .mobile-list:nth-of-type(6) {
        background-color: rgba(83, 217, 161, .1);
        /* color: rgba(83, 217, 161,1); */
    }

    /* .mobile-list .title span {
        display: inline-block;
        width: .3rem;
        height: .3rem;
        text-align: center;
        border-radius: 50%;
        line-height: .3rem;
        color: #fff;
        font-size: .16rem;
        background-color: #f00;
    } */

    .mobile-list .title {
        display: flex;
        align-items: center;
        margin-bottom: .1rem;
    }

    .mobile-list .title img {
        /* max-width: .4rem; */
        max-height: .6rem;
        margin-right: .2rem;
        /* object-fit: cover; */
    }

    .mobile-list:nth-of-type(1) .title img {
        width: .6rem;
        /* max-width: .6rem; */
    }

    .mobile video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: none;
    }

    .mobile video:first-child {
        display: block;
    }

    .video-box {
        position: absolute;
        left: 0;
        bottom: 0;
        top: 0;
        right: 0;
        overflow: hidden;
    }


    .tab-item a {
        display: flex;
        align-items: center;
        padding: .1rem 0;
        padding-left: .15rem;
        /* border-bottom: 1px solid #eee; */
        font-size: .16rem;
        color: #fff;
        margin: .1rem .15rem;
        box-shadow: 0 0 .03rem #85C023;
        border-radius: 10px;
        color: #85C023;

    }

    .tab-item a.active {
        color: #fff;
        background: linear-gradient(90deg, #85C023, #009DE1);
    }

    .tab-item a.active i {
        border-color: #fff;
        opacity: .2;
    }

    .tab-item i {
        width: .28rem;
        height: .28rem;
        border: 2px solid rgba(133, 192, 35, .5);
        font-size: .2rem;
        text-align: center;
        margin-right: .15rem;
        border-radius: 50%;
        line-height: .28rem;
    }

    .one-txt {
        padding: .1rem;
        font-size: .16rem;
        line-height: 1.4;
    }



    .one-txt h3 {
        font-size: .16rem;
        color: #333;
        margin-bottom: .3rem;
    }

    .product-box-tab {
        display: none;
    }

    .product-box-tabs {
        display: flex;
        border-bottom: 1px solid #85C023;
        margin-bottom: .1rem;
    }

    .product-title {
        font-size: .24rem;
        padding: .1rem;
        color: #85C023;

    }

    .product-box-tabs .product-title {
        color: #999;
    }

    .reagent-list {
        display: block;
    }

    .reagent-list-item {
        margin-bottom: .2rem;
    }

    .reagent-list-item .top {
        height: 1.8rem;
        background-size: 100% 100%;
        position: relative;
    }

    .reagent-list-item .top a {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: relative;
        z-index: 1;
        color: #fff;
        height: 100%;
        font-size: .16rem;
    }

    .reagent-list-item .top::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .5);
        z-index: 0;
    }

    .reagent-list-item .top img {
        margin-top: .14rem;
        width: .3rem;
    }

    .list-table {
        padding: 0 .1rem;
        margin-top: .2rem;
        display: none;
    }

    .list-table a {
        display: flex;
        align-items: center;
        margin-bottom: .2rem;
    }

    .list-table a:last-child {
        margin-bottom: 0;
    }

    .list-table img {
        width: .15rem;
        margin-right: .1rem;
        flex-shrink: 0;
    }

    .list-table p {
        font-size: .12rem;
        line-height: 1.2;
        color: #999;
        /* 省略号 */
        /* overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; */
        flex: 1;
    }

    .list-table a:hover p {
        color: #85C023;
    }

    .product-box-tabs .active {
        color: #85C023;
    }

    .list-item {
        border-bottom: 1px solid #eee;
        position: relative;
    }

    .list-item a {
        padding: .15rem;
        padding-top: 1rem;
        /* width: 2.48rem;
        height: 1.86rem;
        margin: 0 auto; */
    }

    .item-right h2 {
        position: absolute;
        left: .15rem;
        right: .15rem;
        top: 0;
        padding: 0.2rem 0;
    }

    .item-right h2::after,
    .item-right h2::before {
        display: block;
        content: "";
        height: 0.04rem;
        position: absolute;
    }

    .item-right h2::before {
        left: 0;
        bottom: 0;
        width: 1.8rem;
        background-color: #85c023;
        z-index: 2;
        width: 0.8rem;
    }

    .item-right h2::after {
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #eee;
        z-index: 1;
    }

    .list-item img {
        width: 2.48rem;
        height: 1.86rem;
        object-fit: cover;
        margin: 0 auto;
        display: block;
    }

    .item-right {
        padding-top: .1rem;
    }

    .item-right span {
        display: inline-block;
        padding: .05rem .1rem;
        background: #85C023;
        border-radius: 8px 0px 8px 0px;
        font-size: .1rem;
        color: #fff;
        margin-bottom: .1rem;
        position: absolute;
        top: .5rem;
        right: .15rem;
        z-index: 99;
    }

    .list-item h2 {
        color: #333;
        font-size: .14rem;
        line-height: 1.2;
        font-weight: normal;
    }

    .list-item p {
        color: #999;
    }

    .contact-us {
        background-image: url('./../imgs/contact.png');
        background-size: 100% 100%;
        min-height: 1rem;
        padding: .1rem;
        text-align: center;
    }

    .contact-us-box .txt {
        font-size: .16rem;
        color: #fff;
        margin-bottom: .2rem;
        text-align: left;
    }

    .contact-us-box .btn {
        height: 0.3rem;
        background: #FFFFFF;
        border-radius: 25px;
        text-align: center;
        line-height: .3rem;
        display: inline-block;
        padding: 0 10px;
        margin-bottom: .12rem;
    }
}