@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;
    }
}
/*1280X720 1366X768 1440X900 1920X1080*/
/*手机样式*/
@media (min-width:992px) {
    .pagination .page-item .page-link:hover,
    .pagination .page-item .page-link:focus {
        background: #0051a2;
        color: #ffffff;
        border-color: #0051a2;
        box-shadow: none;
    }
    .pagination .page-item:first-child .page-link:hover::before,
    .pagination .page-item:last-child .page-link:hover::before {
        border-color: #fff;
    }
    #wBanner .img,
    .newsHead li.swiper-slide .img {
        background-image: none !important;
    }
}
@media (min-width:1200px) {
    .container {
        max-width: 1140px;
    }
    .modal-dialog {
        max-width: 49.21875vw;
    }
}
@media (min-width:1610px) {
    .container {
        max-width: 1310px;
    }
    .newsD .container {
        max-width: 1030px;
    }
}

@media (max-width:1559px) {
    body {
        font-size: 16px;
    }
    footer .footer_nav li .con {
        font-size: 14px;
    }
}
@media (max-width:1400px) {
    .timeline-aside::after {
        padding-bottom: 33em
    }

    .timeline-aside #timeline-image-wrap {
        width: 200%
    }
}

@media (max-width:1199px) {
    #our-company-intro .circle-contain.img-company {
        width: 165% !important
    }

    .bg-image.company-left {
        width: 50%;
        margin-top: 11em
    }

    .timeline-aside::after {
        padding-bottom: 20em
    }

    .timeline-aside #timeline-image-wrap {
        width: 225%
    }

    #timeline .year-col {
        font-size: .9em
    }

    #timeline .year-col#yearSlide-2020 .year-content {
        font-size: .8em
    }

    #team-ace .section-header .section-title {
        right: 110%
    }

    .team-ace-boxes .team-ace-box .box-bg::after {
        padding-bottom: 65%
    }

    .team-ace-boxes .team-ace-box .ace-img-wrap {
        left: .75em;
        right: .75em
    }

    .team-members .member-profile .member-name-wrap .team-member-name {
        font-size: 1.4em
    }

    .team-members.with-image .member-profile .member-name-wrap {
        padding: 6em 1em 2em 1em
    }
}
@media (max-width:1300px) {
    .timeline-aside::after {
        padding-bottom: 32em
    }

    #team-ace .section-header .section-title {
        right: 109%
    }
}
@media (max-width:1200px) {
    body {
        font-size: 15px;
    }
}
@media (max-width:1164px) {
    .bg-image.company-left {
        margin-top: 10em
    }

    .timeline-aside::after {
        padding-bottom: 33em
    }

    #timeline .year-col {
        font-size: .85em
    }

    #timeline .year-col .year-content {
        padding: 2em 3.25em 2.5em 4.5em
    }

    #timeline .year-col#yearSlide-2020 .year-content {
        font-size: .75em
    }

    #team-ace .section-header .section-title {
        right: 109%
    }
}
@media (max-width:1100px) {
    header .header-nav li {
        margin-right: 1vw;
    }
}
@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;
    }
    #timeline .year-col {
        font-size: 1em
    }

    #timeline .year-col .year-content {
        padding-top: 1.5em
    }

    #timeline .year-col#yearSlide-2020 .year-content {
        font-size: .9em
    }


}
@media (max-width:1050px) {
    #history-nav-wrap {
        padding: 0 .25em
    }

    .timeline-aside::after {
        padding-bottom: 32em
    }
}

