@charset "utf-8";

/* CSS Document */
html {
    font-size: 8px;
}
@media (min-width:768px) {
    html {
      font-size: 9px;
    }
}
@media (min-width:992px) {
    html {
      font-size: 10px;
    }
}
@media (min-width:1200px){
    html {
      font-size: 11px;
    }
}
@media (min-width:1360px){
    html {
      font-size: 12px;
    }
}
@media (min-width:1440px){
    html {
      font-size: 13px;
    }
}
@media (min-width:1500px) {
    html {
      font-size: 14px;
    }
}
@media (min-width:1600px) {
    html {
      font-size: 15px;
    }
}
@media (min-width:1700px) {
    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: #79b456;
        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:1200px) {
    .container {
        max-width: 1170px;
    }
    .modal-dialog {
        max-width: 49.21875vw;
    }
    .web_container {
        max-width: 1170px;
    }
}
@media (min-width:1560px) {
    .container {
        max-width: 1390px;
    }
    .web_container {
        max-width: 1430px;
    }
}

@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;
    }
    /**/
    body {
        font-size: 14px;
    }
    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;
    }
    footer .footer_main {
        display: none;
    }
    .header_column {
        position: relative;
        right: 50px;
    }
    footer .footer_copyright {
        border-top: none;
    }
    .container-fluid {
        padding-left: 3.375vw;
        padding-right: 3.375vw;
    }
}


