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

    .mst {

        transform: scale(0.6);
    }

    .mst1 {

        transform: scale(0.6);
    }
}

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

    .mst {

        transform: scale(0.6);
    }

    .mstt1 {
        transform:translateX(5vw) scale(0.7);
    }

    .mst1 {

        transform: scale(0.7);
    }
    
    
    .tsmst1{
         transform: translateX(5vw) scale(0.7);
    }
    
}

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


@media (min-width:1400px) {
    html {
        font-size: 11.66666px;
    }


}



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

    .mst {

        transform: scale(0.8);
    }

    .mstt1 {

        transform: scale(0.9);
    }

    .mst1 {

        transform: scale(0.8);
    }
     .tsmst1{
         transform: translateX(5vw) scale(0.8);
    }
    
}

@media (min-width:1700px) {
    html {
        font-size: 14.1px;
    }

    .mst {
        transform: scale(1);
    }
 

}

@media (min-width:1701px) {
    .mst1 {
        transform: scale(0.9);
    }
       .tsmst1{
         transform: translateX(5vw) scale(0.9);
    }
}


@media (min-width:1800px) {
 
.homeArea #clipPath1,.homeArea #clipPath2{
    transform: scale(0.95);
}
 
}




@media (min-width:1900px) {
    html {
        font-size: 16px;
    }

    .mst1 {
        transform: scale(1);
    }
}



@media (min-width:1940px) {

#wBanner #wclipPath1{
        transform: translateX(7vw);
}
#wBanner #wclipPath1.mmst1{
        transform: translateX(3vw);
}

.homeArea .box_t .trxst1{
     transform: translateX(6.3vw);
}



.homeArea .box .box_l .bix_ll .mst{
    transform: scale(1.15);
}
}

@media (min-width: 2200px) {
    .homeArea .box .box_l .bix_ll .mst {
        transform: scale(1.5);
    }
}


/*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: 9vw;
        padding-right: 9vw;
    }
}

@media (min-width:1200px) {


    .container {
        max-width: 100%;
        padding-left: 10.9375vw;
        padding-right: 10.9375vw;
    }



}

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

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


    .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: 4px 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;
        display: none;
    }

    .container-fluid {
        padding-left: 3.375vw;
        padding-right: 3.375vw;
    }

    .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: 100%;
        display: none;
    }

    footer .footer_box {
        width: 100%;
    }

    footer .footer_main {
        /*padding: 3.25rem 0;*/
        padding: 0;
    }

    .footer_share {
        display: none;
    }

    .container {
        padding-left: 15px;
        padding-right: 15px;
    }

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

    header .logo {
        padding: 10px 0;
        width: 8.25rem;
    }

    header .header-main {
        /* position: relative; */
    }

    footer .footer_copyright .box {
        display: block !important;
    }

    footer .fCopyleft {
        text-align: center;
        margin-top: 1rem;
    }

}

@media screen and (max-width:767px) {
    footer .footer_box .hTitle34 {
        width: 100%;
    }

.hbanner{
    height: 50rem;
    padding:  0 15px;
    margin-top: 15px;
}

  .home_banner li.swiper-slide{
      /*background-position: center;*/
  }
    .homeArea .box{
        flex-direction: column-reverse;
        padding-right: 0;
       
    }
    .homeArea .box .box_r {
    width: 100%;
    margin-bottom: 2rem;
     padding-right: 15px;
        padding-left: 15px;
}
  .ft_50 {
    font-size: 2.5rem;
}
    .homeArea .box .box_l {
    width: 100%;
    position: relative;
   
}


.trxst {
  transform: translateX(-12.3vw) scale(0.35);
}
.trxst1{
      transform: translateX(12.3vw) scale(0.4);
}

.homeArea .box_t{
    display: block;
    padding-left: 0;
}
.homeArea .box_t .box_l{
    width: 100%;
    padding-left: 15px;
padding-right: 15px;
}
.homeArea .box_t .box_r{
    max-width: 100%;
    width: 100%;
}

.hCro .box{
    flex-wrap: wrap;
}

.hCro{
    height: 32.5rem;
}

.hCro .box .box_sm{
    width: 50% !important;
margin-bottom: 3rem;
}

.hCro .box .box_sm .box_smr .num{
    font-size: 3.875rem;
}
.hCro .box .box_sm .ico {
    width: 4rem;
    height: 4rem;
    
}
.hCro .box sup{
    font-size: 1.5rem;
}
.hCro .box .box_sm:nth-child(2){
    border-right: 0;
}
.pt_120 {
    padding-top: 6.5rem;
}

.ft_30 {
    font-size: 1.5rem;
}

.hPlatform{
        padding-left: 15px;
    padding-right: 15px;
}
.hPlatform .box{
    height: 18.75rem;
}.hPlatform .box .box_sm .ft_18 {
    position: absolute;
    top: 6.125rem;
    left: 1.625rem;
    width: 13.5625rem;
}

.hNews .img{
        height: 15.3125rem;
}
.pb_120 {
    padding-bottom: 6.5rem;
}

#wBanner{
        height: 20.875rem;
    padding-left: 0rem;
}
#wBanner .box_l {
    width: 92%;
    position: absolute;
    left: 15px;
    z-index: 9;
      top: 50%;
        transform: translateY(-50%);
    
}
#wBanner .img {
    position: relative;
    height: 100%;
    display: block;
    /*display: flex;*/
    /*justify-content: flex-end;*/
    height: 20.8125rem;
}#wBanner .box{
    display: block;
}

