@charset "utf-8";

html {
    font-size: 24px
}

@media (min-width:768px) {
    html {
        font-size: 26px
    }
}

@media (min-width:992px) {
    html {
        font-size: 28px
    }
}

@media (min-width:1200px) {
    html {
        font-size: 30px
    }
}

@media (min-width:1360px) {
    html {
        font-size: 32px
    }
}

@media (min-width:1460px) {
    html {
        font-size: 40px
    }
}

@media screen and (min-width:992px) {
    .pagination>li>a:hover {
        color: #ffffff;
        background-color: #0b519d
    }

    .pagination>li:first-child>a:hover,
    .pagination>li:first-child>span:hover,
    .pagination>li:last-child>a:hover,
    .pagination>li:last-child>span:hover {
        background-color: #0b519d;
        color: #ffffff
    }

    .pagination>li.on:first-child>a:hover,
    .pagination>li.on:first-child>span:hover,
    .pagination>li.on:last-child>a:hover,
    .pagination>li.on:last-child>span:hover {
        background-color: #0b519d;
        color: #ffffff
    }

    .modal-dialog {
        width: 920px
    }

    .JP-overlayNavButton {
        display: none
    }
}

@media screen and (min-width:1200px) {}

@media screen and (min-width:1460px) {
    .team ul {
        margin-left: -0.75rem;
        margin-right: -0.75rem
    }

    .team ul li {
        padding-left: 0.75rem;
        padding-right: 0.75rem
    }
}

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

    .h-title,
    .w_title {
        font-size: 0.9rem
    }

    .contact .title {
        font-size: 0.75rem
    }

    .w_banner .title {
        font-size: 1.1rem
    }

    .w_banner .text {
        font-size: 0.55rem
    }

    .about .text p {
        padding-bottom: 0.45rem
    }

    .culture .text {
        font-size: 0.55rem
    }

    .clinical_main td {
        font-size: 0.5rem
    }

    .clinical_button {
        font-size: 0.4rem
    }

    .clinical_tab {
        font-size: 0.6rem
    }

    .partner ul>li .box {
        padding: 0.2rem 1rem
    }

    .bg_title .title_box {
        font-size: 0.9rem
    }

    .external ul>li .box span {
        font-size: 0.75rem
    }

    .home_recruit .h-text {
        font-size: 0.65rem
    }

    .home_recruit .h-text span {
        font-size: 0.75rem
    }

    .product_indication {
        padding-left: 0.8rem
    }
}

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

@media screen and (max-width:991px) {
    .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_toggle {
        display: none
    }

    #menu_toggle1 {
        display: block
    }

    .menu_botton span,
    .menu_botton span:after,
    .menu_botton span:before {
        width: 32px
    }

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

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

    header {
        position: fixed;
        top: 0;
        width: 100%;
        background-color: #ffffff;
        box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.1)
    }

    body {
        padding-top: 60px
    }

    footer .footer-nav {
        display: none
    }

    footer .footer-copyright .footer_wechat {
        display: none
    }

    footer .footer-copyright .copyright {
        width: 100%
    }

    footer .footer-copyright {
        border-top: none
    }

    #exampleModal2 .modal-dialog {
        margin: 0.75rem 10px
    }
}

