@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;
    }
} */

html {
    font-size: 12px;
}

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

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

@media (min-width:1200px) {
    html {
        font-size: 10px;
    }
}
@media (min-width:1330px) {
    html {
        font-size: 10.8px;
    }
}

@media (min-width:1360px) {
    html {
        font-size: 11px;
    }
}
@media (min-width:1500px) {
    html {
        font-size: 13.3px;
    }
}

@media (min-width:1800px) {
    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: none;
        /* 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;
    }

    .newsSideNav ul.listNav li a:hover {
        background-color: #f69600;
        color: #ffffff;
    }
}

@media (min-width:576px) {
    .container {
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width:768px) {
    .container {
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width:992px) {
    .container {
        max-width: 100%;
        padding-left: 13vw;
        padding-right: 13vw;
    }
}

@media (min-width:1200px) {
    .container {
        max-width: 100%;
        padding-left: 18vw;
        padding-right: 18vw;
    }
}
@media (max-width: 1440px) {
   .headerDropDown .header-col{
    width: 28.53%;
}

}


@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: 1310px) {
    /*.wNewsList li .box .img {*/
    /*    height: 10vw;*/
    /*}*/

}

@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;
    }


}

@media screen and (max-width:767px) {
    header .header_language::after{
        width: 0;
    }
    #banner{
        margin-top:-42px ;
    }
    header {
        height: auto;
    }

    header .logo {
        padding: 18px 0;
        width: 8.25rem;
    }
header .logo a .img img{
    max-width: 181%;
    width: 176%;
}
    /**/
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .bannerHeading .title {
        font-size: 2rem;
    }

    footer .footer_main {
        padding: 2.5rem 0;
        display: none;
    }

    footer .footer_nav {
        width: 100%;
        flex-flow: row wrap;
        display: flex;
        justify-content: flex-start !important;
        display: none;
    }

    footer .footer_nav li {
        margin-top: 1.25rem;
    }
footer .footer_nav li:nth-child(2){
    margin-left: 10%;
}
footer .footer_copyright .fCopyright a.link{
    display: none;
}
footer .fCopyright{
    width: 55vw;
}
footer .footer_copyright{
        padding: 2.5rem 0;
}
    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: 52vw;
    }

    .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;
    }

    .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: 2.5rem;
        padding-bottom: 1.25rem;
    }

    #wBanner .box .title:after {
        width: 3.4rem;
    }

    .aboutUsHead {
        padding: 5rem 15px;
    }

    .w_title {
        font-size: 1.7rem;
        line-height: 1.6;
        padding-bottom: 1.25rem;
    }

    .culture {
        padding: 3.25rem 0 1rem;
    }

    .newsSideNav {
        padding: 3rem 0;
    }

 

    .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;
    }

    .news {
        padding-bottom: 4.75rem;
    }





    .breadcrumb {
        padding: 2rem 0;
    }

    .webModal .modal-dialog {
        max-width: 100%;
    }

    .webModal .modalMain {
        padding: 4.2rem 1.5rem;
    }

    .joinUsAccordionHead {
        padding: 1.25rem 3.4rem 1.25rem 0;
    }

    .joinUsAccordionHead .icon {
        width: 26px;
        height: 26px;
        margin-top: -13px;
    }

    .joinUsAccordionCon {
        padding: 2rem 0px;
        padding-top: 0;
    }

    .joinUsAccordionCon .hMore {
        padding-top: 1.25rem;
    }