#wBanner .box .box_r{
    width: 100% !important;
    max-width: 100% !important;
}

  .mst1 {
        transform: scale(0.2) translateX(50vw);
    }

.breadcrumb-item, .breadcrumb-item a{
    color: #fff;
}
.breadcrumb-item+.breadcrumb-item::before{
    color: #fff;
}

#wBanner .box_l .title {
    font-size: 2rem;
    color: #fff;
    line-height: 2.5rem;
}
#wBanner .box .box_rr{
    clip-path:border-box;
}
.secondNavb{
    display: none;
}
.hCropi .hCro{
        height: 32.75rem;
}
.hCropi{
        padding-left: 15px;
    padding-right: 15px;
}


.tablebox table {
    width: 70rem;
}
.tablebox{
overflow-x: auto;
overflow-y: hidden;
}

.tablebox::-webkit-scrollbar {
  height: 0.1875rem;
  background-color: #E8EAEF;
  border-radius: 6.25rem;
  overflow: hidden;
}

.tablebox::-webkit-scrollbar-thumb {
  background-color: #1D3F85;
  border-radius: 6.25rem;
  overflow: hidden;
}


.pipeline .box_title .ioc {
    width: 3.6875rem;
    height: 3.6875rem;
    
}
.ft_34 ,.ft_26 {
    font-size: 1.5rem;
}

.webModal .modal-content{
    width: 96%;
}

.product{
    padding-left: 15px;
    padding-right: 15px;
    margin-top: -3rem;
}
.product .box .box_sm{
    padding:3.25rem 15px ;
    display: block;
}
.product .box{
    padding: 15px;
}
.product .box_r{
    width: 100%;
}
.product .box_l {
    width: 82%;
    margin-bottom: 3rem;
}

.product_t .box{
    padding-left: 15px;
    padding-right: 15px;
        height: 13.75rem;
}
.product_t{
    margin-top: 2.5rem;
}
.hbanner .bannerHeading .title{
        font-size: 3.125rem;
}

.cooperation{
        padding-left: 15px;
    padding-right: 15px;
}
.cooperation .box .box_sm {
   
    width: 26.625rem;
    height: 13.75rem;
   
}
.cooperation .box .box_text {
    
    right: 2.625rem;
    bottom: 2rem;
   
}

.cooperation .box {
   
    height: 20rem;
   
}
.field{
    padding-left: 15px;
    padding-right: 15px;
}
.field .box{
    padding:  15px;
}

.field .box .box_img {
    width: 100%;
    height: 15rem;
   
}
.field .box .box_text {
    width: 100%;
    padding: 2rem 1rem;
   
}
.field .box .box_sm:nth-child(2n),
.field .box .box_sm{
         flex-direction: column-reverse;
}

.platform .box_t{
        background-position: right;
        height:auto;
}

.platform .box_b .container{
        flex-wrap: wrap;
        justify-content: space-between;
       padding-top: 2rem;
       margin-top:  0;
        
}
.platform .box_b{
    height: auto;
}
.platform .box_b .box_sm{
    width: 48.8%;
    margin-bottom: 2rem; 
    margin-right: 0;
}




.platform .box_t .boxtext {
    width: 100%;
    padding-bottom: 3.875rem;
    padding-top: 3.875rem;
}
.ft_28 {
    font-size: 1.5rem;
}

