.flex{
  display: flex;
}
.gap{
    gap:1.25rem;
}
h2.no-center{
    text-align: left;
}
b.special01{
    font-size: 10px;
}
.breadcrumbs_box span{
    color:#666;
    padding:0 24px;
    
}
.breadcrumbs_box span:last-child{
    color:#000;
    font-weight: 600;
}
section.article-main{
    margin-top:40px;
    
}
.article-main h1{
    text-align: center;
    margin-bottom:33px;
}
/* ---------------------------------------service---------------------------------------------- */
.banner-service{
    height:617px;
    background: url(../img/banner-service.webp) no-repeat;
    background-size: cover;
    background-position: center;
}
.banner-con-left{
    margin-top:136px;
    color:#fff;
}
.banner-con-left h1{
    font-size:64px;
}
.banner-con-left .title-des{
    font-size:24px;
    margin-top:12px;
}
.banner-con-left .quote-wrap{
    overflow: hidden;
    margin-top:50px;
}
.banner-con-left .quote-wrap .quote,.detail-banner-wrap .quote-wrap .quote{
    float:left;
    width:240px;
    height:85px;
    border-radius: 50px;
    text-align: center;
    line-height: 85px;
    font-size:24px; 
    background-color: #172A88 ;


}
.banner-con-left .quote-wrap a{
    color: #fff;
}
.quote-go{
    float:left;
    margin-left:10px;
    width:84px;
    height:84px;
    line-height: 84px;
    text-align: center;
    border-radius: 50%;
    background-color: #fff;

}
.quote a {
    display: block;
    width:240px;
    height:85px;
    margin: 0 auto;
}


/* service-des */
.service-des{
   margin-top:103px;
}
.service-des h2,.service-list h2{
    text-align: center;
    font-size: 40px;
}
.service-des-wrap,.service-list-wrap{
    overflow: hidden;
    margin-top:20px;
}
.service-list{
    margin:100px 0;
}
.service-list-wrap{
    margin-top:60px;
}
.service-des-wrap .kong{
    height:100%;
}
.service-des-img,.service-des-content,.service-list-img,.service-list-content{
    float:left;
}
.service-des-img img{
    width:100%;
}
.service-des-content-1{
    margin-top:103px;
}
.service-list-content-1 .read-more{
    margin-top:23px;
}
.service-list-img>p{
    width:80%;
    text-align: center;
    margin:15px auto;
}
.service-list-img img{
    width:100%;
}
.service-list-img>p a{
    color:#000;
    font-weight: 600;
}
.list-content{
    min-height:300px;
    display: flex;
    align-items: center;
}

.service-list-word p{
    line-height:30px;
    margin-bottom:10px;
}
/* section-cta */
section.cta-section-phone {
  display: none;
}
.section-cta{
    margin-top:100px;
}
.cta-content-wrap{
    background: url(../img/cta-content-bac.png) no-repeat;
}
.section-cta-wrap{
    overflow: hidden;
   
}
.cta-content-wrap{
    display: flex;
    align-items: center;
    height:508px;
 
}
.cta-con{
    margin:0px auto;
    padding-left:2rem;
}
.cta-word-1,.cta-word-2{
    font-weight: bold;
    font-size:32px;
    color:#333;
}
.cta-word-2{
    color:#172A88;
    margin:43px 0;
}
.cta-btn-wrap{
    width:399px;
    height:87px;
    line-height:87px;
    margin:0 auto;
    background-color: #172A88;
    border-radius: 50px;
    text-align: center;
    font-size: 32px;
    
}
.cta-btn-wrap a{
    color:#fff;
}
/* -------------------------------------contact us--------------------------------------------- */
.banner-contactus {
    height: 617px;
    background: url(../img/banner-contactus.webp) no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
}
.banner-contactus .banner-con-center{
    height:456px;
    background: url(../img/banner-con-center-bac.png) no-repeat;
    display: flex;
    align-items: center;
   margin: 0 auto;
}
.banner-con-center>div{
    margin:0 auto;

}
.banner-con-center h1{
    font-size:40px;
    text-align: center;
}
.banner-con-center .title-des{
    font-size:24px;
    margin:44px 0 30px;
    text-align: center;
}
.banner-con-center .quote-wrap{
    overflow: hidden;
    display: flex;
    justify-content: center;
}
.banner-con-center .quote-wrap .quote{
    width:240px;
    height:85px;
    border-radius: 50px;
    text-align: center;
    line-height: 85px;
    font-size:24px; 
    background-color: #172A88 ;

}
.banner-con-center .quote-wrap a{
    color: #fff;
}
.contactus-about h2{
    margin-bottom:50px;
}
.contactus-des-content{
    display: flex;
    align-items: center;
}
.contactus-des-img img{
    width:100%;
    height:100%;
}
section.contactus-future{
    background-color: rgba(174, 188, 255, .1);
    height:567px;
}
.contactus-future h2{
    padding:71px 0 89px;
    margin-bottom:0;
}
.mission-wrap,.vision-wrap{
    position: relative;
}
.future-list-phone {
  display: none;
}

.mission-word,.vision-word{
    position: relative;
    height:205px;
    background: url(../img/mission-wrap-bac.png) no-repeat;
    background-position: right;
    background-size: cover;
    z-index:-1;
    margin: 30px 0 0 70px;
        display: flex;
    align-items: center;
}
.mission-img,.vision-img{
    position: absolute;
    top:0;
    left:0;

}
.word-item{
    position: absolute;
    right: 5%;
    /* top: 22%; */

}
.word-item h3{
    color:#fff;
    font-size:20px;
    font-weight: bold;
    margin-bottom:15px;
}
.word-item p{
    color:#fff;
    line-height:22px;
}

