* {
    margin: 0px;
    padding: 0px;
    font-size: 15px;
}

ul,
ol {
    list-style: none;
}

a {
    text-decoration: none;
}

input,
textarea {
    outline: none;
    border: none;
}

html {
    transition: font-size 0.3s ease;
    font-family: "Open Sans", sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}


table {
    width: 100% ;
    border-collapse: collapse;
}


.public {
    width: 100%;
    max-width: 16.50rem;
    margin: 0 auto;
    height: 100%;
}

.Logo_Top {
    width: 100%;
    height: 4.61rem;
    padding-top: 0.9rem;
    box-sizing: border-box;
}

.Logo_Top .logo_box {
    width: 100%;
    max-width: 10.23rem;
    margin: 0 auto;
}

.Logo_Top .logo_box .logo {
    width: 100%;
}

.Logo_Top .logo_box .logo img {
    width: 100%;
    display: block;
}

.Logo_Top .logo_box span {
    text-align: right;
    display: block;
    width: 100%;
    font-weight: 400;
    font-size: 0.19rem;
    color: #333333;
    margin-top: 0.1rem;
    padding-right: 0.96rem;
    box-sizing: border-box;
}

.Logo_Top .form_box {
    width: 100%;
    max-width: 12rem;

    display: flex;
    justify-content: right;
    margin: 0 auto;
    margin-top: 0.43rem;
}

.Logo_Top .form_box form {
    display: flex;
}

.Logo_Top .form_box input {
    height: 0.41rem;
    width: 2.61rem;
    background: #FFFFFF;
    font-weight: 400;
    font-size: 0.16rem;
    color: #999999;
    padding: 0.06rem 0.12rem;
    box-sizing: border-box;
}

.Logo_Top .form_box input::placeholder {
    background: #FFFFFF;
    font-weight: 400;
    font-size: 0.16rem;
}

.Logo_Top .form_box button {
    width: 0.86rem;
    height: 0.41rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #184797;
    cursor: pointer;
    border: none;
}

.Logo_Top .form_box button img {
    height: 0.2rem;
    display: block;
}

.Nav {
    width: 100%;
    height: 0.8rem;
    background: #184797;
}

.Nav .out {
    width: 100%;
    height: 100%;
    padding: 0px 0.87rem 0px 0.655rem;
    box-sizing: border-box;
}

.Nav .Nav_swiper {
    width: 100%;
    height: 100%;
}

.Nav .Nav_swiper .out {
    display: flex ;
    flex-wrap: wrap ;
}

.Nav .Nav_swiper .swiper-slide {
    width: auto ;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.81rem;
}

.Nav .Nav_swiper .swiper-slide:last-child {
    margin-right: 0px;
}

.Nav .Nav_swiper .swiper-slide .title {
    font-weight: 500;
    font-size: 0.19rem;
    color: #FFFFFF;
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
}

.Nav .Nav_swiper .swiper-slide .title::after {
    content: '';
    width: 0%;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    height: 0.03rem;
    background: #FFFFFF;
    display: block;
    transition: 0.5s ease;
}

.Nav .Nav_swiper .swiper-slide:hover .title::after,
.Nav .Nav_swiper .swiper-slide.act .title::after {
    width: 100%;
}

.News_out {
    width: 100%;
    margin: 0.5rem 0px;
}

.News_out .out {
    display: flex;
    justify-content: space-between
}

.News_out .out .left {
    width: 47%;
    height: 3.81rem;
}

.News_out .out .left .News_swiper {
    width: 100%;
    height: 100%;
}

.News_out .out .left .News_swiper .swiper-slide {
    width: 100%;
    height: 100%;
    position: relative;
}

.News_out .out .left .News_swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.News_out .out .left .News_swiper .swiper-slide .txt {
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 0.43rem;
    display: flex;
    align-items: center;
    padding: 0px 0.24rem;
    box-sizing: border-box;
    background: rgba(81, 81, 81, 0.41);
}

.News_out .out .left .News_swiper .swiper-slide .txt h5 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    font-weight: 400;
    font-size: 0.13rem;
    color: #FFFFFF;
}

.News_out .out .right {
    width: 50%;
    padding-top: 0.21rem;
    box-sizing: border-box;
}

.News_out .out .right .News_title {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 0.01rem solid #E2E2E2;
}

.News_out .out .right .News_title .Gnegduo {
    display: flex;
    align-items: center;
    margin-bottom: 0.14rem;
    position: relative ;
    width: 0.39rem ;
    height: 0.2rem ;
}

.News_out .out .right .News_title .Gnegduo a {
    position: absolute ;
    font-weight: 400;
    font-size: 0.13rem;
    color: #184797;
    left: 0px ;
    top: 0px ;
    display: none ;
}

.News_out .out .right .News_title .Gnegduo .Gnegduo_item {
    display: flex ;
} 

.News_out .out .right .News_title .News_swiper_but {
    width: 90%;
    margin: 0px;
}