.base .box .box_sm{
    width: 48%;
}
.base .box .box_sm::before{
    bottom: auto;
    top: 0px;
    border-top:7px solid transparent; 
     border-bottom:0; 
}
.base .box .box_sm.active::before {
    border-top: 7px solid #515B4B;
    border-bottom:0; 
    
}
.basebox{
    padding-left: 15px;
    padding-right: 15px;
}
.basejs .box_silde{
    height: 18.75rem;
}
.basejs .box_silde::before{
    width: 120%;
}
.basejs .box_silde .ft_20{
    right: 15px;
    bottom: 30px;
}

.base .box .num{
    font-size: 2.5rem;
}
.news .box_sm {
    width: 100%;
    margin-bottom: 4.625rem;
}
#wBanner .box2 .box_l{
    width: 92%;
}
.newsdbox{
    width: 100%;
}


.lh_60 {
    line-height: 3rem;
}


.ft_46 {
    font-size: 2rem;
}


.government .box_b .box_sm{
    width: 100%;
    margin-bottom: 2rem;
}


.government {
    padding-left: 15px;
    padding-right: 15px;
}
.webModal .modal-content .modalMain{
    width: 100%;
    min-width: 100%;
}

#teamModal2 .modal-content{
    padding-left: 15px;
    padding-right: 15px;
}


#teamModal2 .modalMain .box{
    display: block;
}
#teamModal2 .modalMain{
    padding-left: 0px;
    padding-right: 0px;
}
#teamModal2 .modalMain .box .box_text {
    width: 100%;
    margin-top: 2rem;
}
#teamModal2 .modalMain .box .text{
    padding-right: 15px;
        height: 13.5rem;
}

#teamModal2 .modalMain .box .box_img{
    /*width: 100%;*/
}

.c_next{
        right: -4.25rem;
}
.c_prev{
    left: -4.25rem;
}

.file .box .box_sm .box_l {
    display: flex;
    align-items: center;
    width: 70%;
}
.file .box .box_sm .box_l .ft_18 {
    width: 80%;
}
.government .box{
    padding-bottom: 0px;
}

.report .box_sm{
    width: 100%;
    margin-right: 0;
}
.report .box_sm .img{
    height: 36.375rem;
}

.liaison .box_sm{
    display: block;
}
.liaison .box_sm .box_bl{
    width: 100%;
    padding: 2.75rem 15px;
}
.liaison  .box {
    padding: 15px;
}
.ft_36 {
    font-size: 1.85rem;
}

.liaison .box_sm .box_br {
    width: 100%;
    height: 14.25rem;
}

.liaison .box_sm .box_br .box_Br .mailbox a{
    font-size: 1.5rem;
        padding-left: 2.4375rem;
}
.liaison .box_sm .box_br .box_Br{
    width: 96%;
        display: flex;
    flex-direction: column;
    align-items: center;
}
.liaison .box_sm .box_br .box_Br .mailbox a::before {
   
    width: 1.5625rem;
    height: 1.5625rem;
   
}
.personneljs .box .box_r {
   
    height: 18.25rem;
  width: 100%;
}
.personneljs .box{
    display: block;
}

.personneljs .box .box_l {
    padding-left: 0rem;
    padding-right: 0rem;
    width: 100%;
    margin-bottom: 2rem;
}
.personneljs .swiper-slide{
    height: auto;
}

.sayjs .box{
    display: block;
    padding-right: 0;
}
.sayjs .box .box_r{
    width: 100%;
    padding-right: 0;
    margin-top: 2rem;
    
}
.lh_34 {
    line-height: 2rem;
}
.ft_24 {
    font-size: 1.25rem;
}
.sayjs::before{
    opacity: 0;
}

.nashi .box{
    display: block;
    padding-bottom: 2.25rem;
    padding-top: 2.25rem;
}
.nashi .box_l {
    width: 100%;
   
}

.nashi .box_r .img{
    height: 15.75rem;
}
.nashi .box_r{
    width: 100%;
    margin-top: 2rem;
}
.nashi .mst1 {
    transform: scale(0.3) translateX(50vw);
}


.aboutusIntroduce .box{
    display: block;
}

.aboutusIntroduce{
    padding-left: 15px;
    padding-right: 15px;
}
.aboutusIntroduce .box .box_sm {
    width: 100%;
    height: 33.75rem;
    background-size: cover;
    position: relative;
    border-radius: 1.875rem;
    margin-top: 2rem;
    overflow: hidden;
}
.aboutusIntroduce .box_sm:hover .box_ms{
    top: 0;
}
.aboutusIntroduce .box_ms {
    top: 28.75rem;
    padding: 1.5rem;
}

