@charset "utf-8";

/* CSS Document */
html {
    font-size: 12px;
}
@media (min-width:768px) {
    html {
        font-size: 13.5px;
    }
}
@media (min-width:992px) {
    html {
        font-size: 14px;
    }
}
@media (min-width:1200px) {
    html {
        font-size: 14.5px;
    }
}
@media (min-width:1360px) {
    html {
        font-size: 15px;
    }
}
@media (min-width:1500px) {
    html {
        font-size: 16px;
    }
}

/*1280X720 1366X768 1440X900 1920X1080*/
/*手机样式*/
@media (min-width:992px) {
    .pagination .page-item .page-link:hover,
    .pagination .page-item .page-link:focus {
        background: #005eae;
        color: #ffffff;
        box-shadow: none;
    }

    .pagination .page-item:first-child .page-link:hover::before,
    .pagination .page-item:last-child .page-link:hover::before {
        border-color: #fff;
    }
}

@media (min-width:1390px) {
    .container {
        max-width: 1330px;
    }
}

@media (max-width: 1200px) {
    header .header-nav>ul>li {
        margin-right: 1vw;
    }
}
@media screen and (max-width: 1390px) {
    .wNewsList li .box .img {
        height: 15vw;
    }
    .coreCompetitivenessList li .box {
        padding: 6rem 2rem;
    }
    .CMO .con .w_text {
        padding: 3.4rem;
    }
    .inviteList li .box {
        height: 12.75rem;
    }
}