.News_out .out .right .News_title .swiper-slide {
    width: auto;
    margin-right: 0.66rem;
    font-weight: 400;
    font-size: 0.18rem;
    color: #333333;
    padding-bottom: 0.14rem;
    position: relative;
    cursor: pointer;
}

.News_out .out .right .News_title .swiper-slide::after {
    background: #184797;
    height: 0.03rem;
    width: 0%;
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0px;
    transition: 0.5s ease;
}

.News_out .out .right .News_title .swiper-slide-thumb-active::after {
    width: 100%;
}

.News_out .out .right .News_title .swiper-slide-thumb-active {
    color: #184797;
}

.News_out .out .right .News_title .swiper-slide:last-child {
    margin-right: 0px;
}

.News_out .out .right .News_swiper_conter {
    width: 100%;
}

.News_out .out .right .News_swiper_conter .swiper-slide {
    width: 100%;
}

.News_out .out .right .News_swiper_conter .swiper-slide .txt {
    display: flex;
    align-items: center;
    width: 80%;
}

.News_out .out .right .News_swiper_conter .swiper-slide a {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.22rem;
}

.News_out .out .right .News_swiper_conter .swiper-slide a i {
    width: 0.07rem;
    height: 0.07rem;
    background: #91CCFF;
    display: block;
    border-radius: 50%;
    margin-right: 0.1rem;
    flex: none;
}

.News_out .out .right .News_swiper_conter .swiper-slide a h5 {
    font-weight: 400;
    font-size: 0.15rem;
    color: #333333;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.News_out .out .right .News_swiper_conter .swiper-slide a span {
    font-weight: 400;
    font-size: 0.14rem;
    color: #747474;
}

.public_title_Home {
    width: 100%;
    position: relative;
    height: 0.96rem;
}

.public_title_Home .icon {
    width: 100%;
    height: 100%;
}

.public_title_Home .icon img {
    width: 100%;
    height: 100%;
    display: block;
}

