@charset "utf-8";

/* CSS Document */
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:1360px) {
    html {
        font-size: 11px;
    }
}

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

@media (min-width:1800px) {
    html {
        font-size: 15px;
    }
}

@media (min-width:1890px) {
    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: #fa6119;
        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: 9.75rem;
        padding-right: 9.75rem;
    }
}

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

    .container1 {
        max-width: 100%;
        padding-left: 18.75vw;
        padding-right: 18.75vw;
    }
}

@media (max-width: 1200px) {
    header .header-nav>ul>li {
        margin-right: 1vw;
    }
}

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

@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: 2.5rem;
        padding-bottom: 1rem;
    }

    #productSwiperNav {
        right: 15px;
    }

    .proteinMain li .box {
        padding: 2.5rem 4%;
    }

    .searchField_form .btn:before {
        right: 0;
    }

}

@media screen and (max-width:767px) {
    header .header-main{
    position: relative;
    }
    
    
    
    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;
    }
    .home_banner .bannerHeading .title{
        font-size: 3rem;
    }
    .home_banner li.swiper-slide .bannerHeading{
        /*top:13%;*/
    }
.hGlobalFootprint .hclass{
   flex-wrap: wrap;
}

.hGlobalFootprint .hclass .box{
    width: 50%;
    
    margin-bottom: 4rem;
}
.hGlobalFootprint .hclass .box:last-child{
    margin-bottom: 0;
}.home_banner .swiper-pagination{
    bottom: 14.5625rem;
    left: 15px;
}
.hBusiness .hBusinessBox{
    flex-wrap: wrap;
}
 .hBusiness .box{
     width: 48%;
     height: 26.375rem;
 }
 
 .hBusiness .box{
     margin-bottom: 4%;
 }
 
 .hBusiness .box .img{
     height: 9.5rem;
 }
 .hBusiness .box_b{
     padding-left: 10px;
 }
 .hTitle{
     font-size: 1.5rem;
 }
 .hNotice{
     display: block;
 }
 .hNotice .box{
     width: 100%;
 }
 .hNotice {
    padding-top: 4.25rem;
    padding-bottom: 4.25rem;
}
.pb_100 {
    padding-bottom: 4.25rem;
}

.pt_100 {
    padding-top: 4.25rem;
}
.project .box{
    display: block;
}

#wBanner{
height: 14.25rem;
}
.project .box_lt{
    width: 100%;
    padding-right: 0;
}

.project .img{
    width: auto;
    height: auto;
    margin-top: 3rem;
}

.meetingbox{
    display: block;
}
.meetingbox{
    height: auto;
}
.meetingbox .imgbox{
width: 100%;
}
.meetingbox .imgbox .liveLink .img{
    height: auto;
}
.meetingbox .imgbox .liveLink .suspendimg{
    width: 3rem;
}
.meetingbox .meetingbox_rt{
    width: 100%;
    margin-top: 1.25rem;
}
.administrationnav{
    flex-wrap: wrap;
}.login .title{
    font-size: 1.5rem;
}
.hBusiness .box.login{
    padding: 15px;
}
#teamModal1 .modal-dialog{
    width: 60%;
}.modal-dialog{
    margin: 0 auto;
}
.administrationnav a{
    margin-bottom: 2rem;
}
.adminbutton {
    display: block !important;
}
.adminbutton div{
    margin-bottom: 2rem;
}
.diagnosisAnd_box li{
    width: 48%;
}
.archives{
    display: block;
}
.archives_lt{
    width: 100%;
    padding: 3rem 1rem;
}
.archives_rt {
    width: 100%;
}

.archives_rt .title{
    padding-top: 3rem;
}
.archives {
    padding-top: 3rem;
    padding-bottom: 3rem;
}
#teamModal3 .modal-dialog, #teamModal2 .modal-dialog,#teamModal1 .modal-dialog{
    width: auto;
}
.registerac{
    width: 90%;
}
.hFriendship ul li{
    width: 100%;
    margin-right: 0;
    margin-bottom: 5%;
}

}

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

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

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