.aboutusIntroduce .box_ms .ft_16.lh_28.ft_fff{
        height: 16rem;
    overflow: auto;
}


.aboutusIntroduce .box .box_smico{
    flex-direction: column;
    align-items: center;
    width: 33.3%;
}
.culture .box .box_sm{
    width: 100%;
    margin-bottom: 2rem;
}



.abouusteam{
    padding-left: 15px;
    padding-right: 15px;
}
.abouusteam .box{
    display: block;
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
}

.abouusteam .box_l {
    width: 100%;
}



.abouusteam .box_r .img{
    height: 15.75rem;
}
.abouusteam .box_r{
    width: 100%;
    margin-top: 2rem;
}
.abouusteam .mst1 {
    transform: scale(0.3) translateX(89vw);
}
.abouusteam#section4 .box{
    display: flex;
    flex-direction:column-reverse;
}

.abouusteam#section4 .box_r .img{
    height: 22.75rem;
    background-size: 100% 100%;
}

.abouusteam#section4 .mst1 {
    transform: scale(0.1) translateX(50vw);
}


.team .box_sm{
    display: block;
    padding-bottom: 0rem;
    padding-top: 2.625rem;
}

.team .box_sm .box_r{
    /*position: relative;*/
    right: 0;
    width: 50%;
}
.team .box_sm .box_l {
    width: 100%;
}
.team .box_sm:nth-child(2n) .box_r{
    /*position: relative;*/
    left: 0;
}

.team .box_sm{
    background-position: center;
}

.team{
    padding-left: 15px;
    padding-right: 15px;
}
.team .box_sm.active .box_r{
    position: relative;
}

.honorbanner{
    padding: 0 15px 0 15px;
}
.honorbanner .box .box_sm{
    width: 96%;
}



 .honorbanner .box .box_sm   .lh_60 {
        line-height: 3.5rem;
    }


.honor {
    margin-top: 5rem;
}
.honorgalleryjs .box{
    display: block;
    height: auto;
}
.honorgalleryjs .box .box_l{
    width: 100%;
    height: 17.5rem;
}
.honorgalleryjs .box .box_r{
    width: 100%;
    margin-top: 2rem;
    padding-right: 0;
    height: 30rem;
    overflow-x: hidden;
    overflow-y: auto;
}


.honorCharacterjs {
    padding-bottom: 3.125rem;
}
.honorgalleryjs .box .box_l .year {
  
    font-size: 3.125rem;
    
}
.contactus .box_sm{
    width: 100%;
}

.contactus .box{
    padding: 15px;
}
.honorCharacterjs .swiper-button-prev, .honorCharacterjs .swiper-button-next{
    opacity: 0;
    visibility: hidden;
}

.webModal1 .modal-content {
    width: 95% !important;
}

.nashi {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.homeArea .box_t .box_r img {
    height: 28.25rem;
}

.aboutusIntroduce .box .ft_30{
    font-size: 1.5rem;
}

.webModal1 .modal-content{
    padding-bottom: 2.5rem;
}
.homeArea img{
    max-width: 100%;
    width: auto;
}

.homeArea .box .box_l .bix_ll{
     clip-path: none;
  margin-bottom: 5rem;
          padding-left: 15px;
        padding-right: 15px;
}

.homeArea .box_t .box_r{
     clip-path: none;
  margin-top:  5rem;
          padding-left: 15px;
        padding-right: 15px;
}
.abouusteam#section4 .box_r {
    clip-path: none;
}
#wBanner .box .box_r .box_brbg{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.coobox .ingbox .ico{
    width: 30%;
}
#wBanner .img img{
    height: 100%;
}
/* // */

.researchplatform {
    padding-left: 15px;
    padding-right: 15;
}
.researchplatform .box{
    padding: 15px;
}
.researchplatform .box .box_sm{
    padding: 15px;
    display: block;
        padding-bottom: 2.25rem;
    padding-top: 3.25rem;
}
.researchplatform .box .box_sm .box_l{
    width: 100%;
        border-right: 0px solid #fff;
        border-bottom: 1px solid #e5e5e5;
        padding-bottom: 2.5rem;
        margin-bottom: 2.5rem;
}
.researchplatform .box .box_sm .box_r{
    width: 100%;
    padding-left: 0;
}

.researchplatform .box .box_sm .box_l .box_b {
    width: 100%;
}

.researchplatform .box .box_sm .box_r .ft_30 {
    margin-bottom: 1.9375rem;
}
.researchplatform .box .box_sm .box_r .box_ts div {
    width: 45%;
}

}

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

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

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