.public_title_Home .text {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.public_title_Home .text .left {
    text-align: right;
    width: 55%;
}

.public_title_Home .text .left img {
    height: 0.68rem;
}

.public_title_Home .text .left h5 {
    font-weight: bold;
    font-size: 0.32rem;
    color: #015293;
    margin-top: 0.18rem;
}

.public_title_Home .text .right {
    text-align: left;
    width: 41%;
    padding-top: 0.41rem;

}

.public_title_Home .text .right span {
    font-weight: 400;
    font-size: 0.15rem;
    color: #3E3E3E;
}

.drug_pipeline {
    margin: 0.5rem 0px;
}

.drug_pipeline .out {
    margin-top: 0.21rem;
    display: flex;
    justify-content: space-between;
}

.drug_pipeline .out .box {
    width: 3rem;
    height: 1.54rem;
    background: #EDF4FF;
    box-shadow: inset 0px 0px 0.06rem 0.01rem rgba(73, 158, 255, 0.14);
    border-radius: 0.05rem;
}

.drug_pipeline .out .box:nth-child(2) {
    background: #E8EDFB;
    box-shadow: inset 0px 0px 0.06rem 0.01rem rgba(124, 134, 255, 0.16);
}

.drug_pipeline .out .box:nth-child(3) {
    background: #E5F7F7;
    box-shadow: inset 0px 0px 0.06rem 0.01rem rgba(48, 179, 149, 0.16);
}

.drug_pipeline .out .box:nth-child(4) {
    background: #E8F4FF;
    box-shadow: inset 0px 0px 0.06rem 0.01rem rgba(43, 143, 255, 0.18);
}

.drug_pipeline .out .box:nth-child(5) {
    background: #FFF4EC;
    box-shadow: inset 0px 0px 0.06rem 0.01rem rgba(245, 140, 4, 0.16);
}

.drug_pipeline .out .box a {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.drug_pipeline .out .box img {
    height: 0.52rem;
    display: block;
}

.drug_pipeline .out .box span {
    font-weight: 500;
    font-size: 0.24rem;
    color: #545759;
    margin-top: 0.2rem;
    display: block;
}

.Banner {
    width: 100%;
    height: 1.61rem;
    margin: 0.5rem 0px;
}

.Banner img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.Banner .public {
    position: relative;
}

.Banner a {
    position: absolute;
    right: 2.24rem;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.4rem;
    height: 0.41rem;
    border-radius: 0.21rem;
    background: #FF9900;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.16rem;
    color: #FFF;
}

.content_pages {
    width: 100%;
    margin: 0.5rem 0px;
}

.content_pages .out {
    display: flex;
    justify-content: space-between;
}

.content_pages .out .box {
    width: 32.4%;
}

.content_pages .out .box .title {
    width: 100%;
    height: 0.75rem;
    background: rgba(145, 204, 255, 0.15);
    padding: 0px 0.2rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.content_pages .out .box .title .txt {
    display: flex;
    align-items: center;
}

.content_pages .out .box .title .txt img {
    height: 0.36rem;
    display: block;
}

.content_pages .out .box .title .txt h5 {
    font-weight: bold;
    font-size: 0.24rem;
    color: #184797;
    transform: translateX(-0.2rem)
}

.content_pages .out .box .title a {
    font-weight: 400;
    font-size: 0.14rem;
    color: #015293;
}

.content_pages .out .list {
    width: 100%;
}

.content_pages .out .list a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-top: 0.28rem;
    padding-right: 0.18rem;
    box-sizing: border-box;
}

.content_pages .out .list a .txt {
    display: flex;
    align-items: center;
    width: 80%;
}

.content_pages .out .list a .txt i {
    width: 0.07rem;
    height: 0.07rem;
    display: block;
    border-radius: 50%;
    margin-right: 0.1rem;
    flex: none;
    background: #DFDFDF;
}

.content_pages .out .list a .txt h5 {
    font-weight: 400;
    font-size: 0.15rem;
    color: #333333;
    overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.content_pages .out .list a span {
    font-weight: 400;
    font-size: 0.14rem;
    color: #666666;
}

.TypicalCase {
    width: 100%;
    margin: 0.5rem 0px;
}

.TypicalCase .out {
    margin-top: 0.36rem;
    display: flex;
    justify-content: space-between;
}

.TypicalCase .out .box {
    width: 23%;
}

.TypicalCase .out .box .title {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.TypicalCase .out .box .title .tit {
    display: flex;
    align-items: center;
}

.TypicalCase .out .box .title .tit h5 {
    font-weight: bold;
    font-size: 0.24rem;
    color: #184797;
    margin-left: 0.16rem;
}

.TypicalCase .out .box .title i {
    width: 0.03rem;
    height: 0.33rem;
    display: block;
    background: #184797;
}

.TypicalCase .out .box .title a {
    font-weight: 400;
    font-size: 0.14rem;
    color: #184797;
    display: flex;
    align-items: center;
}

.TypicalCase .out .box .list {
    width: 100%;
}

.TypicalCase .out .box .list a {
    width: 100%;
    margin-top: 0.28rem;
    display: flex;
    align-items: center;
}

.TypicalCase .out .box a i {
    width: 0.07rem;
    height: 0.07rem;
    border-radius: 50%;
    background: #91CCFF;
    margin-right: 0.1rem;
    flex: none;
}

.TypicalCase .out .box a h5 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 0.15rem;
    color: #333333;
    width: 100%;
}

.Top_Interview {
    margin: 0.5rem 0px;
}

.Top_Interview .out {
    margin-top: 0.2rem;
}

.Top_Interview .swiper-slide {
    width: 3.08rem;
    height: 1.88rem;
    margin-right: 0.27rem;
    overflow: hidden;
    border-radius: 0.07rem;
    cursor: pointer ;
}

.Top_Interview .swiper-slide img {
    width: 100%;
    height: 100%;
    transition: 0.5s ease;
}

.Top_Interview .swiper-slide:hover img {
    transform: scale(1.1);
}

.content_pages_2 {
    width: 100%;
    margin: 0.5rem 0px;
}

.content_pages_2 .out {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.content_pages_2 .out .box {
    width: 49%;
}

.content_pages_2 .out .box .title {
    width: 100%;
    height: 0.75rem;
    padding: 0px 0.27rem;
    box-sizing: border-box;
    background: rgba(145, 204, 255, 0.15);
    position: relative;

}

.content_pages_2 .out .box .title .txt {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.content_pages_2 .out .box .title .txt img {
    height: 0.36rem;
    margin-right: 0.1rem;
    display: block;
}

.content_pages_2 .out .box .title .txt h5 {
    font-weight: bold;
    font-size: 0.26rem;
    color: #184797;
}

.content_pages_2 .out .box .title a {
    position: absolute;
    right: 0.27rem;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 0.14rem;
    color: #015293;
}

.content_pages_2 .out .box .list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 0px 0.38rem;
    box-sizing: border-box;
}

.content_pages_2 .out .box .list .item {
    width: 32%;
    margin-right: 2%;
    margin-top: 0.28rem;
    cursor: pointer ;
}

.content_pages_2 .out .box .list .item:nth-child(3n) {
    margin-right: 0px;
}

.content_pages_2 .out .box .list .item .img {
    width: 100%;
    height: 1.25rem;
    overflow: hidden;
    border-radius: 0.05rem;
}

.content_pages_2 .out .box .list .item .img img {
    width: 100%;
    height: 100%;
    display: block;
    transition: 0.5s ease;
        object-fit: contain;
}

.content_pages_2_vid .list .item .img img {
     object-fit: cover !important;
}

.content_pages_2 .out .box .list .item span {
    text-align: center;
    width: 100%;
    font-weight: 400;
    font-size: 0.14rem;
    color: #404040;
    margin-top: 0.1rem;
    display: block;
}

.content_pages_2 .out .box .list .item:hover .img img {
    transform: scale(1.1);
}


.Data_centre .out .box {
    width: 23%;
}

.footer {
    width: 100%;
    padding: 0.52rem 0px;
}

.footer .out {
    width: 100%;
}

.footer .out ul {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer .out ul li {
    display: flex;
    align-items: center;
}

.footer .out ul li a {
    font-weight: 400;
    font-size: 0.14rem;
    color: #FFFFFF;
}

.footer .out ul li::after {
    height: 0.14rem;
    width: 0.01rem;
    background: #FFF;
    content: '';
    display: block;
    margin: 0 0.37rem;
}

.footer .out .text {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 0.47rem;
    position: relative;
}

.footer .out .text .txt span {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 400;
    font-size: 0.14rem;
    color: #EBEBEB;
    line-height: 1.8em;
}

.footer .out .text .txt span a {
    font-weight: 400;
    font-size: 0.14rem;
    color: #EBEBEB;
    display: block;
    margin-left: 0.26rem;

}

.footer .out .text .txt span:last-child {
    margin-top: 0.22rem;
}

.footer .out .text .img_box {
    display: flex;
    position: absolute;
    right: 1.14rem;
    bottom: 0px;
}

.footer .out .text .img_box img {
    display: block;
    width: 0.88rem;
    height: 0.88rem;
    display: block;
}

.footer .out .text .img_box img:last-child {
    margin-left: 0.78rem;
}

.main_body {
    width: 100%;
    padding: 0.5rem 0px;
    box-sizing: border-box;
    background: #F3F3F3;
}

.main_body .public {
    max-width: 13rem;
}

.main_body .main_out {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.main_body .main_out .left {
    width: 2.76rem;
    background: #FFFFFF;
    box-shadow: 0px 0.03rem 0.06rem 0.01rem rgba(18, 142, 207, 0.11);
    border-radius: 0.06rem;
    padding-bottom: 0.4rem;
    overflow: hidden;
}

.main_body .main_out .left .title {
    width: 100%;
    height: 0.62rem;
    background: #184797;
    box-shadow: 0px 0.03rem 0.06rem 0.01rem rgba(18, 142, 207, 0.11);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 0.24rem;
    color: #FFFFFF;
}

.main_body .main_out .left .list {
    width: 100%;
}

.main_body .main_out .left .list a {
    width: 100%;
    text-align: center;
    padding: 0.2rem 0px;
    border-bottom: 0.01rem solid #E9E9E9;
    box-sizing: border-box;
    display: block;
    font-weight: 400;
    font-size: 0.18rem;
    color: #333333;
}

.main_body .main_out .left .list a:hover,
.main_body .main_out .left .list a.active {
    color: #184797;
}

.main_body .main_out .right {
    width: calc(100% - 2.76rem - 0.55rem);
}

.main_body .main_out .right .main_content {
    width: 100%;
    background: #FFF;
    padding: 0.3rem 0.42rem;
    box-sizing: border-box;
    box-shadow: 0px 0.03rem 0.06rem 0.01rem rgba(18, 142, 207, 0.11);
    border-radius: 0.06rem;
}

.main_body .main_out .right .main_content .main_title {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 0.01rem solid #E2E2E2;
    box-sizing: border-box;
}

.main_body .main_out .right .main_content .main_title .title {
    padding-bottom: 0.23rem;
    position: relative;
}

.main_body .main_out .right .main_content .main_title .title::after {
    content: '';
    width: 0.48rem;
    height: 0.03rem;
    display: block;
    position: absolute;
    left: 0px;
    bottom: 0px;
    background: #184797;
}

.main_body .main_out .right .main_content .main_title .title h5 {
    font-weight: bold;
    font-size: 0.24rem;
    color: #184797;
}

.main_body .main_out .right .main_content .main_title .crumbs {
    padding-bottom: 0.23rem;
    display: flex;
    align-items: center;
}

.main_body .main_out .right .main_content .main_title .crumbs a {
    font-weight: 400;
    font-size: 0.14rem;
    color: #999999;
}

.main_body .main_out .right .main_content .main_title .crumbs a img {
    display: block;
    height: 0.14rem;
}

.main_body .main_out .right .main_content .main_title .crumbs .icon {
    display: block;
    margin: 0px 0.15rem;
    height: 0.1rem;
}

.main_text_list {
    /*min-height: 5rem;*/
    padding-bottom: 0.4rem;
}

.main_text_list a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0.28rem;
}

.main_text_list a .tit {
    display: flex;
    align-items: center;
    width: 80%;
}

.main_text_list a i {
    width: 0.07rem;
    height: 0.07rem;
    background: #DFDFDF;
    border-radius: 50%;
    margin-right: 0.1rem;
    display: block;
    flex: none;
    transition: 0.3s ease ;
}

.main_text_list a h5 {
    width: 100%;
    font-weight: 400;
    font-size: 0.15rem;
    color: #333333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.main_text_list a span {
    font-weight: 400;
    font-size: 0.14rem;
    color: #666666;
}

.Pagination_out {
    display: flex;
    margin-top: 0.4rem;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 0.2rem auto;
    border-radius: 0.04rem;
}

.pagination>li {
    display: inline;
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 0.06rem 0.12rem;
    line-height: 1.42857;
    text-decoration: none;
    color: #333;
    background-color: #fff;
    border: 0.01rem solid #ddd;
    margin-left: -0.01rem;
    font-size: 0.14rem;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 0.04rem;
    border-top-left-radius: 0.04rem;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-bottom-right-radius: 0.04rem;
    border-top-right-radius: 0.04rem;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    z-index: 2;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    background-color: #184797;
    border-color: #184797;
    cursor: default;
}

.Ebooks_publish {
    width: 100%;
    padding: 0.45rem 0px 1.35rem 0px;
}

.Ebooks_publish form {
    width: 100%;
    max-width: 6.3rem;
    margin: 0 auto;
}

.Ebooks_publish form .box {
    width: 100%;
    display: flex;
    align-items: flex-start;
    margin-bottom: 0.2rem;
}

.Ebooks_publish form .box span {
    width: 1.8rem;
    font-weight: 400;
    font-size: 0.18rem;
    color: #333333;
    position: relative;
}

.Ebooks_publish form .box input {
    width: 4.46rem;
    height: 0.46rem;
    border-radius: 0.04rem;
    border: 0.01rem solid #DADDE4;
    padding: 0.06rem 0.12rem;
    box-sizing: border-box;
    font-weight: 400;
    font-size: 0.16rem;
    color: #333;
}

.Ebooks_publish form .box textarea {
    width: 4.46rem;
    height: 0.7rem;
    border-radius: 0.04rem;
    border: 0.01rem solid #DADDE4;
    padding: 0.06rem 0.12rem;
    box-sizing: border-box;
}

.Ebooks_publish form .required {
    align-items: center;
}

.Ebooks_publish form .required span::after {
    position: absolute;
    content: '*';
    left: -0.15rem;
    top: 0rem;
    font-weight: 400;
    font-size: 0.18rem;
    color: #F65149;
}

.Ebooks_publish form .file .txt {
    width: 1.7rem;
    height: 1rem;
    border-radius: 0.04rem;
    border: 0.01rem solid #DADDE4;
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: center;
}

    .Ebooks_publish form .file .txt .fileupload-buttonbar  button {
        margin-top: 0px ;
        margin-bottom: 0px ;
    }

    .Ebooks_publish form .file .txt .fileupload-buttonbar .fileinput-button {
        position: absolute ;
        top: 0px ;
        left: 0px ;
        width: 100% ;
        height: 100% ;
        background: none ;

    }

    .Ebooks_publish form .file .txt .fileupload-buttonbar .fileinput-button::after {
        content: '+';
        font-size: 0.4rem ;
        color: #BBBBBB  ;
        display: flex ;
        position: absolute ;
        top: 0px ;
        left: 0px ;
        width: 100% ;
        height: 100% ;
        align-items: center ;
        justify-content: center ;
        z-index: 1 ;
        pointer-events: none ;
    }

    .Ebooks_publish form .file .txt .fileupload-buttonbar .fileinput-button span {
        display: block ;
        width: auto ;
        height: auto ;
        display: none ;
    }

    .Ebooks_publish form .file .txt  .fileinput-delete {
        position: absolute;
        right: -0.1rem;
        top: -0.1rem;
        width: 0.2rem;
        height: 0.2rem;
        border-radius: 50%;
        background: #bbb;
        box-shadow: 0px 0px 0.1px 0.01rem #0000001e;
        z-index: 14;
    }

    .Ebooks_publish form .file .txt  .fileinput-delete span {
        display: none ;
    }

    .Ebooks_publish form .file .txt  .fileinput-delete::after {
        content: '×';
        font-size: 0.2rem ;
        color: #fff  ;
        display: flex ;
        position: absolute ;
        top: 0px ;
        left: 0px ;
        width: 100% ;
        height: 100% ;
        align-items: center ;
        justify-content: center ;
        z-index: 1 ;
        pointer-events: none ;
    }

    .Ebooks_publish form .file .txt #fileupload_fujian_files {
        position: absolute ;
        top: 0px ;
        left: 0px ;
        width: 100% ;
        height: 100% ;
        z-index: 10 ;
        pointer-events: none ;
        padding: 0.04rem ;
        box-sizing: border-box ;
    }
    
    .Ebooks_publish form .file .txt #fileupload_fujian_files .file_row_html  , .Ebooks_publish form .file .txt #fileupload_fujian_files .files_row_preview  {
        width: 100% ;
        height: 100% ;
    }

    .Ebooks_publish form .file .txt #fileupload_fujian_files img {
        width: 100% ;
        height: 100% ;
        display: block ;
        object-fit: contain ;
    }
    
    
.Ebooks_publish form .file input {
    border: none;
    padding: 0px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
    cursor: pointer;
}

.Ebooks_publish form .file .txt .jia {
    font-weight: 400;
    font-size: 0.24rem;
    color: #BBBBBB;
    cursor: pointer;
}

.Ebooks_publish form button {
    width: 1.5rem;
    height: 0.5rem;
    background: #184797;
    border-radius: 0.04rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 0.2rem;
    color: #FFFFFF;
    margin: 0 auto;
    margin-top: 1rem;
    border: none;
    cursor: pointer;
}

.main_video_list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 0.26rem;
    box-sizing: border-box;
}

.main_video_list .box {
    margin-top: 0.37rem;
    width: 30%;
    margin-right: 5%;
}

.main_video_list .box:nth-child(3n) {
    margin-right: 0px;
}

.main_video_list .box .img {
    width: 100%;
    height: 1.5rem;
    overflow: hidden;
    position: relative;
}

.main_video_list .box .img video {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    object-fit: cover;
    transition: 0.5s ease;
}

.main_video_list .box .img video.active {
    opacity: 1;
}

/* .main_video_list .box .img::after {
    content: '';
    position: absolute ;
    top: 0px ;
    left: 0px ;
    width: 100% ;
    height: 100% ;
    background: rgba(0,0,0,0.4);
    display: none ;
} */

.main_video_list .box .img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: 0.5s ease ;
}

