/* 整体滚动条容器 */

body{
      background:#f4f4f5;
}
.technical-banner{
    width:100%;
    
    background:url(imgs/technical_bannerbg.png) top center repeat-x;
   

}

.technical-banner .technical-banner-bg{
    width:100%;
    height:auto;
   
}


.technical-banner .banner_bg{
    width: 100%;
    min-height:50rem;
    background:url(imgs/technical_bannerbg.png) top center no-repeat;
    
}

.technical-banner .technical-banner_content{
    position:relative;
    height: 500px;
}


.technical-banner .technical-banner_content2{
    position:absolute;
    top:45%;
    left:50%;
    transform: translateX(-50%);
    width: 120rem;
}
.technical-banner .technical-banner_title{
   
    font-size:3.2rem;
    line-height: 3.6rem;
    font-weight: 500;
    color:#fff;
    margin-bottom:0;
    letter-spacing: 0.05em;
    max-width: 50rem;
}

.technical-banner .technical-banner_subtitle{
    font-size:1.8rem;
    font-weight: 400;
    color:#fff;
    margin:2.3rem 0 0 0;
    line-height: 2.4rem;
    max-width: 50rem;
    letter-spacing: 0.05em;
}

.technical-banner .technical-banner_line{
    background:url(imgs/line3.png) left top no-repeat;
    width:5rem;
    height:0.4rem;
    margin:3.9rem 0 0 0;
    
}

  .technical{
        
        padding:0 0 0 0;
        background:#fff;
      
       
    }


    .technical .position{
        font-size:1.4rem;
        color:#898989;
        line-height:2.4rem;
        letter-spacing: 0.05em;
    }

    .technical .position>span{
        display: inline-block;
        margin:0 0.7rem;
    }

    .technical .position a,.technical .position a:link,.technical .position a:visited{
        color:#898989;
    }

.technical .menubg{
    width: 100%;
    background:#FBF9FA;
}
.technical .menu{
   
    width: 100%;
    
    list-style: none;
    display: flex;
    background-color: #FBF9FA;
    border-bottom: 1px solid #E9E9E9;
    margin:0;
    padding:0;
}
.technical .menu li{
    display: flex;
    align-items: center;
    justify-content: space-between;
    
    /*padding: 0 1.9277vw;*/
    /*min-width: 30rem;*/
    width:20%;
    
}
.technical .menu li a::after {
    content: '';
    width: 0;
    position: absolute;
    height: 3px;
    background: #0F62FE;
    border-radius: 2px;
    bottom: 0;
    left: 0;
}
.technical .menu li.on a::after {
    width: 100%;
}
.technical .menu li.on{
    background-color: #fff;
}

.technical .menu li a{
    font-size:1.4rem;
    color: #000000;
    line-height: 1.6rem;
    color: #000000;
    position: relative;
    
    text-align: center;
    display: flex;               
    align-items: center;   
    justify-content: center;      
    width: 100%;
    min-height: 6rem;
    
    
   
}
.technical .menu li.on a{
    color: #fff;
    font-weight: 500;
    background: #0F62FE;
}
.technical .menu li a:hover{
    color:#2b44e9;
}

.technical .menu li.on a:hover{
    color:#f4b719;
}


.technical .bg{
    padding: 3rem 0 5.6rem 0;
    background:#f4f4f5; 
}