/* product-form */


.contact-info-phone{
    background:#E0E6FF;  
    border:1px solid #4860D5; 
    
}
.contact-info-email{
    background:#E2F5FF;
    border:1px solid #2EACE8;
    margin-left:4%;
}
.contact-info-phone,.contact-info-email{
    width:48%;
    height:90px;
    border-top-left-radius:92px;
    border-top-right-radius:92px;
    border-bottom:0;
    display: flex;
    justify-self: center;
}
.contact-info-phone .row,.contact-info-email .row{
    margin:20px auto;
}
.contact-info-phone .icon,.contact-info-email .icon{
    /* display: inline-block; */
    width:53px;
    height: 53px;
    margin-right:5px;
    background:url(../img/phone.svg) no-repeat;
}
.contact-info-email .icon{
    background:url(../img/email.svg) no-repeat;
    background-position: 50% 50%;    
}
.contact-info{
    overflow: hidden;
}

.contact-info .info{
    height:50px;
    line-height: 50px;
    font-size:24px;
    color:#333;
}
.product-form{
    margin-bottom:93px;
}
.product-form .form {
    border-radius: 8px;
    box-shadow: 0px 4px 28px 0px rgba(162,162,162,0.25);
    border-radius: 0px 0px 100px 100px;
}
.product-form .form form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 52px 5.078125% 65px;
    gap: 22px 0;
}
.product-form .form form span {
    width: 100%;
}
.product-form .form form .col2 {
    width: 48.347826%;
}
.product-form .form form .label {
   max-width: max-content; 
    cursor: pointer;
    color: #383838;
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 10px;
}
.product-form .form form label{
    width: 100%;
}
/* .wpcf7-form-control-wrap {
    position: relative;
} */
.product-form .form form input, .product-form .form form select, .product-form .form form textarea {
    display: block;
    width: 100%;
    border: 2px solid transparent;
    color: var(--title_color);
    font-size: 19px;
    transition: all 0.3s;
    padding: 14px 20px;
    border-radius: 10px 10px 10px 10px;
border: 1px solid #DDDDDD;
}
.product-form .form form input:focus, .product-form .form form textarea:focus {
    outline:none;
    border: 1px solid #172A88;
}
.product-form .form form .btn {
    display: flex;
    border-radius: 50px;
    max-width: max-content;
    min-width: 180px;
    padding: 17px 47px;
    margin-left: auto;
    margin-top: 8px;
    color: #172A88;
    /*background-color:#172A88;*/
    background-size: 21px;
    background-position-x: 77%;
    border: 1px solid #172A88;    
}

.product-form .form form .btn:visited, .product-form .form form .btn:focus{
    background-color: #172A88;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;    
}

#contact-us.product-form form div.label i {
    color: red;
}

.span-policy{
    position: relative;
}
.policy{
    position: absolute;
    top:1rem;
    width: 78%;
    color:#A2A2A2;
    font-size:20px;
}
.policy b{
    color:#333;
    
}

/* --------------------------------------------product-list-------------------------------- */
.contactus-des-wrap>p{
    line-height:32px;
    margin-bottom:16px;
}
.product-lists-t .searchno-tips-product{
   /* padding-left:70%; */
}
.banner-product-list{
    height:617px;
   
    background-size: cover;
    background-position: center;
}
.organoids-banner{
    background: url(../img/banner-product-list-01.webp) no-repeat center/cover;
}
.product-index-banner{
    background: url(../img/banner-product-list.webp) no-repeat center/cover;
}
.products-banner{
    background: url(../img/products-banner.png) no-repeat;
}
.antibodies-banner{
    background: url(../img/antibodies-banner.webp) no-repeat;
}
.media-banner{
    background: url(../img/media-banner.webp) no-repeat;
}
.recombinant-banner{
    background: url(../img/recombinant-product-banner.webp) no-repeat center/cover;
}
.banner-product-list .banner-con-left-bac{
    background: url(../img/banner-con-left-bac.png) no-repeat;
    background-size: 93%;
}
.banner-con-left-bac{
    padding:5% 13% 5% 9%;
    box-sizing: border-box;
    margin-top:56px;
    height:492px;
}
.banner-con-center{
    text-align: center;
    background-color: rgba(255, 255, 255, .5);

    margin:102px auto;
    padding-top:60px;
     padding-bottom:60px;
}
.banner-con-center .h1-000{
    color:#000;
}
.banner-con-center .title-des-000{
    color:#000;
}
.banner-con-left-bac h1{
    font-size:2.5rem;
    color:#000;
    text-align: center;

}
.banner-con-left-bac .title-des{
    /* font-size:18px; */
    font-size:1.1rem;
    margin-top:26px;
    color:#000;
    /* line-height:40px; */
    line-height:2.5rem;
    text-align: center;
}
.banner-con-left-bac .quote-wrap{
    margin-top:40px;
    display: flex;
    justify-content: center;
}