.main_video_list .box .img:hover img {
    transform: scale(1.1);
}

.main_video_list .box span {
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 0.1rem;
    font-weight: 400;
    font-size: 0.14rem;
    color: #404040;
}

.popup_out {
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 200;
    display: none;
}

.popup_out .popup_box {
    width: 8rem;
    height: 4.5rem;
    border-radius: 0.1rem;
    background: #FFF;
    box-shadow: 0px 0px 0.03rem 0.01rem rgba(124, 134, 255, 0.16);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 0.1rem;
    box-sizing: border-box;
}

.popup_out .popup_box video {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.popup_out .popup_box .guanbi {
    position: absolute;
    right: 0rem;
    top: -0.4rem;
    font-size: 0.24rem;
    font-weight: bold;
    color: #FFF;
    cursor: pointer;
}

.main_body .main_out .Expert_content {
    width: 100%;
}

.Expert_list {
    width: 100%;
    padding: 0.27rem;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
}

.Expert_list .item {
    margin-top: 0.27rem;
    width: 22%;
    margin-right: 4%;
}

.Expert_list .item:nth-child(4n) {
    margin-right: 0px;
}

.Expert_list .item:last-child {
    margin-right: 0px;
}

.Expert_list .item .img {
    width: 100%;
    height: 1.45rem;
    overflow: hidden;
}

.Expert_list .item .img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain ;
    transition: 0.5s ease ;
}