.technical .content{
    width:100%;
    min-height: 60rem;
    background:#fff url(./imgs/technical_bg11.png) right top no-repeat;
  
    border-radius: 1.6rem;
    margin:2.4rem 0 0 0;
    padding:5.5rem 3.5rem 3rem 6.3rem;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.technical .content .content_left{
    flex:0 0 100%;
    width:100%;
    position: relative;
}

.technical .content .content_left>h3{
    font-size:3.6rem;
    color:#383838;
    line-height: 4.1rem;
    letter-spacing: 0.05em;
    margin:0;
    position:relative;
    z-index: 2;
}

.technical .content .content_left .subtitle{
    font-size:2.4rem;
    color:#383838;
    line-height: 4.1rem;
    letter-spacing:0;
    margin:0.4rem 0 0 0;
    font-weight: 400;
   
    padding:0 0 0.85rem 0;
    position:relative;
    z-index: 2;
}

.technical .content .content_left .desc{
    font-size:1.8rem;
    color:#565656;
    line-height: 3.4rem;
    letter-spacing: 0.03em;
    border-top:1px solid #c1c1c1;
    padding:1rem 0 0 0;
    width:52rem;   
    position:relative;
    z-index: 2;
}

.technical .content .content_left .arrow{
    width:1.4rem;
    height:1.7rem;
    background:url(imgs/technical_arrow.png) no-repeat;
    margin:4.3rem 0 0 0;
}

.technical .content .content_left .icon{
    
    position: absolute;
    z-index: 0;
    top:-11.9rem;
    right:6rem;
}

.technical .content .content_left .icon2{
    top:21rem;
    right:-8.5rem;
    position: absolute;
    z-index: 0;
}

.technical .content .content_left .icon3{
    top:-8.9rem;
    right:-0.1rem;
    position: absolute;
    z-index: 0;
}

.technical .content .content_left .icon5{
    
    position: absolute;
    z-index: 0;
    top:-9rem;
    right:-0.5rem;
}

.technical .content .content_right{
    flex:0 0 50%;
    width:50%;
    position: relative;
}

.technical .content .content_right .icon{
    top:-8.7rem;
    left:6rem;
    position: absolute;
    animation: scaleAnimation 2s infinite ease-in-out;
    transform-origin: center center; /* 确保从中心缩放 */
}

.technical .content .content_right .icon2{
    top:-8.7rem;
    right:10rem;
    position: absolute;
    animation: scaleAnimation 2s infinite ease-in-out;
    transform-origin: center center; /* 确保从中心缩放 */
}

.technical .content .content_right .icon3{
    top:-3rem;
    right:9.3rem;
    position: absolute;
    animation: scaleAnimation 2s infinite ease-in-out;
    transform-origin: center center; /* 确保从中心缩放 */
}



.technical .content .feature{
    margin:2.5rem 0 0 0;
    list-style: none;
    padding:0;
    display: flex;
    flex-wrap: wrap;
    align-items:flex-start;
    position:relative;
}

.technical .content .feature li{
    width:50%;
    flex:0 0 50%;
    background:url(imgs/technical_line.png) left top no-repeat;
    padding:0 3rem 0 1.8rem;
    
    margin:2.2rem 0 0 0;
    min-height: 2.5rem;
}



.technical .content .feature li .title{
    display: flex;
   
    line-height:2.5rem;
    font-size:1.6rem;
    letter-spacing: 0.05em;
    margin:0;
}

.technical .content .feature li .title p{
    width:15rem;
    font-size:1.4rem;
    font-weight: 500;
    margin:0;
    flex:0 0 15rem;
    line-height: 1.6rem;
}

.technical .content .feature li .title span{
    font-size:1.4rem;
    color:#353535;
    vertical-align: top; 
    display: inline-block;
    margin:0 0 0 0.5rem;
    line-height:2rem;
    display: none;
    max-width: 40rem;
}

 @keyframes scaleAnimation {
    0% {
        transform: scale(1); /* 原始大小 */
    }
    50% {
        transform: scale(1.05); /* 放大到 1.2 倍 */
    }
    100% {
        transform: scale(1); /* 回到原始大小 */
    }
    }

.technical .content .feature{
    width:100%;
    flex: 0 0 100%;
}

.technical .content .content2{
    padding:6rem 0 0 0;
}

.technical .content .content2 img{
    max-width:100%;
}

.pipeline{
    background:#f4f4f5;
    padding:0 0 0rem 0;
}

.pipeline h3{
    font-size:3.6rem;
    color:#383838;
    line-height: 3.6rem;
    margin:5.6rem 0 4.8rem 0;
    text-align: center;

}

.pipeline .table_wrap{
    overflow-x: auto;
    width: 100%;
    padding:0 0 5.7rem 0;
}

.pipeline .platform-pipeline_table{
    width: 120rem;
    border-top:1px solid #e0e0e0;
    margin-top:1.7rem;
}
.pipeline .platform-pipeline_table tr{
    border-bottom:1px solid #e0e0e0;
    height:5.8rem;
}
.pipeline .platform-pipeline_table thead tr{
    
    height:6.5rem;
}


.pipeline .platform-pipeline_table .categorytr{
    border-bottom:1px solid #e0e0e0;
    height:4rem;
    background:#fff;
    width:100%;
}

.pipeline .platform-pipeline_table .platform-pipeline_th-drug{
    width:20rem;
    padding:0 0 0 1.2rem;
    font-size:1.4rem;
    line-height:1.8rem;
    font-weight: 500;
    color:#2b44e9;
    letter-spacing: 0.05em;
}

.pipeline .platform-pipeline_table .platform-pipeline_th{
    height: 6.5rem;
   
}
.pipeline .platform-pipeline_table .platform-pipeline_th .wrap{
    display: flex;
    justify-content: center;
    align-items: center;
}


.pipeline .platform-pipeline_table .platform-pipeline_td{
    font-size:1.4rem;
    line-height:1.8rem;
    font-weight: 500;
    color:#383838;
    letter-spacing: 0.05em;
    vertical-align: middle;
    position: relative;
}

.pipeline .platform-pipeline_table .platform-pipeline_td .tooltip-text{
    opacity: 0;
    position:absolute;
    display: block;
    transition: all 1s;
    padding:0.8rem 1.5rem;
    background:#fff;
    border-radius: 1rem;
    left: 0;
    
    top:66%;
    z-index: 3;   
    font-size:1.4rem;            
    min-width: 60px;           
    width: max-content;         
    white-space: normal;         
    word-break: break-word;      
    text-align: center;          
    border:2px solid #e8f1fb;
}
.pipeline .platform-pipeline_table .platform-pipeline_td:hover .tooltip-text{
    opacity: 1;
}

.pipeline .platform-pipeline_table .platform-pipeline_td-drug{
    padding:0 0 0 1.2rem;
}

.pipeline .platform-pipeline_table .platform-pipeline_th-indication{
    width:20rem;
    padding:0 0 0 1.2rem;
    font-size:1.4rem;
    line-height:1.8rem;
    font-weight: 500;
    color:#2b44e9;
    letter-spacing: 0.05em;
}

.pipeline .platform-pipeline_table .platform-pipeline_td-indication{
   
    padding:0 0 0 1.2rem;
    
}



.pipeline .platform-pipeline_table .platform-pipeline_th-stage1{
    width:20rem;
    padding:0 0 0 3.1rem;
    font-size:1.4rem;
    line-height:1.8rem;
    font-weight: 500;
    color:#2b44e9;
    letter-spacing: 0.05em;
}


.pipeline .platform-pipeline_table .platform-pipeline_th-stage1>.wrap::after{
    content: " ";
    display:inline-block;
    width: 0.8rem;
    height: 1.4rem;
    line-height: 6.5rem;
    background: url('imgs/technical_arrow2.png') center center no-repeat;
    background-size: cover;
  
    margin-left: 1.1rem;
    position: relative;
    top:0.2rem;
}

.pipeline .platform-pipeline_table .platform-pipeline_th-stage2{
    width:14rem;
    padding:0 0 0 1.5rem;
    font-size:1.4rem;
    line-height:1.8rem;
    font-weight: 500;
    color:#2b44e9;
    letter-spacing: 0.05em;
}


.pipeline .platform-pipeline_table .platform-pipeline_th-stage2>.wrap::after{
    content: " ";
    display:inline-block;
    width: 0.8rem;
    height: 1.4rem;
    line-height: 6.5rem;
    background: url('imgs/technical_arrow2.png') center center no-repeat;
    background-size: cover;
  
    margin-left: 4rem;
    position: relative;
    top:0.2rem;
}


.pipeline .platform-pipeline_table .platform-pipeline_th-stage3{
    width:14.4rem;
    padding:0 0 0 1rem;
    font-size:1.4rem;
    line-height:1.8rem;
    font-weight: 500;
    color:#2b44e9;
    letter-spacing: 0.05em;
}


.pipeline .platform-pipeline_table .platform-pipeline_th-stage3>.wrap::after{
    content: " ";
    display:inline-block;
    width: 0.8rem;
    height: 1.4rem;
    line-height: 6.5rem;
    background: url('imgs/technical_arrow2.png') center center no-repeat;
    background-size: cover;
  
    margin-left: 3.9rem;
    position: relative;
    top:0.2rem;
}


.pipeline .platform-pipeline_table .platform-pipeline_th-stage4{
    width:14.5rem;
    padding:0 0 0 2.9rem;
    font-size:1.4rem;
    line-height:1.8rem;
    font-weight: 500;
    color:#2b44e9;
    letter-spacing: 0.05em;
}


.pipeline .platform-pipeline_table .platform-pipeline_th-stage4>.wrap::after{
    content: " ";
    display:inline-block;
    width: 0.8rem;
    height: 1.4rem;
    line-height: 6.5rem;
    background: url('imgs/technical_arrow2.png') center center no-repeat;
    background-size: cover;
  
    margin-left: 0.9rem;
    position: relative;
    top:0.2rem;
}

.pipeline .platform-pipeline_table .platform-pipeline_th-stage5{
    width:11.5rem;
    padding:0 0 0 4.1rem;
    font-size:1.4rem;
    line-height:1.8rem;
    font-weight: 500;
    color:#2b44e9;
    letter-spacing: 0.05em;
}

.pipeline .platform-pipeline_table .platform-pipeline_th-rights{
    width:10rem;
    padding:0 0 0 1.2rem;
    font-size:1.4rem;
    line-height:1.8rem;
    font-weight: 500;
    color:#2b44e9;
    letter-spacing: 0.05em;
}

.pipeline .platform-pipeline_table .platform-pipeline_td-rights img{
    width:2.8rem;
    height:2.8rem;
    margin:0 0 0 3.8rem;
}


.pipeline .platform-pipeline_table .category{
    width:14.5rem;
    padding:0 0 0 1.2rem;
    font-size:1.4rem;
    line-height:4rem;
    height: 4rem;
    font-weight: 400;
    color:#2b44e9;
    letter-spacing: 0.05em;
}

.pipeline .platform-pipeline_table .platform-pipeline_track{
    overflow: hidden;
    height:2.3rem;
    margin:0.5rem 0 0 3.1rem;
    width:2rem;
    transition: all 2s;
}

.pipeline .platform-pipeline_table .platform-pipeline_track .platform-pipeline_bar{
    height:1.3rem;
    margin:0.5rem 0 0 0;
    max-width:62.3rem;
    background:linear-gradient(to left, #2d48e1 20%, transparent);
    position: relative;
    width:0rem;
    transition: all 2s;
   
}

.pipeline .platform-pipeline_table .platform-pipeline_track .platform-pipeline_bar::after{
    content: " ";
    display:block;
    width: 2rem;
    height: 2rem;
   
    background: url('imgs/technical_dot.png') center center no-repeat;
    background-size: cover;
  
   
    position:absolute;
    right:-1rem;
    top:-0.4rem;
}

.pipeline .platform-pipeline_table .platform-pipeline_track .platform-pipeline_bar img{
    position: absolute;
    top:0;
}

.pipeline .platform-pipeline_table .platform-pipeline_track.level1.play{
    width:14.8rem;
}
.pipeline .platform-pipeline_table .play .level1{
    width:13.8rem;
}


.pipeline .platform-pipeline_table .platform-pipeline_track.level2.play{
    width:23.8rem;
}
.pipeline .platform-pipeline_table .play .level2{
    width:22.8rem;
}


.pipeline .platform-pipeline_table .platform-pipeline_track.level3.play{
    width:34rem;
}
.pipeline .platform-pipeline_table .play .level3{
    width:33rem;
}

.pipeline .platform-pipeline_table .platform-pipeline_track.level4.play{
    width:46.2rem;
}
.pipeline .platform-pipeline_table .play .level4{
    width:45.2rem;
}

.pipeline .platform-pipeline_table .platform-pipeline_track.level5.play{
    width:63.2rem;
}
.pipeline .platform-pipeline_table .play .level5{
    width:62.2rem;
}

.product{
    padding:8.3rem 0 10rem 0;
    background:#fff;
}

.product h3{
    font-size:3.6rem;
    line-height: 3.6rem;
    color:#383838;
    letter-spacing: 0.05em;
    margin:0;
    text-align: center;
}

.product h4{
    font-size:2rem;
    line-height: 3.2rem;
    color:#fff;
    letter-spacing: 0.05em;
    margin:4.7rem 0 0 0;
    font-weight: 400;
    width:  fit-content;
    height:3.2rem;
    background:#2b44e9 url(imgs/technical_arrow3.png) right 15px center no-repeat;
    border-radius: 1.6rem;
    padding:0 3.2rem 0 1.6rem;
    text-align: center;
    cursor: pointer;
}

.product h4.noactive{
    background:#2b44e9 url(imgs/technical_arrow4.png) right 15px center no-repeat;
}

.product .product-list{
    padding:0;
    list-style: none;
    margin:0;
}

.product .product-list li{
    min-height: 53.5rem;
    margin:2.8rem 0 0 0;
    border:2px solid #f4f4f5;
    border-radius: 3rem;
    padding:4.8rem 0 4.8rem 4.8rem;
    display: flex;
    flex-wrap: wrap;
}

.product .product-list li .product-item_left{
    width:65.2rem;
    flex:0 0 65.2rem;
}
.product .product-list li .product-item_left>.title{
    font-size:3.6rem;
    line-height: 3.6rem;
    color:#383838;
    font-weight: 500;
    margin:0;
    letter-spacing: 0.05em;
}
.product .product-list li .product-item_left .subtitle{
    font-size:3.6rem;
    line-height: 4.4rem;
    color:#383838;
    font-weight: 500;
    margin:1.3rem 0 0 0;
    letter-spacing: 0.05em;
   
}
.product .product-list li .product-item_left .desc{
    font-size:2rem;
    line-height: 2.4rem;
    color:#383838;
    font-weight: 400;
    margin:2.4rem 0 0 0;
    letter-spacing: 0.05em;
   
}
.product .product-list li .product-item_right{
    width: 45.2rem;
    flex:0 0 45.2rem;
    position:relative;
    min-height:58rem;
}

.product .product-list li .product-item_right video{
    width: 100%;
    height:auto;
   position:relative;
   z-index: 1;
}

.product .product-list li .product-item_right .bg{
   
    position: relative;
    z-index:2;
   margin-top:-5rem;
    width:100%;
    height:auto;
}

.product .product-list li .feature{
    margin:5.5rem 0 0 0;
    max-width: 45rem;
}
.product .product-list li .feature .title{
    border-left:4px solid #2b44e9;
    padding:0 0 0 0.8rem;
    margin:0.9rem 0 0 0;
    font-size:1.4rem;
    line-height:1.6rem;
    color:#2b44e9;
    letter-spacing: 0.05em;
}

.product .product-list li .feature .info{   
    margin:1.1rem 0 0 0;
    font-size:1.4rem;
    line-height:1.8rem;
    color:#383838;
    letter-spacing: 0.05em;
    line-break: anywhere;
}


@media (max-width: 1439.98px) {
  
}


@media (max-width: 1199.98px) {
    .container{
        padding:0 15px;
    }
    
    html { 
        font-size: 50%; 
    }
   
    .position.row{
        flex-direction: row;
    }


    .technical .content .content_left .icon3{
        top:-9.6rem;
        right:0.8rem;
        position: absolute;
        z-index: 0;
    }
   

   .technical .content .content_left .icon5{
    
        
        top:-10rem;
        right:-0.1rem;
    }


    
}  


@media (max-width: 991.98px) { 
    html { 
        font-size: 62.5%; 
    }
     .container{
        padding:0 2.5rem;
    }
    

    .technical-banner{
        
    }

     .technical-banner .banner-img{
        width:100%;
        height:auto;
     }

    .technical-banner .technical-banner-bg{
        display: none;
    }


    .technical-banner .technical-banner_content{
        height:auto;
    }

    .technical-banner .technical-banner_content2{
        width: 90%;
        top:12.5rem;
        left:10%;
        transform: translateX(0);
    }

    .technical .menubg .container{
        padding:0;
    }

    .technical .menu{
        overflow-x: scroll;
    }

    .technical .menu li{
       
        min-width: auto;
        width:50%;
        height:4.8rem;
        flex:0 0 50%;
        
    }
     .technical .menu li a{
        font-size:1.4rem;
        line-height: 1.6rem;
        min-height: 4.8rem;
     } 
     .technical .content{
        padding:2rem;
     }

     .technical .content .content_left{
        width:100%;
        flex:0 0 100%;
        padding:0;
     }

     .technical .content .content_left .desc{
        width:100%;
     }

     .technical .content .content_right{
        width:100%;
        flex:0 0 100%;
     }

     .technical .content .content_right .icon{
        position:static;
        top:auto;
        left:auto;
        max-width: 100%;
     }
  

     .technical .content .feature li{
        width:100%;
        flex:0 0 100%;
        height:auto;
        background: url(imgs/technical_line.png) left top no-repeat;
     }

     .technical .content .feature li .title{
        flex-direction: column;
     }

     .technical .content .feature li .title p{
        flex:0 0 auto;
     }

     .technical .content .feature li .title span{
        margin:0;
     }

     .product .product-list li{
        padding:2rem;
     }

     .product .product-list li .product-item_left{
        width:100%;
        flex:0 0 100%;
     }
     .product .product-list li .product-item_right{
        width:100%;
        flex:0 0 100%;
     }

     .product .product-list li .product-item_right img{
        max-width: 100%;
        height:auto;
     }
  

     .technical .content .content_left .icon{
        
        
    }

    .technical .content .content_left .icon3{
        top:-8.9rem;
        right:-0.1rem;
        position: absolute;
        z-index: 0;
    }


    .technical .content .content_left .icon5{
    
        
        top:-8.9rem;
        right:-0.5rem;
    }

 }


@media (max-width: 767.98px) { 
    
 }

@media (max-width: 575.98px) { 
    .technical .menu li{
        width: 50%;
        flex: 0 0  50%;
        margin:0.3rem 0 0 0;
        
    }

    
   
 }