@media screen and (max-width:767px) {
    .w-breadcrumb {
        display: none
    }

    .resources_text_con {
        background-image: none;
        width: 100%;
        padding: 0 1rem
    }

    .concept-list li .img,
    .concept-list li .text {
        width: 100%
    }

    .concept-list li:nth-child(2n-1) .img {
        left: 0
    }

    .concept-list li:nth-child(2n-1) .text {
        right: 0
    }

    .concept-list li .text {
        padding-top: 1rem;
        padding-left: 0.8rem;
        padding-right: 0.8rem;
        padding-bottom: 1.25rem
    }

    .activity_tab {
        position: relative;
        top: 0;
        padding: 0.5rem 0
    }

    .circle-pager ul li {
        width: 50%
    }

    .circle-pager ul li:nth-child(1),
    .circle-pager ul li:nth-child(2) {
        margin-bottom: 0.2rem
    }

    .platform .platform-next {
        border-radius: 100px 0 0 100px;
        right: 0
    }

    .platform .platform-prev {
        border-radius: 0 100px 100px 0;
        left: 0
    }

    .platform ul>li .box {
        min-height: 10rem;
        height: auto
    }

    .external ul>li .box {
        height: 6rem;
        width: 6rem;
        border-width: 0.15rem
    }

    .listed_product li {
        padding: 0.8rem 1rem
    }

    .listed_product li .img,
    .listed_product li .text {
        width: 100%
    }

    .listed_product li .instructions {
        position: relative;
        border-left: 0;
        width: 100%;
        text-align: left
    }

    .listed_product li .instructions a {
        padding-top: 1rem;
        padding-bottom: 1rem;
        padding-left: 1.5rem;
        background-position: left center;
        background-size: 1.3rem 1.45rem;
        top: 0;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    .listed_product li .instructions a[target]:hover {
        background-position: left center;
        background-size: 1.3rem 1.45rem
    }

    .banner-text .title {
        padding-left: 0.5rem;
        padding-right: 0.5rem
    }

    footer .footer-copyright .copyright a {
        display: block
    }

    .home_information .title {
        width: 100%;
        border-right: none;
        padding: 0.875rem 0 0.75rem
    }

    .home_information ul {
        width: 100%
    }

    .home_information ul li {
        width: 50% !important;
        float: left;
        margin-bottom: 0.5rem
    }

    .home_information ul li:nth-child(2n) {
        border-right: none
    }

    .home_information ul li:last-child {
        width: 100% !important
    }

    .home_head ul.row li+li {
        margin-top: 1rem
    }

    .culture .text,
    .culture .img {
        width: 100%
    }

    .team_head_text {
        padding: 0;
        background: none
    }

    .team ul li {
        width: 100%
    }

    .news_details_bdshare {
        display: none
    }

    .clinical .name {
        width: 23%
    }

    .clinical_main td .more {
        right: 0.7rem
    }

    .clinical .subject {
        padding-right: 2.75rem
    }

    .technology_property .t_due_date {
        padding-right: 0.625rem !important
    }

    .technology_property .property_tab th {
        background-color: #fff
    }

    .partner ul>li .box {
        padding: 0.2rem 1rem
    }

    .news-list li .con .img {
        height: auto
    }

    .industry ul li .con,
    .industry ul li .img,
    .industry ul li:nth-child(2n) .img,
    .industry ul li:nth-child(2n) .con {
        width: 100%
    }

    .industry ul li:nth-child(2n) .img {
        right: 0
    }

    .industry ul li:nth-child(2n) .con {
        left: 0
    }

    .industry ul li .con {
        padding-bottom: 1.0rem
    }

    #banner .img {
        height: 8rem
    }

    .swiper-button-next,
    .swiper-button-prev {
        background-size: 0.675rem 1.1rem
    }

    .prize {
        height: 32rem
    }

    .w_banner>.img {
        background-position: 50% center
    }

    #banner .img {
        background-image: none !important;
        height: auto
    }

    .banner-text {
        display: block
    }

    .committee .team {
        padding: 0
    }

    .committee .team ul li.active {
        position: relative
    }

    .committee .team ul li .box {
        margin: 0
    }

    .committee_href {
        top: inherit;
        bottom: 0.375rem
    }

    .research .shanghai,
    .research .taibei {
        position: relative;
        top: 0;
        right: 0;
        width: 100%;
        display: block;
        margin: 0.75rem 0 0.25rem
    }

    .research .meiguo {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        display: block;
        margin: 0.75rem 0 0.25rem
    }

    .popover {
        display: none !important
    }

    .popover_main {
        display: block;
        background-color: rgba(159, 159, 160, 1.0);
        color: #fff;
        border: none;
        font-size: 0.4rem;
        border-radius: 0.2rem;
        padding: 8px 14px
    }

    .board_directors.investor ul li .box .text .title {
        font-size: 0.45rem
    }

    .w_banner .text p br {
        display: none
    }

    .leader-info {
        padding: 20px;
        font-size: 12px
    }

    .leader-info p,
    .leader-info p span,
    .leader-info div,
    .leader-info div span,
    .leader-info span {
        font-size: 12px !important
    }

    .about .text p span,
    .concept-head p,
    .concept-head p span {
        font-size: 0.45rem !important
    }

    .contact ul.row li {
        width: 50%
    }

    .w_banner {
        height: 9rem
    }

    .government {
        background-size: 100%;
        min-height: inherit;
        background-position: right bottom 3.5rem
    }

    .w_banner .title {
        font-size: 0.9rem
    }

    .concept-list li:nth-child(2n-1) .text {
        padding-right: 0.8rem;
        padding-left: 0.8rem
    }

    .concept-list li .text p span {
        font-size: 0.4rem !important
    }

    .about_contact {
        padding-left: 5%
    }

    .about_contact img {
        width: 1rem
    }

    .clinical .clinical_tab {
        background-color: #fff
    }

    .sense_worth {
        padding-bottom: 2.25rem
    }

    .sense_worth .img {
        display: none
    }

    .sense_worth ul>li {
        margin-bottom: 0.5rem;
        font-size: 0.55rem
    }

    .sense_worth ul>li .img_title {
        font-size: 0.65rem;
        color: #fff;
        border-radius: 1.0rem;
        background-color: #1cb8b4;
        padding: 0.2rem 0.3rem;
        margin-right: 0.25rem
    }

    .sense_worth ul>li .img_text {}

    .contact ul.row {
        display: block
    }

    .contact ul.row li {
        float: left
    }

    .about_time ul>li .title span,
    .product_area ul>li .title span {
        font-size: 1.70rem
    }

    .events_swiper_relative .events-prev {
        left: -15px
    }

    .events_swiper_relative .events-next {
        right: -15px
    }

    .investor_informarion ul li .box .text .title {
        font-size: 14px
    }

    .investor_informarion ul li .box .text .title,
    .investor_informarion .investor_informarion_ul li .box .text .time {
        font-size: 0.45rem
    }

    .investor_informarion .investor_informarion_ul li .box .text .time {
        position:
            relative;
        width: 36%;
    }

    .investor_informarion ul li .box .text .title {
        width:
            67%;
    }

    .investor_informarion .investor_informarion_ul li .box .text {
        display:
            flex;
    }


    .media_text_img {
        margin-top: 0.5rem
    }

    .industry ul li .title {
        font-size: 0.9rem
    }

    .product_text_table table tr td {
        display: block;
        padding-bottom: 1rem
    }

    .product_text_table table tr td:nth-child(1) {
        padding-left: 0.5rem;
        border-left: 1px solid #e5e5e5
    }

    .details-bg_product_img {
        background-color: #fff;
        background-size: 100%
    }

    .product_text_table table tr td {
        width: 100%;
        min-height: 75px;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        text-align: left
    }

    .product_text_table table tr {
        width: 50%;
        float: left;
        display: block
    }

    .product_text_table table tr td:nth-child(1) {
        width: 100%
    }

    .clinical .clinical_main td {
        padding-bottom: 1.225rem;
        vertical-align: middle
    }

    .about_time ul>li::after,
    .product_area ul>li:nth-child(2n)::after {
        display: none
    }

    .platform ul>li .box {
        font-size: 0.55rem
    }

    .platform ul>li .box .title {
        font-size: 0.70rem
    }

    .platform ul>li .box sup {
        font-size: 0.40rem
    }
}

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

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

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

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

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

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