@media (max-width:1025px) {
    #history .history-nav-container {
        max-width: 96% !important
    }
}
@media screen and (max-width:767px) {
    header {
        height: auto;
    }
    body {
        font-size: 14px;
    }
    header .logo {
        padding: 10px 0;
        width: 7.575rem;
    }
    /**/
    .bannerHeading .title {
        font-size: 1.875rem;
    }
    #banner .swiper-pagination {
        bottom: 20px;
        padding-right: 35px;
    }
    #banner .btnPaly {
        right: 15px;
        bottom: 20px;
    }
    .hNews .hNewsBg {
        display: none;
    }
    .hNews .hNewsCon {
        width: 100%;
        padding: 24vw 15px;
    }
    .hNewsList li .box {
        padding: 3.3958vw 0;
    }
    .hNewsList li .box .time {
        position: relative;
        top: 0;
        margin-bottom: 6px;
    }
    .hNews .hTitle {
        padding-bottom: 1.8rem;
    }
    .hTitle {
        font-size: 1.8rem;
    }
    .hTitle a:after, .hTitle a:before {
        display: none;
    }
    footer .footer_main {
        display: none;
    }
    footer .footer_copyright {
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
    }
    footer .footer_copyright .fPrivacy {
        width: 100%;
        font-size: 1rem;
        padding-left: 0;
        display: block;
    }
    .hProduct .img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 50vw;
    }
    .hProduct .con {
        width: 100%;
        padding-top: 60vw;
        padding-bottom: 4.2rem;
    }
    #wBanner .img {
        height: 46vw;
    }
    #wBanner .box .title {
        font-size: 2rem;
    }
    .aboutUsHead {
        padding: 12.8125vw 0;
    }
    .w_title {
        font-size: 1.7rem;
    }
    .aboutUsHead .w_title {
        padding-bottom: 1.25rem;
    }
    .honorTab li .box {
        padding: 5.6458vw 0.62rem;
    }
    .honorTab li .box .img {
        width: 2.5rem;
        height: 2.5rem;
    }
    .honorTab li .box .title {
        padding-top: 0.7rem;
    }
    .honorMain .honorItem .text {
        font-size: 1.25rem;
    }
    .honorMain .honorItem:nth-child(3) .honorItemBox {
        display: block;
    }
    .honorMain .honorItem:nth-child(3) .honorItemBox .text {
        max-width: 100%;
        margin-bottom: 1rem;
    }
    .achievementsSwiper li.swiper-slide .box {
        height: 270px;
    }
    .foreignCooperation li.foreignCooperation_left .con {
        padding: 6rem 15px;
        width: 100%;
    }
    .foreignCooperation li.foreignCooperation_center .con .img, 
    .foreignCooperation li.foreignCooperation_right .con .img {
        height: 80vw;
    }
    .foreignCooperation li.foreignCooperation_center .con .title, 
    .foreignCooperation li.foreignCooperation_right .con .title {
        height: auto;
        padding: 3rem 15px;
    }
    .operate .con {
        padding: 4.2rem 15px;
    }
    .qualitySwiper .swiper-pagination {
        bottom: 2rem;
        padding: 0 15px;
    }
    .team {
        padding: 12.8125vw 0;
    }
    .team .teamBox {
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .team .con,
    .team .img {
        width: 100%;
    }
    .team .img {
        height: 64vw;
        margin-bottom: 3.12rem;
    }
    .hMore a {
        border-width: 1px;
        width: 10.75rem;
        padding: 8px;
    }
    .fshare {
        display: none !important;
    }
    .history {
        padding-top: 12.8125vw;
    }
    .field {
        padding: 12.8125vw 0;
    }
    .field .w_title {
        padding-bottom: 1.8rem;
    }
    .ny-yfgx-child {
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }
    .ny-yfgx-child .left {
        font-size: 16px;
        width: 100%;
        flex: auto;
        border-left: 5px solid;
        margin-bottom: 1rem;
        padding-left: 16px;
    }
    .ny-yfgx-child .right {
        flex: auto;
        width: 100%;
    }
    .ny-yfgx-child .right ul {
        height: 46px;
    }
    .ny-yfgx-child .right .ny-yfgx-p {
        font-size: 14px;
        line-height: 1.6;
    }
    .ny-yfgx-child:nth-of-type(2) .ny-yfgx-list ul.animate,
    .ny-yfgx-child:nth-of-type(3) .ny-yfgx-list ul.animate,
    .ny-yfgx-child:nth-of-type(4) .ny-yfgx-list ul.animate,
    .ny-yfgx-child:nth-of-type(5) .ny-yfgx-list ul.animate,
    .ny-yfgx-child:nth-of-type(6) .ny-yfgx-list ul.animate {
      width: 25.4329%;
    }
    .fieldBg {
        padding: 20.6145vw 0;
    }
    .fieldBg .title {
        font-size: 1.75rem;
    }
    .achievements {
        padding: 12.8125vw 0;
    }
    .operate {
        padding-left: 0;
    }
    .operate .img {
        position: relative;
        width: 100%;
        height: 40vw;
    }
    .operate .con .sou li {
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }
    .operate .con .sou li+li {
        padding-left: 2rem;
    }
    .operate .con .sou li ._sou {
        font-size: 3rem;
        padding-bottom: 0.4rem;
    }
    .operate .con .sou li ._area {
        width: 100%;
    }
    .modalMain .modalMainBg {
        width: 100%;
    }
    .modalMain .modalMainBox {
        padding-left: 0;
        position: relative;
        z-index: 4;
        background-color: rgba(255, 255, 255, 0.96);
    }
    .modalMainCon {
        padding: 14.7708vw 15px 10rem;
    }
    .advantage_list li {
        margin-bottom: 1.25rem;
    }
    .innovateCase .modalClose {
        width: 8.6458vw;
        height: 8.6458vw;
    }
    .innovateTitle {
        font-size: 1.8rem;
    }
    .landmark {
        display: none;
    }
    .businessScope {
        padding: 12.8125vw 0;
    }
    .quality .quality_item {
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }
    .quality .quality_item .img {
        width: 100%;
        -ms-flex-order: initial;
        order: initial;
    }
    .quality .quality_item .con {
        width: 100%;
        -ms-flex-order: initial;
        order: initial;
        padding: 4.2rem 15px;
    }
    .equipment {
        padding: 12.8125vw 0;
    }
    .equipment .list li {
        margin-bottom: 6vw;
    }
    .equipment .list li .box .img {
        height: 60vw;
    }
    .product .productItem {
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        padding: 4.2rem 0;
    }
    .product .productItem .con,
    .product .productItem .img {
        width: 100%;
    }
    .product .productItem .img .sou {
        font-size: 6.75rem;
        top: 16vw;
    }
    .product .productItem .con {
        padding-top: 3.12rem;
    }
    .product .productItem .con .w_title {
        font-size: 1.7rem;
        padding-bottom: 1.8rem;
    }
    .mission .d-flex {
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .mission .missionCon,
    .mission .missionBg {
        width: 100%;
    }
    .mission .missionCon {
        padding: 3.2rem 15px;
    }
    .missionConTab .mission_item .missionHead:before {
        display: none;
    }
    .mission .missionBg {
        height: 80vw;
    }
    .jobOpportunities {
        padding: 12.8125vw 0;
    }
    .jobOpportunities .d-flex {
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }
    .jobOpportunities .con,
    .jobOpportunities .w_text {
        width: 100%;
    }
    .jobOpportunities .w_text {
        padding-top: 2.12rem;
    }
    .jobOpportunitiesSwiper li.swiper-slide {
        height: 50vw;
    }
    .contactUs {
        padding-top: 12.8125vw;
    }
    .contactUsList li {
        margin-bottom: 12.8125vw;
    }
    .contactUsList li .cultureLeft,
    .contactUsList li .cultureRight {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        -ms-flex-order: initial;
        order: initial;
    }
    .contactUsList li:nth-child(2n-1) .cultureLeft,
    .contactUsList li:nth-child(2n-1) .cultureRight {
        -ms-flex-order: initial;
        order: initial;
    }
    .contactUsList li .cultureRight {
        padding-left: 0;
    }
    .contactUsList li:nth-child(2n-1) .cultureRight {
        padding-right: 0;
    }
    .contactUsList li .con {
        padding-top: 8.125vw;
    }
    .contactUsList li .con .title {
        font-size: 1.55rem;
    }
    .missionConTab .mission_item .missionText .title {
        font-size: 1.65rem;
    }
    .hNewsList li .box .icon {
        display: none;
    }
    .independent_list li {
        margin-bottom: 4vw;
    }
    .breadcrumb .breadcrumb-item {
        font-size: 14px;
    }
    /**/
    .newsHead li.swiper-slide .box {

    }
    .newsHead li.swiper-slide .con,
    .newsHead li.swiper-slide .img {
        width: 100%;
    }
    .newsHead li.swiper-slide .img {
        height: 58vw;
    }
    .newsHead li.swiper-slide .con {
        padding: 6vw 0;
    }
    .newsHead li.swiper-slide .con .title {
        font-size: 1.65rem;
        padding: 1rem 0 1.5rem;
    }
    .newsD {
        padding: 3.2rem 0;
    }
    .news {
        padding: 12.8125vw 0;
    }
    .newsD .title {
        font-size: 1.625rem;
    }
    .newsD .time {
        padding-bottom: 1.8rem;
        margin-bottom: 1.8rem;
    }
    .newsD .page .page_title {
        display: none;
    }
    .newsD .page {
        padding: 3.5rem 0;
    }
    .investor {
        padding: 12.8125vw 0;
    }
    .investor .investorBox {
        padding-left: 0;
    }
    .investor .investorColumn {
        position: relative;
        width: 100%;
    }
    .investorTab {
        padding-bottom: 1.5rem;
        display: flex;
    }
    .investorTab li {
        width: 50%;
    }
    .stockCode {
        padding: 20vw 0;
    }
    .contactInformation {
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        height: auto;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .contactInformation .con {
        width: 100%;
        padding-top: 60vw;
        padding-bottom: 4rem;
    }
    .contactInformation .con .w_title {
        margin-bottom: 1.62rem;
        padding-bottom: 2.12rem;
    }
    .contactInformation .img {
        width: 100%;
        height: 50vw;
    }
    .eventReport_main {
        padding-left: 0;
    }
    .eventReport_main .eventReport_main_left {
        position: relative;
        height: 50vw;
        width: 100%;
    }
    .eventReport_main .eventReport_main_right {
        padding: 12.8125vw 0;   
    }
    .eventReport_main .eventReport_main_right .hTitle {
        padding-bottom: 2.75rem;
        margin-bottom: 1.8rem;
    }
    .eventReport_tips {
        font-size: 14px;
        padding: 1.25rem 1.5rem;
    }
    #productModal .modalMain .modalMainBg {
        z-index: 6;
        height: 5.8rem;
        top: inherit;
    }
    #productModal .modalMain .modalMainBg .proImg {
        display: none;
    }
    .instructionsBtn a {
        border-top: none;
    }
    #wBanner .img img {
        display: none;
    }
    .bannerHeading-middle {
        display: none;
    }
    .bannerHeading-small {
        display: block;
    }
    .newsHead li.swiper-slide .img img {
        display: none;
    }
    .history #timeline-controls .jcarousel-control.jcarousel-control-prev {
        left: 0;
    }
    .history #timeline-controls .jcarousel-control.jcarousel-control-next {
        right: 0;
    }
    .stockCode_text {
        display: -ms-flexbox;
        display: flex;
    }
    .form_button .btn {
        width: 11rem;
    }
    .achievements_box .achievements_prev {
        left: 0;
    }
    .achievements_box .achievements_next {
        right: 0;
    }
}
@media (max-width:767px) {
    #timeline .year-col .year-inner-wrap {
        min-height: 120vw;
    }
    #our-company-intro .circle-contain.img-company {
        width: 75% !important;
        margin: 0 auto
    }

    #our-company-intro .circle-contain.img-company::after {
        padding-bottom: 100%
    }

    .timeline-aside::after {
        padding-bottom: 33em
    }

    .timeline-aside #timeline-image-wrap {
        width: 200%
    }

    #team-ace .section-header .section-title {
        right: 107%
    }

    .team-members .member-profile .member-name-wrap .team-member-title {
        font-size: .95em
    }

    .team-members.with-image .member-profile .member-name-wrap {
        padding: 8em 1em 2em 1em
    }
    .bannerHeading-text {
        font-size: 2rem;
    }
    .hNews {
        padding: 4.2rem 0;
    }
    .honorMain .honorItem .honorItemBox {
        padding: 3.2rem 0;
    }
}
@media (max-width:666px) {
    .history-nav-wrap {
        font-size: .95em
    }
    .timeline-aside::after {
        padding-bottom: 30em
    }

    #timeline .year-col {
        font-size: .9em
    }

    #timeline .year-col .year-content {
        padding: 1em 1em 3.5em 4.5em
    }

    #timeline .year-col#yearSlide-2020 .year-content {
        font-size: .8em
    }
}
@media (max-width:567px) {
    #timeline {
        font-size: .9em
    }
}
@media (max-width: 480px) {
    #history-nav-wrap {
        padding-bottom: 1.75rem;
    }
    #history-nav {
        font-size: 1.13em;
        max-height: 14em;
        overflow-y: scroll;
    }

    #history-nav .history-nav-item {
        display: block !important
    }

    #history-nav .history-nav-item .history-indictor {
        width: 1.13em;
        height: 1.13em
    }

    #history-nav .history-nav-item .history-indictor .bg .indicator {
        content: '';
        display: flex;
        position: relative;
        width: .7em;
        height: .7em
    }

    #history-nav .history-nav-item .history-indictor::before,
    #history-nav .history-nav-item .history-indictor::after {
        width: 50em
    }

    #history-nav .history-nav-item.first .history-indictor::before,
    #history-nav .history-nav-item.last .history-indictor::before {
        display: block
    }
    .timeline-aside::after {
        padding-bottom: 30em;
        padding-bottom: 0
    }

    .timeline-aside #timeline-image-wrap {
        position: relative;
        width: 95%;
        margin-top: .5em
    }
    #timeline {
        font-size: 1em
    }
    .history #timeline-controls {
        top: 70%;
    }
    #timeline .year-col .year-content {
        font-size: 1em;
        padding: 1em 1.5em 3.5em 1.5em
    }

    #timeline .year-col#yearSlide-2020 .year-content {
        font-size: .9em
    }
}
@media screen and (max-width:414px) {}
@media screen and (max-width:340px) {
    footer .footer_copyright {
        font-size: 12px;
    }
}