/* .product-feature */
.product-feature{
    padding:58px 0 79px 0;
    background: #F7F9FF;
}
.product-feature-item{
    margin-top:38px;
}
.product-feature-item:nth-child(2n) .product-feature-item-img{
    text-align:right;
}
.product-feature-item-word{
    height:8rem;
    background: #FFFFFF;
    border-radius: 500px 500px 500px 500px;
    border: 1px solid #4860D5;
    display:flex;
    align-items:center;
    padding:32px 73px;
}
.product-feature-item-word .flex-align>p{
    margin-top:10px;
}
/* ------------------------- */
.product-feature-t-wrap-item{
    height:160px;
    border-radius: 10px;
    padding:0.8rem 1.8rem;
    background: linear-gradient(#E4EFFF, #F2FCFF);

}
.product-feature-t-wrap-item h4{
    height:48px;
    display: table-cell;
    vertical-align: middle;
    font-size:20px;
    color:#333;
    padding-left:55px;
    background: url(../img/feature-wrap-item1.png) no-repeat 0 0;
}
.feature-wrap-item2 h4{
    background-image: url(../img/feature-wrap-item2.png);
}
.feature-wrap-item3 h4{
    background-image: url(../img/feature-wrap-item3.png);
}
.feature-wrap-item4 h4{
    background-image: url(../img/feature-wrap-item4.png);
}
.feature-wrap-item5 h4{
    background-image: url(../img/feature-wrap-item5.png);
}
.feature-wrap-item6 h4{
    background-image: url(../img/feature-wrap-item6.png);
}
.feature-wrap-antibodies-item1 h4{
    background-image: url(../img/feature-wrap-antibodies-item1.png);
}
.feature-wrap-antibodies-item2 h4{
    background-image: url(../img/feature-wrap-antibodies-item2.png);
}
.feature-wrap-antibodies-item3 h4{
    background-image: url(../img/feature-wrap-antibodies-item3.png);
}
.feature-wrap-media-item1 h4{
    background-image: url(../img/media505.png);
}
.feature-wrap-media-item2 h4{
    background-image: url(../img/media506.png);
}
.feature-wrap-media-item3 h4{
    background-image: url(../img/media507.png);
}
.recombinant-feature-wrap-item1 h4{
     background-image: url(../img/recombinant-feature-wrap-item1.png);
}
.recombinant-feature-wrap-item2 h4{
     background-image: url(../img/recombinant-feature-wrap-item2.png);
}
.recombinant-feature-wrap-item3 h4{
     background-image: url(../img/recombinant-feature-wrap-item3.png);
}
.product-feature-t-wrap-item p{
    font-size:16px;
    color:#666;
    margin-top:10px;
}
.product-feature-t .product-feature-t-wrap-list{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
}
.product-lists-t-wrap-list{
    /* display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem; */
    overflow: hidden;
}
.product-lists-t-wrap-list li{
    float:left;
    height:532px;
    width:438px;
    padding:5px 4px;
    margin-right:3rem;
    margin-bottom:57px;
    background: url(../img/product-lists-t-wrap-item-bac-he.png) no-repeat 100% 100%;
}
.product-lists-t-wrap-list li:nth-child(3n){
    margin-right:0;
}
.product-lists-t-wrap-list li:hover{
    background-image: url(../img/product-lists-t-wrap-item-bac-hehover.png);
    transition: all 0.3s;
}
.product-lists-item-wrap{
    width:100%;
    height:100%;
    padding:1rem 2rem;
    cursor: pointer;
    /*overflow-y: scroll;    */
}
.product-lists-item-wrap .scroll {
  height:72%;
}
.product-lists-item-wrap .metas{
    display: grid;
    grid-template-columns: 80% 20%;    
    gap: 1rem;
}
/*.product-lists-item-wrap .metas .lei{*/
/*    max-height:100px;*/
/*    background: url();*/
/*}*/
.product-lists-item-wrap .metas .lei p{
    font-size:18px;
    margin-top:17px;
    color:#172A88;
}
.product-lists-item-wrap .metas .lei p span{
    word-wrap: break-word
}
.product-lists-item-wrap .metas .link{
    display: flex;
    /*align-items: end;*/
    margin-top:50px;    
    margin-left:auto;
    
}
.product-lists-item-wrap .metas .link-button{
    width: 56px;
    height:56px;
    border: 1px solid #172A88;
    border-radius: 50%;
    background: url(../img/p-jiantou.png) no-repeat 0 0;
}
.product-lists-t-wrap-list li:hover .link-button{
     background: url(../img/p-jiantou-fff.png) no-repeat 0 0;
     background-color: #172A88;
}
.product-lists-item-wrap h4{
    color:#000;
    font-size:20px;
    margin-top:17px;
}
.product-lists-t-wrap-item .product-info-item{
    margin-top:17px;
    padding: 17px 0;
    transition: all 0.3s;
    /* transform: translateY(90px); */
    border-top: 1px solid rgba(93, 105, 112, .24);
}
.product-lists-t-wrap-item .product-info-item .label{
    color:#333;
    font-size: 16px;
}
.product-lists-t-wrap-item .product-info-item .title{
    color:#000;
    font-size: 18px;
}
.pagination-wrap .goto-page-form input {
    width:60px;
    border: #ccc solid 1px;
    padding: .5rem;
    margin-left: 1rem;
    margin-right: .5rem;
    font-size: 16px;
    text-align: center;
    border-radius: 5px;
}
.pagination-wrap .goto-page-form button {
    background-color: #172A88;
    padding: .5rem;
    border: 0;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
}
.pagination-wrap .goto-page-form input:focus{
    outline:none;
    border: 1px solid #172A88;
}







/* --------------------------product-list---------------------------------- */

.product-list-list-line{
    overflow: hidden;
    height:250px;
    margin-top:59px;
}
.product-list-list-item{
    float:left;
    position: relative;
    box-shadow: 1px 4px 12px 0px rgba(155, 155, 155, 0.25);
    background-color: rgba(255, 255, 255, 1);
    border-radius: 16px;
    width: 21%;
    height: 239px;
    margin-right:5%;
}
.product-list-list-item:hover{
    border:1px solid #172A88;
    transition: all 3s;
}
.product-list-list-item:hover .product-list-list-item-box-1{
    background-color: #172A88;
    transition: all 0.5s;
}
.product-list-list-item:hover .product-list-list-item-box-1 .align-flex span{
    color:#fff;
    transition: all 0.5s;
}
.product-list-list-item:hover .product-list-list-item-box-1 .align-flex span.dot{
    background-color: #fff;
    transition: all 0.5s;
}
.product-list-list-item:last-child{
    margin-right:0.5%;
}
.product-list-list-item:first-child{
    margin-left:0.5%;
}
.product-list-list-item-box-1{
    width:67%;
    height:54px;
    line-height: 54px;
    margin:26px auto;
    background: #E0E6FF;
    border-radius: 11px 11px 11px 11px;
    border: 1px dashed #172A88;
    display: flex;
    justify-content: center;
}
.product-list-list-item-box-1 span.dot{
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #172A88;
    border-radius: 50%;
}
.product-list-list-item-box-1 span.tit{
    font-size:18px;
    color:#172A88;
    margin-left:5px;
}
.product-list-list-des{
    margin:25px 11%;
}
.right-line{
    height:14px;
    position: absolute;
    right:25px;
    bottom:22px;
}
.right-line p{
    text-align: right;
    border-top:1px solid #172A88;
   
}
.right-line p.line-1{
    width:12px;

    margin-left:auto;
}
.right-line p.line-2{
    width:22px;
    margin-top:10px;
    margin-left:auto;
}

section.product-feature-cta{
    background: url(../img/product-feature-cta.png) no-repeat 0 0;
    background-size: auto;
    background-position: center;
}

/* pagination-wrap */
.pagination-wrap{
    display: flex;
    justify-content: center;
}
.pagination-wrap .page-num{
    display: inline-block;
    width:48px;
    height:48px;
    line-height: 45px;
    border:1px solid #172A88;
    border-radius: 50%;
    text-align: center;
    margin-right:33px;
    font-size: 18px;
    color:#172A88
}

.pagination-wrap .page-num-pre.page-num {
    border: none;
    color:#999;
}

.pagination-wrap a.page-num-pre.page-num:hover {
  border-color: #172A88;
  background-color: #172A88;
  color: #fff;
}

.pagination-wrap .page-num-pre.page-num.dots {
    border:none;
    color:#999;
}

.pagination-wrap{
    margin-top:57px;
}
.pagination-wrap .page-num:last-child{
    margin-right:0;
}
.pagination-wrap .current{
    color:#fff;
    background-color: #172A88;
}
.pagination-wrap .page-num-pre.page-num.current{
    color:#fff;
    background-color: #172A88;
}
.pagination-wrap .previous-page{
    /* border:1px solid #999; */
    background: url(../img/previous.svg) no-repeat center center;
}
.pagination-wrap .next-page{
    background: url(../img/next.svg) no-repeat center center;
}
.pagination-wrap .total{
    margin-top:19px;
    text-align: center;
    color: #666;
}

/* ----------------------------------------search-no------------------------------------------ */
.searchno-main{
    margin-top:36px;
    font-size:18px;
}
.head .subtitle {
    gap: 10px;
    display: grid;
    align-items: center;
    grid-template-columns: auto 1fr;
    font-size: 18px;
    text-transform: uppercase;
    
    padding-bottom: 14px;
    margin-bottom: 1rem;
}
.searchno-main .head .subtitle::before {
    content: '';
    display: block;
    width: 6px;
    aspect-ratio: 1;
    border-radius: 50%;
    background-color: #172A88;
}
.searchno-main .head .wow{
    font-size:32px;
    color:#172A88;
}
.search-results{
    font-size:20px;
    margin-bottom: 58px;
}
.search-results p{
    line-height: 46px;
}
.search-tips{
    font-size:20px;
    line-height: 40px;
    margin-bottom:30px;
}
.search-tips-txt{
    color:#172A88;
}
.search-tips li{
    gap: 10px;
    display: grid;
    align-items: center;
    grid-template-columns: auto 1fr;
}
.search-tips li::before{
   content: '';
    display: block;
    width: 3px;
    aspect-ratio: 1;
    border-radius: 50%;
    background-color: #172A88;
}
/* .searchno-tips-product-center{
    text-align: center;
} */
.searchno-tips-product a{
    display: inline-block;
    color: #172A88;
    padding:17px 28px;
    border: 1px solid #172A88;
    border-radius: 50px;
    margin-right:55px;
    margin-bottom:33px;
}
.searchno-tips-product a:last-child{
    margin-right:0;
}
.searchno-tips-product a:hover{
    background-color: #172A88;
    color:#fff;
}
.product-lists-t-wrap .product-lists-t-wrap-result{
    margin-bottom:33px;
    font-size: 18px;
}

section.cta-section{
    background: url(../img/cta-section.png) no-repeat 0 0;
    background-size: auto;
    background-position: center;
}
section.cta-section{
    background-size: auto;
    background-position: center;
}

/*  -----------------------------------resource-page-banner --------------------------------*/
.page-banner{
    height:380px;
    margin-top:0;
}
.page-banner h1{
    line-height:380px;
    font-size:64px;
}
.resource-page-banner{
    background: url(../img/resource-page-banner.webp) no-repeat 0 0;
}
.resource-main .metas {
    margin: 36px 0;
}
.resource-main .metas ul {
    gap: 2rem 12.658228%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.resource-main .metas ul li {
    gap: 1rem;
    font-size: 18px;
    display: grid;
    align-items: center;
    grid-template-columns: auto 1fr;
}
.resource-main .metas ul li::before {
    content: '';
    display: block;
    width: 23px;
    aspect-ratio: 1;
    background: no-repeat center / contain;
}
.resource-main .metas ul .author::before {
    background-image: url(../img/icon-author.svg);
}
.resource-main .metas ul .date::before {
    background-image: url(../img/icon-date.svg);
}
.resource-main .metas ul .views::before {
    background-image: url(../img/icon-view.svg);
}
.text h2{
    font-size:24px;
    font-weight: bold;
    text-align: left;
    margin-bottom:20px;
    padding-top:20px;
}
.text .span-addbac{
    display: inline-block;
    background-color: #E0E6FF;
    font-size:20px;
    padding:13px 21px;
    border-radius: 50px;
    margin-bottom:20px;
    margin-top:25px;
}
.text p{
    padding-bottom:20px;    
    font-size:18px;
    line-height:35px;
}
.text-img{
    text-align: center;
    padding-bottom:20px;
}
.text-img img{
    max-width:100%;
}
.text-img-figure{
    text-align: center;
    margin-top:20px;
    color:#333;
}

.text .references p{
    margin-bottom:0;
}

/* ----------------------------------product-detail---------------------------------------- */
.product-detail-banner{
   height:485px;
   background: url(../img/banner-product-detail.png) no-repeat right/cover;
   padding-top:54px;
}
.detail-banner-wrap{
    margin-top: 64px;
}
.tit-tip{
    display: flex;
}
.tit-tip>span{
    display: block;
    width:11px;
    height:11px;
    margin-top:14px;
    margin-right:15px;
    border-radius: 50%;
    background-color: #FFBD5B;
}
.tit-tip>p{
    font-size:24px;
    color:#fff;
}
.detail-banner-wrap h1{
    color:#fff;
    font-size:40px;
    margin-top:18px;
    height:96px;    
}
/* .landi{

    max-width: 1182px;
    height:248px;
    background: url(../img/product-detail-landi.png) no-repeat 0 0/cover;
} */
.detail-banner-wrap{
    position: relative;
    width:1200px;    
}
.detail-banner-wrap .quote-wrap{
    position: absolute;
    right:0;
    margin-top:50px;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.detail-banner-wrap .quote-wrap .quote{
    background-color: #FFBD5B;
    width:297px;
    height:87px;
    font-size:32px;
    font-weight: bold;
}
.detail-banner-wrap .quote-wrap .quote-go{
border:1px solid #72A880;
}
/*.antibodies-banner .quote-go, .organoids-banner-01 .quote-go, .media-banner .quote-go {*/
/*    transform: scale(0.7);*/
/*    margin-top: -10px;*/
/*    margin-left: -4px;*/
/*}*/
.detail-banner-wrap .name-item{
    margin-top:153px;
}
.detail-banner-wrap .name-item span{
    margin-right:10px;
    margin-left:10px;
}
.detail-banner-wrap .name-item span:first-child{
    margin-left:0;
}
.detail-banner-wrap .name-item a{
    font-size:20px;
}
section.breadcrumbs_box{
    margin-top:21px;
}
/*.product_nav ul {
    display: flex;
    gap: 4.6875%;
    position: relative;
    z-index: 2;
}
 .product_nav li{
    border:1px solid #999;

}
.product_nav a {
    display: block;
    opacity: .85;
    transition: all 0.3s;
    border-bottom: 3px solid transparent;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    padding: 18px 30px;
} */
.product_nav ul{
    width:100%;
}
.product_nav ul li{
    display: inline-block;
    margin-right:3%;
    margin-top: 20px;
}
.product_nav ul li:last-child{
    margin-right:0;
}
.product_nav ul li.active a{
    color:#fff;
    background-color: #172A88;
}
.product_nav ul li a{
    display: inline-block;
    padding:14px 30px;
    border:1px solid #999;
    border-radius: 50px;
    font-size:20px;
    color:#999;
}
.product_nav ul li a:hover{
    color:#fff;
    background-color: #172A88;
}
.product_nav ul li.active a:hover{
    color:#fff;
}
.flex.between {
    justify-content: space-between;
}
.product_spec .left {
    flex: 1;
    max-width: 1100px;
}
.product_spec .table {
    overflow: auto;
    border-radius: 8px;
    background-color: #F7F9FF;
}
.product_spec table {
    width: 100%;
    border-collapse: collapse;
}
.product_spec table tbody {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.product_spec table th,.product_spec table td{
    border-top:0;
}
.product_spec table tbody tr {
    display: flex;
    position: relative;
}
.product_spec table tbody tr::after {
    content: '';
    display: block;
    width: 94.422311%;
    height: 1px;
    /* background-color: rgba(0, 0, 0, .1); */
    position: absolute;
    right: 0;
    bottom: 0;
}
.product_spec table tbody tr:nth-child(3),.product_spec table tbody tr:nth-child(4),.product_spec table tbody tr:nth-child(7),.product_spec table tbody tr:nth-child(8),.product_spec table tbody tr:nth-child(11),.product_spec table tbody tr:nth-child(12),.product_spec table tbody tr:nth-child(15),.product_spec table tbody tr:nth-child(16),.product_spec table tbody tr:nth-child(19),.product_spec table tbody tr:nth-child(20) {
    background-color: #E7EBFF;
}
.product_spec table tbody tr:nth-child(even)::after {
    left: 0;
    right: unset;
}
.product_spec table tbody tr:nth-last-child(-n+2)::after {
  display: none;
}
.product_spec table tbody td {
    flex: 1;
    font-size: 1rem;
    padding: 8px 5.577689%;
    border-right: 1px solid #C3CDFD;
}
.product_spec table tbody tr:nth-child(even) td:nth-child(2){
    border-right:0;
}

.product_spec table tbody td:first-child {
    flex: unset;
    width: 45.924453%;
    min-width: 45.924453%;
    /* width: 25%;
    min-width: 25%; */
    opacity: .7;
    font-size: 1rem;
    font-weight:bold;
    /* background-color: #E7EBFF; */
}
.product_spec table tbody tr:nth-child(1) td, .product_spec table tbody tr:nth-child(2) td {
    padding-top: 18px;
}
.product_spec #desc {
    font-size: 38px;
    font-weight: 500;
}
.product_spec .left p, .product_desc .content .intro p, .product_application .list li p {
    font-size: 16px !important;
    font-family: Jost, sans-serif !important;
    font-weight: normal;
}

.product_spec .right {
    width: 16.71875%;
}
.product_spec .img {
    border-radius: 10px;
    aspect-ratio: 212 / 205;
    box-shadow: 0 0 10px rgba(0, 0, 0, .06);
    /* border: 3px solid #fff; */
    
}
.product_spec .img img {
    border-radius: 10px;
    border: 1px solid #eaeaea;
    width:100%;
}
input[type="submit"], button {
    cursor: pointer;
}
.product_spec .right .btn_cir {
    display: flex;
    max-width: max-content;
    margin-left: auto;
    margin-top: 18px;
}
.btn_cir {
    gap: 12px;
    display: inline-flex;
    align-items: center;
    vertical-align: top;
    cursor: pointer;
    transition: all 0.3s;
    color: var(--theme_color);
    font-size: 17px;
    font-weight: 500;
}
.btn_cir p{
    background-color: #172A88;
    padding: 10px 20px;
    border-radius: 50px;
    font-size:1rem;
    color:#fff;
}
.btn_cir::after {
    content: '';
    display: block;
    width: 30px;
    aspect-ratio: 1;
    border-radius: 50%;
    border: 1px solid #172A88;
    transition: all 0.3s;
    background: url(../img/arrow-tr-w.svg) no-repeat center / 85% #fff;
}
.product_text_wrap h3{
    font-size: 24px;
    margin-bottom:10px;
    font-weight: bolder;    
}
.product_text_wrap h4{
    font-size: 20px;
    margin-bottom:10px;
}
.product_text_wrap p{
    margin-bottom:10px;
}
.pull-down-menu .menu-title{
    display: flex;
    width:500px;
    height:74px;
    align-items: center;
    background-color: #172A88;
    border-radius: 15px;
    padding:0 45px;
    
}
.pull-down-menu .menu-title>p{
    font-size:24px;
    font-weight:450;
    color: #fff;
}
.pull-down-menu .menu-title .selt{
    /* position: absolute; */
    width:50px;
    height: 50px;
    margin-left:20px;
    background: url(../img/selt.svg) 0 0;
    transition: transform 0.3s;
    transform: rotate(180deg);
}
.pull-down-menu .menu-title.active > span.selt {
  transform: rotate(360deg);
  filter: brightness(0);
}
.pull-down-menu .menu-title.active {
  background-color: #FFBD5B;
}
.pull-down-menu .menu-title.active > p {
  color: #000;
}
.rotate-active{
    transform: rotate(180deg);
}
.pull-down-menu>li{
    position: relative;
}
.pull-down-menu .Spec-table{
    /* max-height: 0; */
    display: none;
    overflow: hidden;
    position: absolute;
    top:0;
    left:40%;
    width:876px;
    height: 353px;
    border-radius: 15px;
    background-color: #fff;
    padding: 23px 32px;
    box-shadow:1px 2px 9px 1px rgba(0, 0, 0, .2);
}
.pull-down-menu .Spec-table .table{
    overflow: auto;
    border-radius: 15px;
    background-color: #fff;
    height: 100%;
}
.pull-down-menu .Spec-table table{
    width:100%;
}
.pull-down-menu .Spec-table table thead tr{
    height:43px;
     line-height: 43px;
}
.pull-down-menu .Spec-table table th{
    padding: 0;
    border: 0;
    background-color: #EDEDED;
    text-align: center;
    font-size: 18px;
    color:#000;
    
}
.pull-down-menu .Spec-table table tbody tr{
    position: relative;
    height:52px;
    line-height: 52px;    
}
.pull-down-menu .Spec-table table tbody tr::after{
    content: "";
    display: block;
    width:94%;
    height: 1px;
    background-color: #EDEDED;
    position: absolute;
    right: 0;
    bottom: 0;
}
.pull-down-menu .Spec-table table td{
    padding: 0;
    border: 0;
    font-size: 16px;
    color:#333;
    text-align: center;
    background-color: #F9F9F9;
}
.pull-down-menu .Spec-table table th:first-child{
    width: 18%;
    border-right:1px solid #E5E5E5;
}
.pull-down-menu .Spec-table table td:first-child{
    border-right:1px solid #E5E5E5;

}
.product_text_wrap{
    background-color: #fff;
    box-shadow:1px 1px 10px 1px #ccc;
    border-radius: 20px;
    padding:41px 48px;
}
.product_spec_wrap .product_spec_wrap_item h4{
    display: flex;
    padding-top:10px;
}
.product_spec_wrap .product_spec_wrap_item h4::before{
    content: "";
    display: block;
    width:9px;
    height: 9px;
    border-radius: 50%;
    background-color: #172A88;
     margin-top: 8px;
     margin-right:0.8%;
}
/* tags */
.product_tags_wrap{
    padding-bottom:60px;
    border-bottom:1px solid rgba(0, 0, 0, .1);
}
.product_tags_wrap a{
    display: inline-block;
    padding:16px 24px;
    border-radius: 50px;
    border:1px solid #B3B3B3;
    font-size:18px;
    color:#333;
    margin-right:34px;
    margin-bottom:25px;
    font-weight:bold;
}
.product_tags_wrap a:hover{
    background-color: #172A88;
    color:#fff;
}
/* Inquiry */
.product_form .nav {
    position: relative;
    z-index: 2;
}
.product_form .nav ul {
    display: flex;
}
.product_form .nav li {
    text-align: center;
    border: 1px solid #999;
    border-radius:10px;
    /* border-radius: 14px 14px 0 0; */
    cursor: pointer;
    transition: all 0.3s;

    color: #999;
    font-size: 20px;
   
    /* min-width: 224px; */
    padding: 10px 22px;
} 
.product_form .nav li.active {
    color: #fff;
    pointer-events: none;
    background-color: #172A88;
    border:0;
}
.product_form .intro {
    max-width: 100%;
    margin: 78px auto 0;
}
.product_form .intro h2{
    font-size: 36px;
    color: #333;
    margin-bottom: 20px;
    font-weight: normal;
}
.product_form .intro .desc {
    color: #666;
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
    margin-top: 20px;
}
.product_form .center{
    text-align: center;
}
.product_form .form {
    border-radius: 8px;
    background-color: #F7F9FF;
    margin-top: 3rem;
}
.product_form .form form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 52px 5.078125% 42px;
    gap: 22px 0;
}
.product_form .form form .col2 {
    width: 48.347826%;
}
.product_form .form form label{
    width: 100%;
}
.product_form .form form .label {
    max-width: max-content;
    cursor: pointer;
    color: #383838;
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 10px;
   
}
.product_form .form form .label i {
    color: red;
}
.wpcf7-form-control-wrap {
    position: relative;
}
.product_form .form form input, .product_form .form form select, .product_form .form form textarea {
    display: block;
    width: 100%;
    border: 2px solid transparent;
    color: var(--title_color);
    font-size: 19px;
    transition: all 0.3s;
    padding: 14px 20px;
    border: 1px solid #AEBCFF;
    border-radius: 10px;
}
.product_form .form form span {
    width: 100%;
}
.product_form .form form .btn {
    text-align: left;
    display: flex;
    max-width: max-content;
    min-width: 180px;
    padding: 17px 47px;
    margin-left: auto;
    margin-top: 8px;
    color: #fff;
    background: url(../../../../../../../../themes/newaccegen/assets/img/arrow-line-r-w.svg) no-repeat right / contain;
    background-color: #172A88;
    background-size: 21px;
    background-position-x: 77%;
    border-radius: 50px;
}
.pull-down-menu .Spec-table{
    top:0;
    left:40%;
}
.detail-related-wrap{
    display: flex;
    gap: 7%;
    margin-top:76px;
}
.list-related-wrap {
    display: flex;
    gap: 14%;
    margin-top: 76px;
}
.detail-related-wrap li{
    display: flex;
    flex-direction: column;
    /*width:287px;*/
    width:284px;    
    justify-items: center;
}
.list-related-wrap li{
    display: flex;
    flex-direction: column;
    width:332px;
    justify-items: center;
}
.detail-related-wrap li>a{
    display: block;
    width:287px;
    height:287px;
    text-align: center;
    line-height: 287px;
}
.list-related-wrap li>a{
    display: block;
    width:332px;
    height:332px;
    text-align: center;
    line-height: 325px;
}
.detail-related-wrap li img{
    margin:0 auto;
}
.list-related-wrap li img{
    margin:0 auto;
}
.detail-related-wrap li:hover>a{
    background: url(../img/detail-related-product-bac.png) 0 0;
}
.list-related-wrap li:hover>a{
    background: url(../img/related-products-bac-332.png) 0 0;
}
.detail-related-wrap li:hover>p{
    color:#172A88;
}
.list-related-wrap li:hover>p{
    color:#172A88;
}
.detail-related-wrap li>p{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin-top:40px;
}
.list-related-wrap li>p{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin-top:40px;
}



.related-wrap{
    display: flex;
    gap: 16%;
}
.related-wrap .related-item img{
    padding:10px;
    border: 1px solid rgba(0,0,0,0);
    border-radius: 50%;
    transition: all 0.3s;
}
 .related-wrap .related-item:hover img{
     border:1px dotted #172A88;
 }
 
.related-wrap .related-item p{
    text-align: center;
    font-size:20px;
    color:#333;
    font-weight: bold;
    margin-top:38px;
}



.notitle{
    margin-bottom:30px;
}

/* media */
.related-product-wrap{
    /* display: flex;
    grid-template-columns: repeat(2, 1fr);
    gap: 27rem; */ 
    overflow: hidden;
}
.related-product-item{
    width:50%;
    float:left;
}
.related-product-item1{
    position: relative;
}
.related-product-item2{
    position: relative;
}
.related-product-item-img{
    width:30%;
}
.related-product-item-img img{
    width:100%;
}
.related-product-item-txt{
    height:155px;
    line-height: 155px;
    width:500px;
    position: absolute;
    bottom:2px;
    left:15%;
    background: #FFFFFF;
    box-shadow: 0px 4px 20px 0px rgba(169,169,169,0.25);
    text-align: center;
    vertical-align: middle;
    z-index:-1;
    border:1px solid rgba(0, 0, 0, 0);
    border-radius: 10px 10px 10px 10px;
}
.related-product-item:hover .related-product-item-txt{
    border:1px solid rgba(0, 0, 0, 0);
    background: #EFF2FF;
box-shadow: 0px 4px 20px 0px rgba(169,169,169,0.25);
border-radius: 10px 10px 10px 10px;
border: 1px dotted #172A88;
}


/* index-new */
.index-product-section .product-item{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 95px;
}
.product-item-img{
    width:59%;
}
.product-item:nth-child(2n-1) .product-item-img{
    margin-right:4%
}
.product-item:nth-child(2n) .product-item-link{
    margin-left:4%
}

.product-item-img img{
    width:100%;
}
.product-item-link{
     width:37%;
}
.product-item-link:hover h3,.product-item-link:hover p{
    color:#172A88;
}
.product-item-link:hover p .dot{
    background-color: #172A88;
}
.product-item-link:hover button{
    color:#fff;
    background-color: #172A88;
}
.product-item-link h3{
    font-size:20px;
    margin-bottom:28px;
}
.product-item-link .text{
    display: flex;
}
.product-item-link .text span{
    display: block;
}
.product-item-link .text .dot{  
    width:11px;
    height:11px;
    margin-right: 4%;
    margin-top: 11px;
    background-color: #D9D9D9;
    border-radius: 50%;
}
.product-item-link .text .text-word{
    width:92%;
}
.product-item-link p{
    display: flex;
    font-size:15px;
    margin-bottom:40px;
    color:#666666;
    line-height: 35px;
}
/* .product-item-link p::before{
    content: '';
    display: block;
    
} */
.product-item-link button{
    width:195px;
    height:55px;
    border: 1px solid #172A88;
    border-radius: 50px;
    color:#172A88;
    font-size:18px;
    padding:0;
    background-color: #fff;
}
.key-wrap p{
    margin-bottom:0px;
}
.organoid-Immune-table table{
    border-collapse: collapse;
    width:100%;
}
.organoid-Immune-table table td,.organoid-Immune-table table th{
    padding:15px 3%;
    font-size:16px;
   
    color:#333;
}
.organoid-Immune-table table thead th{
     background-color:#E2EEFF ;
     text-align: center;
     font-weight: 800;
}
.service-table-orange table thead th{
    background-color: #FFE9C9;
}
.organoid-Immune-table table{
    margin-bottom:30px;
}
.organoid-Immune-table table tbody{
    background-color:#F2F7FF ;
}
.service-table-orange table tbody{
    background-color: #FFF6E7;
}
.organoid-Immune-table table tbody tr{  
    border-top:1px solid #C6DEFF;
}
.service-table-orange table tbody tr{  
    border-top:1px solid #FFDCA8;
}
.service-table tbody td.boldtd{  
    font-weight: 600;
}
.service-table.organoid-Immune-table table>tbody>tr>td:not(.boldtd){
    border-right: none;
}
.organoid-Immune-table table tbody tr:first-child{  
    border-top:none;
}
.organoid-Immune-table table tbody td:first-child{
    border-right:1px solid #C6DEFF;
    width:32%;
}
.organoid-Immune-table table tbody td:last-child{
    width:68%;
}
.service-table-orange table tbody tr:first-child{  
    border-top:none;
}
.service-table-orange table tbody td:first-child{
    border-right:1px solid #FFDCA8;
    width:32%;
}
.service-table-orange table tbody td:last-child{
    width:68%;
}
.recombinant-con-left{
    width:59%;
    color:#000;
    margin-top:0;
    padding-top:117px;
}
.recombinant-con-left h1{
    font-size:40px;
    margin-bottom:33px;
}
.recombinant-con-left>p{
    font-size:24px;
}

/* ---------------------------------- Scroll bar start ---------------------------------------- */

.simplebar-scrollbar::before {
    background-color: #d7ecfd !important;
    width: 7px !important;
    margin-left: 1px;
}

.simplebar-track.simplebar-vertical {
    width: 13px !important;
    height: 312px  !important;
    /*top: 150px !important;*/
    top: 20px !important;    
    right: -25px;
    background-image: linear-gradient(rgba(225, 251, 255, 1) 0%, rgba(162, 224, 247, 1) 51%,rgba(163, 199, 253, 1) 63%);
    border-radius: 30px;
}
/* ---------------------------------- Scroll bar end ---------------------------------------- */