@media screen and (max-width:991px) {
    #menu_toggle1 {
        display: block;
    }

    .menu_botton {
        right: 15px;
        top: 50%;
        float: right;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .menu_botton strong {
        display: none;
    }

    .menu_botton span,
    .menu_botton span:after,
    .menu_botton span:before {
        width: 26px;
    }

    .menu_botton span:before {
        top: -8px;
    }

    .menu_botton span:after {
        bottom: -8px;
    }

    /**/

    header .header-nav,
    header .header-language {
        display: none;
    }

    header .logo {
        padding: 10px 0;
    }

    header .header-language .header_language,
    header .header-language .header_href {
        display: none;
    }

    header .header-language .header_search {
        margin-right: 4.15rem;
    }

    .header_column {
        position: relative;
        right: 50px;
    }

    .container-fluid {
        padding-left: 3.375vw;
        padding-right: 3.375vw;
    }
    .hNewsSwiper li .box .img {
        height: 22vw;
    }
    .hServiceSwiperButton {
        right: 0;
    }
    .hServiceTab li span {
        font-size: 2rem;
    }
    .hServiceSwiper li.swiper-slide .box .text {
        bottom: 0;
    }
    .bannerHeading .title {
        font-size: 3rem;
    }
    footer .footer_nav {
        width: 68%;
    }
    .historyList .list .listText ul {
        padding-left: 3vw;
    }
    .wNewsList li .box .img {
        height: 22vw;
    }
    .newsD .newsDBox {
        padding-left: 0;
    }
    .newsD {}
    .newsDLeft {
        position: relative;
        width: 100%;
        margin-bottom: 1rem;
    }
    .newsDLeft .timeLeft,
    .newsDLeft .titleLeft,
    .newsDLeft .share {
        display: none;
    }
    .productTitle {
        font-size: 2.2rem;
        padding: 3rem 0 1.88rem;
    }
    .proteinMain li .box .w_text {
        height: auto;
        padding-right: 0;
    }
    .pipelineHeadImg ul li .sou span {
        font-size: 4rem;
    }
    .pipelineItem {
        padding: 5.0rem 0;
    }
    .pipelineItem .name {
        position: relative;
        top: 0;
        left: 0;
        margin-bottom: 2rem;
    }
    .coreCompetitivenessList li {
        margin-bottom: 1.88rem;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .investor .investorBox {
        padding-left: 0;
    }
    .investor .investorColumn {
        position: relative;
        width: 100%;
    }
    .investorTab {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .investorTab li {
        padding: 0 1.88rem;
        margin-bottom: 1.8rem;
    }
    .trainingPlanList li {
        margin-bottom: 1.88rem;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .inviteList li {
        margin-bottom: 1.5rem;
    }
    .container {
        max-width: 100%;
        padding-left: 4%;
        padding-right: 4%;
    }
    #wBanner .box .title {
        font-size: 3rem;
    }
    #productSwiperNav {
        right: 15px;
    }
    .proteinMain li .box {
        padding: 2.5rem 4%;
    }
    .searchField_form .btn:before {
        right: 0;
    }

}

@media screen and (max-width:767px) {
    header {
        height: auto;
    }
    header .logo {
        padding: 10px 0;
        width: 8.25rem;
    }
    /**/
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    .bannerHeading .title {
        font-size: 2rem;
    }
    footer .footer_main {
        padding: 2.5rem 0;
    }
    footer .footer_nav {
        width: 100%;
        flex-flow: row wrap;
    }
    footer .footer_nav li {
        margin-top: 1.25rem;
    }
    footer .footer_tel {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    footer .footer_title {
        font-size: 1.5rem;
        margin-bottom: 0;
    }
    .hNewsSwiper li .box .img {
        height: 56vw;
    }
    .hNewsSwiper li .box .con .title {
        font-size: 1.35rem;
    }
    .hNewsSwiper li .box .con {
        padding: 0.75rem 15px 3rem;
    }
    .hTitle {
        font-size: 1.8rem;
        padding-bottom: 2.2rem;
    }
    .hService {
        padding: 3.25rem 0;
    }
    .hServiceBox {
        padding-left: 0;
    }
    .hServiceLeft {
        position: relative;
        top: 0;
        width: 100%;
    }
    .hServiceSwiper li.swiper-slide .box .text {
        position: relative;
        bottom: 0;
        width: 100%;
        padding-top: 1rem;
    }
    .hServiceSwiper li.swiper-slide .box .img {
        width: 86vw;
        height: 86vw;
        margin: 0 auto;
    }
    .hServiceTab {
        text-align: center;
        padding-bottom: 1rem;
    }
    .hServiceTab li span {
        font-size: 1.8rem;
    }
    .hServiceTab li {
        display: none;
    }
    .hServiceTab li.active {
        display: block;
    }
    .hServiceSwiperButton {
        top: 0;
        right: 0;
        width: 100%;
        justify-content: space-between;
    }
    .searchField {
        padding: 1.5rem 0;
    }
    .searchField_form {
        max-width: 100%;
    }
    .searchField_form .form-control {
        font-size: 1.25rem;
    }
    .searchField_form .btn:before {
        right: 0;
    }
    #wBanner .box .title {
        font-size: 2rem;
        padding-bottom: 1.25rem;
    }
    #wBanner .box .title:after {
        width: 3.4rem;
    }
    .achievement {
        padding: 2.5rem 0 1rem;
    }
    .achievement li {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 1.5rem;
    }
    .achievement li .sou {
        font-size: 2.5rem;
        margin-bottom: 1rem;
    }
    .aboutUsHead {
        padding: 3.25rem 0;
    }
    .w_title {
        font-size: 1.7rem;
        line-height: 1.6;
        padding-bottom: 1.25rem;
    }
    .aboutUsBg {
        height: 34rem;
    }
    .aboutUsBg .con {
        width: 100%;
        width: calc(100% - 15px);
        padding: 12vw;
    }
    .aboutUsBg .con:after {
        left: 12vw;
    }
    .history {
        padding: 3.25rem 0;
    }
    .historyList .list .listText ul {
        padding-left: 0;
        padding-top: 1.25rem;
    }
    .planning .imgText li .title {
        font-size: 1.2rem;
    }
    .planning .imgText li .time:after {
        bottom: 2px;
    }
    .planning .imgText li:nth-child(3) .img {
        max-width: 4.88rem;
    }
    .planning .imgText li:nth-child(4) .img {
        max-width: 7.7rem;
    }
    .culture {
        padding: 3.25rem 0 1rem;
    }
    .cultureList li {
        margin-bottom: 2.25rem;
    }
    .cultureList li .con .conBox {
        padding-top: 1.75rem;
    }
    .cultureList li .con .title {
        font-size: 1.6rem;
        margin-bottom: 0.75rem;
    }
    .newsSideNav {
        padding: 3rem 0;
    }
    .wNewsList li .box {
        background-color: #005eae;
    }
    .wNewsList li .box .img {
        height: 52vw;
    }
    .wNewsList li .box .con {
        transform: translateX(0);
        padding: 1rem 15px 3rem;
    }
    .wNewsList li .box .con .time {
        color: #fff;
    }
    .wNewsList li .box .con .title {
        color: #fff;
    }
    .wNewsList li {
        margin-bottom: 2.4rem;
    }
    .news {
        padding-bottom: 4.75rem;
    }
    .newsD .newsDBox {
        padding-left: 0;
    }
    .newsD {
        padding: 3.25rem 0 4.75rem;
    }
    .newsDLeft {
        position: relative;
        width: 100%;
        margin-bottom: 1rem;
    }
    .newsDLeft .timeLeft,
    .newsDLeft .titleLeft,
    .newsDLeft .share {
        display: none;
    }
    .newsD .title {
        font-size: 1.6rem;
    }
    .newsD .text {
        padding-bottom: 2.2rem;
    }
    .newsDPage .page_next .link {
        padding: 3rem 15px;
    }
    .newsDPage .page_next .link .page_lable {
        font-size: 1.0rem;
    }
    .newsDPage .page_next .link .page_title {
        font-size: 1.25rem;
    }
    .productLable {
        font-size: 1.25rem;
    }
    .productTitle {
        font-size: 1.6rem;
        padding: 1.5rem 0 1rem;
    }
    .productText {
        margin-bottom: 1.5rem;
    }
    .product_right {
        width: 100%;
    }
    #productSwiperNav {
        right: 5px;
    }
    #productSwiperNav li span {
        display: none;
    }
    #productSwiperNav li {
        padding: 9px;
    }
    .antiviral {
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
    }
    .antiviral_left {
        width: 100%;
    }
    .antiviral_right {
        width: 62vw;
        height: 62vw;
        padding: 10%;
    }
    .antiviral_right .circle {
        left: 4%;
    }
    #productSwiper .product_slide {
        padding-top: 50px;
    }
    .preparationTab ul>li span {
        border-bottom-width: 2px;
    }
    .antiviralHead {
        padding: 0;
        margin-bottom: 4rem;
    }
    .antiviralHead .box {
        width: 100%;
        padding-left: 0;
    }
    .antiviralHead .img {
        position: relative;
        width: 72vw;
        height: 72vw;
        margin: 0 auto;
        padding: 10%;
    }
    .antiviralHead .con {
        padding-top: 2rem;
    }
    .antiviralHead .btnPerv,
    .antiviralHead .btnNext {
        top: 36vw;
    }
    .antiviralHead .btnPerv {
        left: 15px;
    }
    .antiviralHead .btnNext {
        right: 15px;
    }
    .characteristicsImg ul li .title {
        font-size: 1.8rem;
    }
    .breadcrumb {
        padding: 2rem 0;
    }
    .proteinMain li {
        height: auto;
    }
    .proteinMain li .img {
        position: relative;
        height: 50vw;
    }
    .proteinMain li .box {
        padding: 3rem 15px 3.2rem;
    }
    .proteinMain li .box .w_text {
        height: auto;
        padding-right: 0;
    }
    .chainSystem {
        padding: 3.25rem 0;
    }
    .webModal .modal-dialog {
        max-width: 100%;
    }
    .webModal .modalMain {
        padding: 4.2rem 1.5rem;
    }
    .pipelineHeadImg {
        padding: 3.25rem 0 1rem;
    }
    .pipelineHeadImg ul li .sou span {
        font-size: 2.6rem;
    }
    .pipelineHeadImg ul li {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 2.25rem;
    }
    .pipelineText {
        padding: 3.25rem 0;
    }
    .pipelineItem {
        padding: 3.25rem 0;
    }
    .pipelineItem .name {
        position: relative;
        top: 0;
        margin-bottom: 1.5rem;
    }
    .pipelineList {
        padding-bottom: 3rem;
    }
    .pipelineTable table th.indication {
        width: 10rem;
    }
    .pipelineTable {
        overflow: hidden;
        overflow-x: auto;
    }
    .pipelineTable table {
        width: 560px;
    }
    .progressBarSou {
        font-size: 1rem;
    }
    .productionBase {
        padding-top: 3.25rem;
    }
    .productionBaseList .items .con .title {
        font-size: 1.75rem;
    }
    .productionBaseList .items .con {
        padding-bottom: 2.25rem;
    }
    .productionBaseList .items {
        padding-bottom: 4.25rem;
    }
    .productionBaseList .items .img .imgBox {
        height: 16rem;
    }
    .productionBaseList .items .img .imgText {
      right: 50%;
      opacity: 1;
      visibility: visible;
      margin-right: -5rem;
    }
    .coreCompetitiveness {
        padding: 3.25rem 0;
    }
    .coreCompetitivenessList li {
        margin-bottom: 1.25rem;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .coreCompetitivenessList li .box {
        padding: 3rem 2rem;
    }
    .coreCompetitivenessList li .box .textModal {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }
    .coreCompetitivenessList li .box .img {
        padding: 5%;
    }
    .businessTab li .box {
        padding: 0 2.5rem;
        font-size: 1.25rem;
    }
    .businessMain .list .img {
        font-size: 1.4rem;
        padding: 5.2rem 0;
    }
    .businessMain .list .w_text {
        padding: 3.25rem 0 4.75rem;
    }
    .CMO {
        padding: 4.2rem 0 4.5rem;
    }
    .CMO .con {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .CMO .con .w_text {
        padding: 2.2rem;
    }
    #wInvestorBanner .box {
        padding: 3.25rem 0;
    }
    #wInvestorBanner .box .box_text .sou {
        font-size: 3.25rem;
    }
    .investor {
        padding: 3.25rem 0;
    }
    .investor .investorBox {
        padding-left: 0;
    }
    .investor .investorColumn {
        position: relative;
        width: 100%;
    }
    .investorTab {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .investorTab li {
        padding: 0 1.25rem;
        margin-bottom: 1.8rem;
    }
    .investorTab li a {
        font-size: 1.7rem;
    }
    .interaction {
        padding: 6.12rem 0;
    }
    .investorNewsList li .box .time {
        position: relative;
        top: 0;
        padding-bottom: 4px;
    }
    .investorNewsList li .box {
        padding: 1.25rem 5.62rem 1.25rem 0;
    }
    .trainingImg {
        padding: 4.75rem 0;
    }
    .trainingImg ul li {
        -ms-flex: 0 0 33.333334%;
        flex: 0 0 33.333334%;
        max-width: 33.333334%;
    }
    .trainingImg ul li .icon {
        max-width: 4rem;
        margin: 0 auto 1rem;
    }
    .trainingPlan {
        padding: 3.25rem 0 1.25rem;
    }
    .trainingPlanList li {
        margin-bottom: 2rem;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .welfareSystemTitle {
        padding: 6.12rem 0;
    }
    .welfareSystem {
        padding: 3.6rem 0 4.4rem;
    }
    .invite {
        padding: 3.25rem 0;
    }
    .inviteList li .box {
        height: 13rem;
    }
    .inviteList li {
        margin-bottom: 1.5rem;
    }
    .inviteList li:nth-child(2n) .box:after {
        display: none;
    }
    .inviteFooter li {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .inviteFooter li .box .con {
        padding: 2rem 1rem;
    }
    .inviteFooter li .box .con .title {
        font-size: 1.35rem;
        padding-bottom: 1rem;
    }
    .inviteFooter li .box .con .text span {
        background-position: right center;
    }
    .recruit {
        padding: 3.25rem 0 4.25rem;
    }
    .pb_36 {
        padding-bottom: 1.25rem !important;
    }
    .pb_46 {
        padding-bottom: 1.88rem !important;
    }
    .pb_56 {
        padding-bottom: 2.5rem !important;
    }
    .joinUsAccordionHead {
        padding: 1.25rem 3.4rem 1.25rem 0;
    }
    .joinUsAccordionHead .icon {
        width: 26px;
        height: 26px;
        margin-top: -13px;
    }
    .joinUsAccordionCon {
        padding: 2rem 15px;
    }
    .joinUsAccordionCon .hMore {
        padding-top: 1.25rem;
    }
    .recruitFooter {
        padding: 3.12rem 0;
    }
    .recruitFooter .imgBg {
        width: 100%;
        height: 16rem;
    }
    .recruitFooter .con {
        max-width: 100%;
        padding-top: 16rem;
    }
    .onlineMessage {
        padding: 4.2rem 0;
    }
    .searchResult {
        padding: 4.2rem 0;
    }
    .searchResultList li .box {
        padding: 1.25rem 0;
    }
    .searchResultList li .box .time {
        position: relative;
        top: 0;
        width: 100%;
        transform: translateY(0);
        padding-bottom: 4px;
    }
    .searchResultList li .box {
        font-size: 1.25rem;
    }
    .siteMap {
        padding: 3.25rem 0 1.25rem;
    }
    .siteMapBox .item {
        padding-bottom: 2rem;
    }

}

@media screen and (max-width:480px) {}

@media screen and (max-width:414px) {}

@media screen and (max-width:340px) {}