.Expert_list .item span {
    width: 100%;
    text-align: center;
    display: block;
    margin-top: 0.11rem;
    font-weight: 400;
    font-size: 0.14rem;
    color: #404040;
}

.main_swiper_but {
    width: 70%;
    margin: 0px;
    padding: 0px;
}

.main_swiper_but .swiper-slide {
    width: auto;
    font-weight: 400;
    font-size: 0.18rem;
    color: #333333;
    padding-bottom: 0.23rem;
    position: relative;
    margin-right: 0.47rem;
    cursor: pointer;
}

.main_swiper_but .swiper-slide:last-child {
    margin-right: 0px;
}

.main_swiper_but .swiper-slide a {
    font-weight: 400;
    font-size: 0.18rem;
    color: #333333;
}

.main_swiper_but .swiper-slide::after {
    position: absolute;
    bottom: 0px;
    content: ' ';
    left: 50%;
    transform: translateX(-50%);
    width: 0px;
    height: 0.03rem;
    display: block;
    background: #184797;
    transition: 0.5s ease;
}

.main_swiper_but .swiper-slide.active {
    color: #184797;
}

.main_swiper_but .swiper-slide.active::after {
    width: 0.48rem;
}

.main_swiper_but .swiper-slide-thumb-active {
    color: #184797;
}