@media screen and (max-width:767px) {
    header {
        height: auto;
    }
    body {
        font-size: 14px;
    }
    header .logo {
        padding: 10px 0;
        width: 5.20rem;
    }
    /**/
    #banner {
        height: 50vh !important;
    }
    .bannerHeading {
        padding-left: 15px;
        padding-right: 15px;
    }
    .bannerHeading .title {
        font-size: 1.75rem !important;
    }
    .bannerHeading .title span {
        font-size: 1.75rem !important;
    }
    .hAbout .con .text,
    .hText,
    .contact .text,
    .hMore a span.t,
    .hNewsColumn .more a,
    .hNewsList li .box .text,
    #sideNav .sideNavBox li a,
    .pipelineNav,
    .w_text,
    .teamSwiper li.swiper-slide .box .con,
    .contact .text,
    .technologyHead .conBox .text,
    .product li .box .con .label,
    .product li .box .con .text,
    .product li .box .more,
    .cooperation .con .text,
    .joinUsAccordionCon,
    .web_form .form-control,
    .web_form .selectFile .title,
    .web_form .selectFile .label,
    .newsD .time,
    .newsD .text,
    .allSearch .inputText .form-control,
    .web_screen .web_screen_ul_title,
    .p_text,
    footer .footer_copyright {
        font-size: 1.375rem;
    }
    .pipelineTableHead table td,
    .searchList li .box .time {
        font-size: 1.25rem;
    }
    .team .w_text {
        max-width: 100%;
    }
    .hAbout {
        padding: 5rem 0;
    }
    .hAbout .con .title {
        padding-top: 3.6rem;
    }
    .hPipeline {
        padding-top: 3.6rem;
    }
    .hPipeline .text {
        font-size: 2rem;
    }
    .hCooperation {
        padding: 5rem 0;
    }
    .hTitle {
        font-size: 2.2rem;
    }
    .hNewsList li .box .img {
        height: 50vw;
    }
    .contact .box {
        padding: 3.5rem 15px;
    }
    .contact .title {
        font-size: 2rem;
        padding-bottom: 1rem;
    }
    .hCooperation .list li .box:after {
        border-radius: 20px;
        width: 100%;
    }
    .hCooperation .list li:nth-child(2) .box:after {
        left: 0;
    }
    footer .footer_container {
        display: none;
    }
    footer .footer_copyright {
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
    }
    footer .footer_copyright .text {
        padding-bottom: 4px;
    }
    .searchField_form {
        max-width: 100%;
    }
    .searchField_form .form-control {
        height: 40px;
    }
    #wBanner .img {

    }
    #wBanner .box .title {
        font-size: 2.2rem;
        padding-bottom: 5rem;
    }
    .footerBreadcrumb {
        position: relative;
        padding-top: 0;
        background-color: #7d8993;
    }
    .breadcrumb {
        padding: 0.75rem 0;
    }
    .ptb_90 {
        padding-top: 4.8rem;
        padding-bottom: 4.8rem;
    }
    .teamSwiper li.swiper-slide .box .img {
        background-color: #706367;
    }
    .teamSwiper .teamPagination {
        right: 0;
    }
    .teamSwiper li.swiper-slide .box .con {
        margin-left: 0;
        padding: 2rem 0;
        background-image: none;
    }
    .teamSwiper li.swiper-slide .box .title {
        position: relative;
        bottom: 0;
        margin-top: 2rem;
        left: 0;
    }
    .teamSwiper .swiper-container {
        padding-bottom: 5rem;
    }
    .teamSwiper .teamPagination {
        top: inherit;
        transform: translateY(0);
        bottom: 0;
        left: 0;
    }
    .teamSwiper .teamPagination .swiper-pagination-bullet {
        display: inline-block;
        margin: 0 2rem 0 0;
    }
    .technologyHead .conBox {
        margin-left: 0;
        padding: 3rem 0;
    }
    .technologyHead .conBox:after {
        display: none;
    }
    .tmeaPlatform .list li .box:after {
        width: 2px;
    }
    .traditionalMedicine .hMore a span.t {
        padding-right: 2.38rem;
    }
    .traditionalMedicineList {
        margin-top: 3rem;
    }
    .diversifiedBox .img {
        height: 60vw;
        width: 100%;
    }
    .diversifiedBTab {
        padding-left: 0;
        padding-top: 60vw;
    }
    .pipelineTableHead {
        display: none;
    }
    .pipelineTableHead table {
        width: 767px;
        border-spacing: 2px;
        margin-bottom: 0;
    }
    .pipelineTable table {
        border-spacing: 2px;
        margin-bottom: 0;
    }
    .pipelineTable table th, .pipelineTable table td {
        height: 50px;
    }
    .pipelineTable .more a {
        margin-top: -13px;
        height: 36px;
        line-height: 36px;
        width: 12rem;
    }
    .pipelineTable {
        overflow: hidden;
        overflow-x: auto;
    }
    .pipelineTable table {
        width: 767px;
    }
    .product {
        padding-top: 5rem;
    }
    .product li .box .img {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .product li .box:after {
        display: none;
    }
    .product li .box .con {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 3.5rem;
    }
    .product li .box .more {
        bottom: 0;
    }
    .product li .up_con {
        top: 0;
        padding: 2.5rem 15px;
    }
    .product li .box .con .title {
        font-size: 2rem;
        padding-top: 2.5rem;
    }
    .w_title {
        font-size: 2.1rem;
    }
    .cooperation .con {
        padding: 3rem 0 0;
    }
    .authorizedCooperationList .img {
        width: 100%;
        height: 50vw;
    }
    .authorizedCooperationList .con {
        padding: 50vw 0 0;
        height: auto;
    }
    .authorizedCooperationList .con .conBox {
        padding: 3rem 0;
    }
    .newsBannerBox .w_title {
        font-size: 2.1rem;
    }
    .newsBannerSwiper {
        margin: 0;
    }
    .newsBannerSwiper li.swiper-slide .box {
        display: block;
    }
    .newsBannerSwiper li.swiper-slide .box .img {
        width: 100%;
    }
    .newsBannerSwiper li.swiper-slide .box .con {
        margin-top: 0;
        width: 100%;
        padding: 3rem 15px 4rem;
    }
    .newsBannerSwiper li.swiper-slide .box .con .title {
        font-size: 1.8rem;
    }
    .newsBannerSwiper .swiper-pagination {
        padding-left: 0;
    }
    .hNewsList li .box .title,
    .industryDynamicsSwiper li.swiper-slide .box .title {
        font-size: 1.8rem;
    }
    .industryDynamicsSwiper li.swiper-slide .box {
        height: 15rem;
    }
    .newsHead {
        flex-flow: row wrap;
    }
    .sideNavTertiary {
        margin-bottom: 1.25rem;
    }
    .hNewsListD {
        display: none;
    }
    .newsDPage .page_return a span,
    .newsDPage .share .bshare-custom .link {
        width: 36px;
        height: 36px;
    }
    .newsDPage .share .bshare-custom .bshare-weixin {
      background-size: 20px auto;
    }
    .newsDPage .share .bshare-custom .email {
      background-size: 18px auto;
    }
    .newsDPage .share .bshare-custom .bshare-clipboard {
      background-size: 18px auto;
    }
    .pagination .page-link {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
    .joinUsAccordionHead .add {
        display: none;
    }
    .joinUsAccordion .joinUsAccordion_items {
        margin-bottom: 10px;
        padding: 0 15px;
    }
    .joinUsAccordionHead .title {
        width: 40%;
    }
    .joinUsAccordionHead .education {
        width: 60%;
    }
    .searchForm {
        margin-top: 2rem;
    }
    .searchForm .select_items {
        width: 100%;
    }
    .searchForm .select_items .form-control {
        height: 36px;
    }
    .searchForm .btn {
        margin-top: 2.5rem;
        width: 100%;
    }
    .joinUsAccordionHead .icon {
        width: 26px;
        height: 26px;
        margin-top: -13px;
    }
    .joinUsAccordionHead .icon:after {
      width: 8px;
      height: 2px;
    }
    .joinUsAccordionHead .icon:before {
      width: 2px;
      height: 8px;
    }
    .webModal .modalClose {
        width: 30px;
        height: 30px;
    }
    .web_form .formBtn .btn {
        width: 16rem;
    }
    header .header-main {
        box-shadow: 0 0 0.62rem rgba(0, 0, 0, 0.05);
    }
    .webModal .modal-body {
        padding: 5rem 4rem;
    }
    .web_form .form-control {
        height: 5.2rem;
    }
    .bannerHeading .lable {
        font-size: 2.75rem;
    }
    .pipelineMobile {
        display: block;
    }
}

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