/* ==========================================================================
   研发创新 - 页面样式（RD_01 / RD_02 / RD_03）
   遵循项目 rem 单位约定（font-size: calc(100vw / 1920)）
   结构参考 index.aspx，样式规范参考 common.css
   ========================================================================== */

.main-RD {
    overflow: hidden;
}
.RD-con{background: #f5f8fb;}
/* ==========================================================================
   1. RD_01 研发技术
   ========================================================================== */
.RD_01 {
    position: relative;
    padding: 120rem 0;
    overflow: hidden;
}

.RD_01_top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 250rem;
    margin-bottom: 140rem;
}

.RD_01_l {
    flex: 0 0 46%;
}

.RD_01_l .index_title h4 {
    color: #005ca7;
    line-height: 1;
    margin-bottom: 15rem;
}

.RD_01_l .index_title h3 {
    line-height: 1.15em;
    margin-bottom: 50rem;
}

.RD_01_l .index_title p {
    color: #777777;
    line-height: 1.8;
    margin-top: 0;
}

.RD_01_r {
    flex: 1;
}

.RD_01_r ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 60rem 60rem;
}

.RD_01_r ul li dl dt {
    line-height: 1;
    display: flex;
    align-items: baseline;
    margin-bottom: 16rem;
}

.RD_01_r ul li dl dt span {
    line-height: 1;
    margin-right: 6rem;
}

.RD_01_r ul li dl dt em {
    color: #1a1a1a;
    font-style: normal;
    font-weight: bold;
}

.RD_01_r ul li dl dd {
    color: #555555;
    line-height: 1.5;
}

/* 技术平台卡片 */
.RD_01_platform ul {
    /*display: grid;*/
    /*grid-template-columns: repeat(4, 1fr);*/
    /*gap: 20rem;*/
    margin-left: -10rem;
    margin-right: -10rem;
}

.RD_01_platform ul li {
    padding: 0 10rem;
    float: left;
    width: 25%;

}
.platform_div{
    background: #fff;
    border-radius: 16rem;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    box-shadow: 0 0 15rem rgba(0, 0, 0, 0.12);
    overflow: hidden;
}
.RD_01_platform ul li:nth-child(2n){
    margin-top: 115rem;
}



.RD_01_platform ul li .platform_div{
    display: block;
    padding: 60rem 40rem 90rem;
    text-align: center;
    color: inherit;
    position: relative;
}
.RD_01_platform ul li .platform_div:after{
    opacity: 0;
    content: "";position: absolute;top:0;left:0;width: 100%;height: 100%;
    background: var(--plat-hover, url(../images/RD/rd_bg_04.jpg)) no-repeat center;
        background-size: cover;
        transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;
}
.RD_01_platform ul li .platform_div>*{position: relative;z-index: 5}