.main_swiper_but .swiper-slide-thumb-active::after {
    width: 0.48rem;
}

.main_Platform_text {
    width: 100%;
    padding: 0.4rem 0.25rem 0.7rem 0.25rem;
    box-sizing: border-box;
}

.main_Platform_text h5 {
    font-weight: bold;
    font-size: 0.24rem;
    color: #333333;
    margin-bottom: 0.27rem;
    line-height: 1;
    text-align: center;
}

.main_Platform_text p {
    font-weight: 400;
    font-size: 0.17rem;
    color: #333333;
    line-height: 1.7em;
}

.main_Platform_text .txt {
    font-weight: 400;
    font-size: 0.17rem;
    color: #333333;
    line-height: 1.7em;
    margin-bottom: 0.47rem;
}

.main_Platform_text img {
    width: auto;
    max-width: 100%;
    height: auto;
    /*display: block;*/
}

.Details_main_content {
    width: 100%;
    padding: 0.4rem 0.26rem 0rem 0.26rem;
    box-sizing: border-box;
}

.Details_main_content .title {
    margin-bottom: 0.24rem;
}

.Details_main_content .title h5 {
    font-weight: bold;
    font-size: 0.24rem;
    color: #333333;
    margin-bottom: 0.15rem;
    line-height: 1;
    text-align: center;
    line-height: 1.6em ;
}