.homeArea .hTitle, .homeArea .hText{
    max-width: 100%;
}
.hAbout, .hPipeline{
    height: 48vh;

}
.homgAreaimg ,.homgAreaimg1{
    display: none;
}
 .hNews{
     padding: 2.5rem 0;
 } 
 #wBanner .box .breadcrumb{
     background-color: transparent;
     display: none;
 }
 .aboutUsHeadBox {
     padding-bottom: 3.25rem;
 }
 .boardOfDirectors {
     padding-bottom: 5rem;
     padding-top: 5rem;
 }
 .boardOfDirectors1 .aboutintroduceBox{
     height: auto;
     padding: 1.25rem;
 }
 .boardOfDirectors1 .aboutintroduceBox .introduce{
         max-width: 100%;
 }
 .wNewsList li .box{
     display: block;
 }
 .wNewsList li .box .wNewsListleft{
     width: 100%;
     display: block !important;
 }
 .news .wNewsList li .box .img{
     width: 100%;
     margin-top: 1.6rem;
 }
 .clinicalbox1 .clinical_box:nth-child(2) .img , .clinicalbox1 .clinical_box:nth-child(3) .img {
     background-size: 45%;
     
 }
 .mapbox .company{
     width: 15.5rem;
 }
 .mapbox .company .companybox{
     padding: 1rem 4.75rem 1rem 5.75rem;
     padding-right: 1rem;
     
 }
 .mohome_banner .bannerHeading{
     padding-top: 0;
     margin-top: 10rem;
 }
 .mohome_banner .bannerHeading .title{
     font-size: 2.8rem;
 }
 .hAbout{
     height: 55vh;
 }
  .hAbout .hTitle{
    
    font-size: 2rem;
 }
 .hAboutindxe {
    margin-top: 8.375rem;
}
.hPipeline {
        height: 47vh;
}
.hPipeline .hText {
    display: none;
}
.hNews .pb_46 {
    padding-bottom: 1.58rem !important;
}
.hNewsSwiper {
        padding-bottom: 3.75rem;
}
.hNews {
    padding: 7rem 0;
}
.aboutUsHeadtitle{
    font-size: 2rem;
}
.aboutUsHeadtitlepa{
    padding-bottom: 1.2rem;
}
.compspan{
    display: none;
}
.monliespan{
    display: inline-block;
    color: #002060;
}
.clinicalbox .clinical_box{
    padding: 0 1rem;
}
.cooperation2 .techcebter .title{
    font-size: 2.5rem;
}
.cooperationtec{
    height:16vh;
}
.cooperationtec .img{
    height:100%;
}
.cooperationtec .img img{
    height: 100%;
}
.techbanner .box .box_text{
    font-size: 2.5rem;
}
.clinicalcenter ul li{
    flex-direction: column-reverse;
}
.clinicalcenter .clinicalcenterleft, .clinicalcenter .clinicalcenterright{
    width: 100%;
}
.clinicalcenter .clinicalcenterleft{
    padding-right: 0
}
.clinicalcenter ul li.clinlist{
    flex-direction: column;
}
.clinicalcenter li:nth-child(2n) .clinicalcenterleft{
    padding-left: 0;
}
.techcebter .title{
    font-size: 2rem;
}
.wNewsList li .wNewsListcenter{
    width: 100%;
}
.newsDbanner {
    display: none;
}
.newsDboxheader .title{
    font-size: 2rem;
        display: block;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: unset;
    width: 100%;
}
.newsD{
    background-color: transparent;
}
.newsDbox{
    margin-top: -5vw;
} 
.newsDboxheader{
        border-bottom: 1px solid rgba(0,0,0,0.1);
}
.page-ing .prev, .page-ing .next{
    width: 36%;
    max-width: 38%;
}
.page-ing .next .icon{
    padding-right: 1rem;
}
.resoucbox{
        flex-wrap: wrap;
}
.resoucbox .clinical_box1{
    width: 100%;
    margin-bottom: 1rem;
        height: 18.625rem;

}
.joinUsAccordionHead .title{
    width: 50%;
}
.joinUsAccordionCon{
    box-shadow:0 0 3.75rem rgb(0 0 0 / 0%);;
}
.contactUs .title{
    font-size: 1.2rem;
}
.contactUs .text{
    font-size: 1rem;
}
.modhome_banner{
    display: block;
}
.pchome_banner{
    display: none;
}
.mohome_banner {
    width: 100%;
    height: 100%;
    position: relative;
}
.mohome_banner li.swiper-slide {
    width: 100%;
}
.mohome_banner  .swiper-pagination {
    bottom: 2.5rem;
}
.mohome_banner .bannerHeading .label {
    color: #666666;
    font-size: 1.65rem;
    line-height: 1.8;
    padding-bottom: 0.5rem;
    font-weight: 300;
}
.hPipeline {

    background-image: url(../images/pipelineBg1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.foreign {
    background: url(../images/pilehz1.png) no-repeat;
    background-size: 100% 100%;
}
.webHome .containerts1{
    padding-left: 15px !important;
    padding-right: 15px !important;
}

}

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

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

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