.RD_01_platform ul li:first-child .platform_div{
    background:linear-gradient(to bottom,#e6eaee 0%, #fefefe 60%);
   
}
.RD_01_platform ul li:nth-child(2) .platform_div{
    background: linear-gradient(to bottom,#ddd7f0 0%, #fefefe 60%);
}
.RD_01_platform ul li:nth-child(3) .platform_div{
    background: linear-gradient(to bottom,#cfe8e9 0%, #fefefe 60%);
}
.RD_01_platform ul li:nth-child(4) .platform_div{
    background: linear-gradient(to bottom,#f3dae4 0%, #fefefe 60%);
}

.RD_01_icon {
    width: 108rem;
    height: 90rem;
    margin: 0 auto 20rem;
    display: flex;
    align-items: center;
    justify-content: center;

}

.RD_01_icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.RD_01_platform ul li h3 {
    color: #555555;
    line-height: 1.3;
    margin-bottom: 35rem;
    transition: all .6s;
}

.RD_01_platform ul li .index_more {
    padding-top: 0;
    display: flex;
    justify-content: center;
}

.RD_01_platform ul li .index_more a {
    margin: 0 auto;
}
@media only screen and (min-width: 1025px) {
    .RD_01_platform ul li .platform_div:hover {
       
        box-shadow: 0 12px 32rem rgba(0, 92, 167, 0.12);
        transform: translateY(-6rem);
        -webkit-transform: translateY(-6rem);

    }
    .RD_01_platform ul li .platform_div:hover:after{opacity: 1}
    .platform_div:hover .RD_01_icon{transform: translateY(-200%);}
    .platform_div:hover h3{color: #fff;transform: translateY(-50rem);}
    .platform_div:hover .index_more a{
        background: #fff;
    }
    .platform_div:hover .index_more a:hover{
        color: #333!important;
    }

}
/* ==========================================================================
   2. RD_02 研发管线
   ========================================================================== */
.RD_02 {
    position: relative;
    /*padding: 90rem 0 0;*/
    overflow: hidden;
}

.RD_02 .bg-multiply {
    background-color: rgba(0, 30, 70, 0.55);
}

.RD_02 .wrap {
    position: relative;

}
.RD_02 .index_title{margin-bottom: 40rem;}
.RD_02-con{padding: 70rem 60rem;box-sizing: border-box;border-radius: 20rem;overflow: hidden;}
.RD_02_l {
    width: 40%;
}
.RD_02_l p{color: #777;}
.RD_02_l .index_title h4 {
    color: #fff;
    line-height: 1;

    margin-bottom: 15rem;
}

.RD_02_l .index_title h3 {
    color: #fff;
    line-height: 1.15em;
    margin-bottom: 50rem;
}

.RD_02_l .index_title p {
    color: rgba(255, 255, 255, 1);
    line-height: 1.8;
}

.RD_02_tag {
    display: flex;
    flex-wrap: wrap;
    margin: 30rem 0 10rem;
}

.RD_02_tag span {
    display: inline-block;
    padding: 0 15rem;
    line-height: 1.2;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    position: relative;
    font-weight: bold;
}
.RD_02_tag span:after{
    content: '';
    position: absolute;
    top: 50%;
    right: -1px;
    width: 2rem;
    background: #333;
    height: 16rem;
    margin-top: -8rem;
}
.RD_02_tag span:first-child{padding-left: 0;}
.RD_02_tag span:last-child:after{display: none;} 

.RD_02_l .index_more a {
    color: #fff;
    background: #005ca7;
    border-color: #005ca7;
    width: 200rem;
}

.RD_02_l .index_more a:hover {
    background: #fff;
    border-color: #fff;
    color: #005ca7 !important;
}

.RD_02_r {
    flex: 1;
    padding-top: 70rem;
}

.RD_02_r ul {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20rem;
}
.RD_02_r ul li{
    background: rgba(229,243,251,0.6);border-radius: 20rem;
    overflow: hidden;
    box-shadow: 0 0 15rem rgba(0,0,0,.1);
}
.RD_02_r ul li dl{padding: 30rem 25rem;}
.RD_02_r ul li dl dt {
    line-height: 1;
    display: flex;
    align-items: baseline;
    margin-bottom: 50rem;
}

.RD_02_r ul li dl dt span {
    line-height: 1;
    margin-right: 6rem;
    font-weight: 400;
}

.RD_02_r ul li dl dt em {
    font-style: normal;
    font-weight: bold;
}

.RD_02_r ul li dl dd {
    color: #555;
    line-height: 1.5;
}

.RD_02_r ul li:nth-child(5) {
    grid-column: 1 / span 2;
}

/* ==========================================================================
   3. RD_03 学术动态
   ========================================================================== */
.RD_03 {
    position: relative;
    overflow: hidden;
    padding: 90rem;
}

.RD_03 .index_title {
    margin-bottom: 40rem;
}

.RD_03 .index_title h4 {
    color: #005ca7;
    line-height: 1;
    margin-bottom: 15rem;
}

.RD_03 .index_title h3 {
    line-height: 1.15em;
}

.RD_03_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30rem;
}

.RD_03_item {
    border-radius: 20rem;
    overflow: hidden;
    position: relative;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

.RD_03_item .RD_03_l-div{
    display: block;
    color: #f6cdcd;
    position: relative;
    height: 334rem;
    padding: 50rem 60rem 50rem;
    overflow: hidden;
}

.RD_03_paper a {
    background: linear-gradient(135deg, #1a5cb8 0%, #0a3a8c 100%);
}

.RD_03_meeting a {
    background: linear-gradient(135deg, #1d2a64 0%, #4d2a8a 100%);
}

.RD_03_item:hover {
    transform: translateY(-6rem);
    -webkit-transform: translateY(-6rem);
    box-shadow: 0 20px 40px rgba(0, 92, 167, 0.18);
}

.RD_03_text {
    position: relative;
    z-index: 2;
    max-width: 70%;
}

.RD_03_text h3 {
    color: #fff;
    line-height: 1.2;
    margin-bottom: 25rem;
}

.RD_03_text p {
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.7;
    height: 3.4em;
    margin-bottom: 50rem;
     display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.RD_03_text .index_more {
    padding-top: 0;
}

.RD_03_text .index_more a {
    border-color: rgba(255, 255, 255, 0.6);
    color: #fff;
    background: transparent;
}

.RD_03_text .index_more a:hover {
    background: #fff;
    color: #005ca7 !important;
    border-color: #fff;
}

.RD_03_pic {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
}

.RD_03_pic img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: right bottom;
    display: block;
}

/* ==========================================================================
   响应式 - 1024px
   ========================================================================== */
@media only screen and (max-width: 1024px) {
    .RD_01,
    .RD_03 {
        padding: 60rem 0 70rem;
    }

    /*.RD_02 {*/
        /*padding: 80rem 0 90rem;*/
    /*}*/

    .RD_01_top {
        flex-direction: column;
        gap: 40rem;
        margin-bottom: 50rem;
    }

    .RD_01_l,
    .RD_02_l {
        flex: 1 1 100%;
        width: 100%;
    }

    .RD_01_r,
    .RD_02_r {
        width: 100%;
    }

    .RD_01_r ul {
        grid-template-columns: repeat(2, 1fr);
        gap: 30rem 40rem;
    }

    .RD_01_platform ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 30rem;
    }
    .RD_01_platform ul li{width: 100%;}
    .RD_01_platform ul li:nth-child(2n) {
        margin-top: 30rem;
    }
    .RD_02 .wrap {
        flex-direction: column;
        gap: 50rem;
    }
    .RD_02_r ul{grid-template-columns: repeat(4, 1fr);}
    .RD_02_tag {
        margin: 30rem 0 40rem;
    }

    .RD_03_list {
        gap: 20rem;
    }
    .RD_03_item .RD_03_l-div{height: auto;}
   

    .RD_03_text {
        max-width: 80%;
    }
    .RD_03_pic{display: none;}
}

/* ==========================================================================
   响应式 - 767px
   ========================================================================== */
@media only screen and (max-width: 767px) {
    .RD_01,
    .RD_03 {
        padding: 40px 0 50px;
    }


    .RD_01_top {
        gap: 30px;
        margin-bottom: 30px;
    }

    .RD_01_r ul {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .RD_01_r ul li dl dt {
        margin-bottom: 8px;
    }

    .RD_01_platform ul {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .RD_01_icon {
        margin-bottom: 16px;
    }
    .RD_01_platform ul li:nth-child(2n){margin-top: 0;}
    .RD_01_platform ul li h3 {
        margin-bottom: 16px;
    }
    .RD_01_r ul li dl dt span{font-size: 30px;}
    .RD_02 .wrap {
        gap: 30px;
    }

    .RD_02_tag {
        margin: 24px 0 30px;
    }

    .RD_02_tag a {
        padding: 6px 16px;
    }

    .RD_02_r ul {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .RD_02_r ul li:nth-child(3) {
        grid-column: 1;
    }
    .RD_02_r ul li dl dt span{font-size: 30px;}

    .RD_03_list {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .RD_03 .index_title {
        margin-bottom: 30px;
    }

    .RD_03_text {
        max-width: 100%;
    }

    .RD_02_l .index_more a{width: 175px;}
}

/*学术动态*/
.dynamic_con{background: #f5f8fb url(../images/RD/dynamic_bg.jpg) no-repeat center;background-size: cover;padding: 140rem 0;box-sizing: border-box;}

/* 顶部简介 + 筛选区 */
.dynamic_top {
    background: url(../images/RD/dynamic_01.png) no-repeat center;background-size: cover;
    border-radius: 20rem; 
    padding: 35rem 90rem;
    box-sizing: border-box;
    color: #fff;
    position: relative;
    z-index: 4;
}

.dynamic_top_text {
    color: #ffffff;
    line-height: 1.8;
    margin-bottom: 25rem;
    position: relative;
    z-index: 2;
}

.dynamic_top_form {
    display: flex;
    align-items: center;
    gap: 20rem;
    position: relative;
    z-index: 2;
}

/* 搜索框 */
.dynamic_top_search {
    flex: 1;
    height: 50rem;
    background: #ffffff;
    border-radius: 30rem;
    display: flex;
    align-items: center;
    padding: 0 24rem;
    box-sizing: border-box;
}

.dynamic_top_search i {
    color: #999;
    font-size: 18rem;
    margin-right: 12rem;
}

.dynamic_top_search input {
    flex: 1;
    border: 0;
    outline: 0;
    background: transparent;
    font-size: 16rem;
    color: #333;
    height: 100%;
}

.dynamic_top_search input::placeholder {
    color: #999;
}

/* 下拉选择 */
.dynamic_top_select {
    width: 240rem;
    height: 56rem;
    flex-shrink: 0;
    position: relative;
    z-index: 3;
}
.dynamic_top_select.open{z-index:9}
.dynamic_top_select .select_trigger {
    width: 100%;
    height: 50rem;
    background: #ffffff;
    border-radius: 30rem;
    padding: 0 44rem 0 24rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    font-size: 16rem;
    color: #333;
    cursor: pointer;
    position: relative;
    border: 1rem solid transparent;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.dynamic_top_select.placeholder .select_trigger {
    color: #777777;
}

.dynamic_top_select .select_trigger .select_value {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dynamic_top_select .select_trigger .contact_arrow {
    position: absolute;
    right: 24rem;
    top: 50%;
    width: 10rem;
    height: 10rem;
    border-right: 2rem solid #000;
    border-bottom: 2rem solid #000;
    transform: translateY(-70%) rotate(45deg);
    -webkit-transform: translateY(-70%) rotate(45deg);
    transition: transform 0.2s, border-color 0.2s;
}

.dynamic_top_select.open .select_trigger {
    border-color: #ffffff;
    box-shadow: 0 0 0 3rem rgba(255, 255, 255, 0.25);
}

.dynamic_top_select.open .select_trigger .contact_arrow {
    transform: translateY(-30%) rotate(-135deg);
    -webkit-transform: translateY(-30%) rotate(-135deg);
    border-color: #005ca7;
}

.dynamic_top_select .select_options {
    position: absolute;
    top: calc(100% + 8rem);
    left: 0;
    width: 100%;
    margin: 0;
    padding: 8rem 0;
    background: #ffffff;
    border-radius: 14rem;
    list-style: none;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: max-height 0.25s, opacity 0.2s, visibility 0.2s;
    z-index: 30;
}

.dynamic_top_select.open .select_options {
    max-height: 320rem;
    overflow-y: auto;
    opacity: 1;
    visibility: visible;
}

.dynamic_top_select .select_options li {
    padding: 14rem 24rem;
    color: #333;
    font-size: 16rem;
    line-height: 1.4;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
}

.dynamic_top_select .select_options li:hover {
    background: #eaf3fb;
    color: #005ca7;
}

.dynamic_top_select .select_options li.active {
    color: #005ca7;
    font-weight: bold;
    background: #f5f8fb;
}

/* 文章列表 */
.dynamic_bot {
    margin: 0;
    padding: 30rem 0 0;
    list-style: none;
}

.dynamic_bot_item {
    background: #ffffff;
    border-radius: 20rem;
    margin-bottom: 30rem;
    box-sizing: border-box;
    display: flex;
    align-items: stretch;
    gap: 0;
    overflow: hidden;
    transition: box-shadow 0.3s;
    box-shadow: 0 0 15rem rgba(0,0,0,.2);
}
.dynamic_bot > .dynamic_bot_item.dynamic_bot_item--more {
    display: none;
}


.dynamic_bot_l {
    flex: 1;
    min-width: 0;
    padding: 45rem 45rem 60rem;
    box-sizing: border-box;
    background: url(../images/RD/rd_bg_05.jpg) no-repeat center;background-size: cover;
}

.dynamic_bot_l h3 {
    color: #1a1a1a;
    line-height: 1.5;
    margin: 0 0 20rem;
}

.dynamic_bot_authors {
    color: #777;
    line-height: 1.7;
    margin: 0 0 24rem;

}

.dynamic_bot_tags {
    display: flex;
    align-items: center;
    gap: 12rem;
    flex-wrap: wrap;
}

.dynamic_bot_tag_label {
    font-weight: bold;
    margin-right: 6rem;
}

.dynamic_bot_tag {
    display: inline-block;
    padding: 8rem 18rem;
    background: #eff6fc;
    color: #005ca7;
    border-radius: 20rem;
    font-size: 14rem;
    line-height: 1.4;
}

.dynamic_bot_tag--small {
    background: #eaf3fb;
    color: #005ca7;
}

.dynamic_bot_l .index_more {
    padding-top: 40rem;
}
.dynamic_bot_l .index_more a{
    background: none;
    border: 1px solid #333333;
    color: #333;
}
/* 右侧 tips */
.dynamic_bot_r {
    width: 400rem;
    flex-shrink: 0;
    background: #f5f8fb;
    padding: 45rem 45rem 60rem;
    box-sizing: border-box;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 35rem;
    position: relative;
    transition: all .3s;
}

.dynamic_bot_meta {
    display: flex;
    align-items: flex-start;
    gap: 15rem;
}

.dynamic_bot_meta i {
    font-size: 18rem;
    flex-shrink: 0;
    margin-top: -2rem;
}

.dynamic_bot_meta div p {
    color: #777777;
    margin: 0 0 5rem;
    line-height: 1.4;
}

.dynamic_bot_meta div span {
    display: inline-block;
    line-height: 1.4;
    font-weight: bold;
}

.dynamic_bot_meta div .dynamic_bot_tag--small {
    background: #fff;
    color: #005ca7;
    margin-top: 5px;
}
.dynamic_more{text-align: center;margin-top: 60rem;}
.dynamic_more a{width: 200rem;height: 60rem;line-height: 60rem;border-radius: 30rem;background: #005ca7;
text-align: center;display: inline-block;color: #fff;}
.dynamic_more a i{margin-left: 14rem;transition: all .3s;transform: translateX(5px);display: inline-block;}
#infscr-loading{text-align: center;}
@media only screen and (min-width: 1025px) {
    .dynamic_bot_item:hover {
        box-shadow: 0 14px 32px rgba(0, 0, 0, 0.2);
        color: #005ca7;
    }
    .dynamic_bot_item:hover .dynamic_bot_l{
        background: url(../images/RD/rd_bg_05_on.jpg) no-repeat center;background-size: cover;
    }
    .dynamic_bot_item:hover .dynamic_bot_l h3 a{color: #005ca7!important;}
    /*.dynamic_bot_item:hover .dynamic_bot_l p{color: #005ca7;font-weight: bold;}*/
    .dynamic_bot_item:hover .dynamic_bot_l .index_more a{background: #005ca7;border-color: #005ca7;color: #fff;}
    .dynamic_bot_item:hover .dynamic_bot_l .index_more a:hover{color: #fff!important;}
    .dynamic_bot_item:hover .dynamic_bot_r{
        background: url(../images/RD/rd_bg_06.jpg) no-repeat center;background-size: cover;
        color: #fff;
    }
    .dynamic_bot_item:hover .dynamic_bot_r .dynamic_bot_meta div p{color: #fff;}
    .dynamic_more a:hover{color: #fff!important;}
    .dynamic_more a:hover i{transform: translateX(-3px);}
}
/* 响应式 1024 */
@media only screen and (max-width: 1024px) {
    .dynamic_con {
        padding: 80rem 0;
    }

    .dynamic_top {
        padding: 30rem 24rem;
    }

    .dynamic_top_form {
        flex-wrap: wrap;
    }

    .dynamic_top_search {
        width: 100%;
        flex: none;
        /*margin-bottom: 12rem;*/
    }

    .dynamic_top_select {
        width: calc((100% - 40rem) / 3);
        height: 48rem;
    }

    .dynamic_top_select .select_trigger {
        height: 48rem;
        padding: 0 36rem 0 16rem;
        font-size: 14rem;
    }

    .dynamic_bot_item {
        flex-direction: column;
    }

    .dynamic_bot_l {
        padding: 20px;
        margin-bottom: 10rem;
    }

    .dynamic_bot_r {
        width: 100%;
    }

    .dynamic_bot_r::before {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .dynamic_top{padding: 30px 20px 30px;}
    .dynamic_top_select {
        width: 100%;
    }

    .dynamic_bot_l h3 {
        font-size: 18px;
    }
    .dynamic_bot_tag{font-size: 12px;padding: 5px 15px;border-radius: 20px;}
    .dynamic_bot_meta i{font-size: 14px;}
    .dynamic_more a{width: 160px;height: 40px;line-height: 40px;border-radius: 20px;}

    .dynamic_top_search,.dynamic_top_select,.dynamic_top_select .select_trigger{height: 40px}
    .dynamic_top_search input,.dynamic_top_search i,.dynamic_top_select .select_trigger,.dynamic_top_select .select_options li{font-size: 14px}
    .dynamic_top_select .select_trigger .contact_arrow{width: 8px;height: 8px}
        .dynamic_top_select .select_trigger{padding: 0 15px}
}


/* 研发技术下方轮播 */
.RD_slider {
  position: relative;
}
.RD_slider ul {
  margin: 0;
}
.RD_slider ul li {
  padding: 0;
}
.RD_slider .swiper-container {
  padding: 10rem;
}
.RD_slider .reserved_swiper_prev {
  left: -50rem;
}
.RD_slider .reserved_swiper_next {
  right: -50rem;
}
@media only screen and (max-width: 1024px) {
  .RD_slider ul {
    display: flex;
    gap: 0rem;
  }
  .RD_slider ul li {
    padding: 0;
  }
  .RD_slider ul li:nth-child(2n) {
    margin-top: 0;
  }

  .RD_slider .swiper-container {
    padding: 0rem;
  }
  .RD_slider .reserved_swiper_prev {
    left: -24rem;
  }

  .RD_slider .reserved_swiper_next {
    right: -24rem;
  }
  .platform_div {
    box-shadow: none;
  }
}
@media only screen and (max-width: 767px) {
  .RD_slider .reserved_swiper_prev {
    left: 5px;
  }

  .RD_slider .reserved_swiper_next {
    right: 5px;
  }
}