.Details_main_content .title .item_box {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0px 0.3rem;
}

.Details_main_content .title .item_box span {
    font-weight: 400;
    font-size: 0.14rem;
    color: #999999;
}

.Details_main_content .text p,
.Details_main_content .text {
    font-weight: 400;
    font-size: 0.17rem;
    color: #333333;
    line-height: 1.7em;
}

.Details_main_content .text img {
    width: auto;
    max-width: 100%;
    height: auto;
    /*display: block;*/
}

.Details_main_content .text video {
    width: auto;
    min-width: 30%;
    max-width: 100%;
    height: auto;
    display: block;
}

.paging_box {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    margin-top: 0.6rem;
}

.paging_box a {
    font-size: 0.12rem;
    color: #999999;
    font-weight: 400;
    width: 40%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.paging_box a:hover,
.main_body .main_out .right .main_content .main_title .crumbs a:hover,
.main_text_list a:hover h5 , 
.main_video_list .box:hover span , 
.Expert_list .item:hover span ,
.News_out .out .right .News_swiper_conter .swiper-slide a:hover h5 , 
.content_pages .out .list a:hover .txt h5 , 
.TypicalCase .out .box a:hover h5 {
    color: #184797;
}

.Expert_list .item .img:hover img {
    transform: scale(1.1);
}

.main_text_list a:hover i {
    background: #184797;
}

.public_Mobile {
    display: none ;
    margin: 0.5rem 0px ;
}

.public_Mobile .public_title_Home {
    margin-bottom: 0.5rem ;
}

.public_Mobile .main_text_list {
    padding-bottom: 0px ;
}



.drug_pipeline .out .xiuai_fen_box {
    display: flex ;
   flex-direction: column;
   background: none !important;
   justify-content: space-between;
   box-shadow:none !important;
}

.drug_pipeline .out .xiuai_fen_box span {
    margin-top: 0px ;
}

.drug_pipeline .out .xiuai_fen_box img {
    margin-right: 0.15rem ;
}

.drug_pipeline .out .xiuai_fen_box a {
    height: 48% !important;
    display: flex
;
    align-items: center;
    flex-direction: row;
    background: #E8F4FF;
    box-shadow: inset 0px 0px 0.06rem 0.01rem rgba(43, 143, 255, 0.18);
    justify-content: left;
    padding-left: 21%;
    box-sizing: border-box;
}

.attachment_box {
    display: flex ;
    align-items: center ;
}

.attachment_box span {
    width: 1.8rem;
    font-weight: 400;
    font-size: 0.18rem;
    color: #333333;
    position: relative;
}

.attachment_box p {
    font-size: 0.15rem ;
    color: #333 ;
}

.attachment_box p a {
        font-size: 0.15rem ;
    color: #184797 ;
}




@media (max-width:750px) {

    .public {
        padding: 0px 0.2rem ;
        box-sizing: border-box ;
    }

    .public_title_Home {
        height: 0.65rem ;
    }

    .public_title_Home .text .left img {
        height: 0.47rem ;
    }

    .public_title_Home .text .right {
        padding-top: 0.2rem ;
    }

    .public_title_Home .text .left h5 {
        margin-top: 0px ;
    }

    .Logo_Top {
        padding:0.4rem 0px  ;
        box-sizing: border-box ;
        height: auto ;
    }



    .Logo_Top .logo_box span {
        width: 100% ;
        font-size: 0.17rem ;
        padding-right: 0px ;
        text-align: center ;
    }

    .News_out .out {
        flex-wrap: wrap ;
    }

    .News_out .out .left {
        width: 100% ;
        height: 2.7rem ;
    }

    .News_out .out .right {
        width: 100% ;
    }

    .News_out .out .right .News_title .swiper-slide{
        margin-right: 0.4rem ;
    }

    .drug_pipeline .out {
        flex-wrap: wrap ;
    }

    .drug_pipeline .out .box {
        width: 49% ;
        margin-bottom: 0.2rem ;
    }

    .Banner {
        height: 0.55rem ;
    }

    .Banner a {
        right: 0.4rem ;
        height: 0.3rem ;
        width: 1.2rem ;
        font-size: 0.12rem ;
    }

    .content_pages .out , .content_pages_2 .out {
        flex-wrap: wrap ;
    }

    .content_pages .out .box , .TypicalCase .out .box , .content_pages_2 .out .box {
        width: 100% ;
        margin-bottom: 0.3rem ;
    }

    .content_pages .out .box:last-child , .TypicalCase .out .box:last-child {
        margin-bottom: 0px ;
    }

    .TypicalCase .out {
        flex-wrap: wrap ;
    }

    .content_pages_2 .out .box .list {
        justify-content: space-between ;
        padding: 0px ;
    }

    .content_pages_2 .out .box .list .item {
        width: 49% ;
        margin-right: 0px ;
    }

    .footer .out .text {
        margin-top: 0px ;
        flex-direction: column ;
    }

    .footer .out .text .img_box {
        position: relative; 
        right: 0px ;
        width: 100% ;
        justify-content: center ;
        margin-top: 0.3rem ;
    }

    .main_body .main_out {
        flex-wrap: wrap ;
    }

    .main_body .main_out .left {
        width: 100% ;
        padding-bottom: 0.2rem ;
        margin-bottom: 0.4rem ;
    }

    .main_body .main_out .left .list {
        display: flex ;
        flex-wrap: wrap ;
        justify-content: space-between ;
        padding: 0px 0.2rem ;
        box-sizing: border-box ;

    }


    .main_body .main_out .left .list a {
        width: 49% ;
        border: 0.01rem solid  #E9E9E9;
        box-sizing: border-box ;
        margin-top: 0.15rem ;
    }

    .main_body .main_out .right {
        width: 100% ;
    }

    .main_video_list {
        padding: 0.25rem 0px ;
        justify-content: space-between ;
    }

    .main_video_list .box {
        width: 49% ;
        margin-right: 0px ;
    }


    .drug_pipeline .out .box:last-child {
        width: 100% ;
        margin-bottom: 0px ;
    }

    .main_body .main_out .left .list a:hover, .main_body .main_out .left .list a.active {
        background: #184797 ;
        color: #FFF ;
    }

    .main_body .main_out .right .main_content {
        padding: 0.2rem 0.3rem ;
    }

    .main_body .main_out .right .main_content .main_title .crumbs {
        display: none ;
    }

    .main_swiper_but {
        width: 100% ;
    }

    .Ebooks_publish form .box {
        flex-wrap: wrap ;
    }

    .Ebooks_publish form .box span {
        width: 100%;
        margin-bottom: 0.2rem ;
    }

    .Ebooks_publish form .box input , .Ebooks_publish form .box textarea {
        width: 100% ;
    }

    .main_Platform_text {
        padding: 0.4rem 0px  ;
    }

    .main_text_list {
        min-height: auto ;
    }
  
    .Expert_list {
        padding: 0.27rem 0px  ;
        justify-content: space-between ;
    }

    .Expert_list .item {
        width: 49% ;
        margin-right: 0px ;
    }

    .footer .out ul {
        display: none ;
    }

    .public_node_PC {
        display:none ;
    }

    .public_Mobile {
        display: block ;
    }
    
    
    .Details_main_content {
        padding: 0.4rem 0rem 0rem 0rem ;
    }
    
    .Nav {
        height: auto ;
    }
    
    .Nav .out {
        padding: 0px ;
    }
    
    .Nav .Nav_swiper .swiper-slide {
        width: 20% ;
        height: 0.8rem ;
        margin-right: 0px ;
    }


}

@media (min-width:751px) and (max-width:1400px) {
    .public {
        max-width: 13rem ;
    }

    .Nav .Nav_swiper .swiper-slide {
        margin-right: 0.472rem ;
    }

    .News_out .out .right .News_title .swiper-slide {
        margin-right: 0.4rem ;
    }

    .drug_pipeline .out .box {
        width: 19% ;
    }

    .Banner {
        height: 1.5rem ;
    }

}

@media (min-width:751px) and (max-width:1000px) {
    html {
        font-size: 65px;
        font-size: calc(100vw / 14);
    }
}

@media (min-width:1001px) and (max-width:1200px) {
    html {
        font-size: 75px;
        font-size: calc(100vw / 14);
    }
}

@media (min-width:1201px) and (max-width:1300px) {
    html {
        font-size: 85px;
        font-size: calc(100vw / 14);
    }
}

@media (min-width:1301px) and (max-width:1400px) {
    html {
        font-size: 95px;
        font-size: calc(100vw / 14);
    }
}

@media (min-width:421px) and (max-width:750px) {
    html {
        font-size: 90px;
        font-size: calc(100vw / 7.5);
    }
}

@media (max-width:420px) {
    html {
        font-size: 75px;
        font-size: calc(100vw / 5.2);
    }
}

@media (min-width:1700px) and (max-width:1920px) {
    html {
        font-size: 100px;
    }
}