@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:1025px) {
    .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;
    }
    #bannerApp {
        display: none;
    }
}
@media (min-width:1200px) {
    .container {
        max-width: 1140px;
    }
    .modal-dialog {
        max-width: 49.21875vw;
    }
}
@media (min-width:1610px) {
    .container {
        max-width: 1375px;
    }
}

@media (max-width:1559px) {
    body {
        font-size: 16px;
    }
    footer .footer_nav li .con {
        font-size: 14px;
    }
}
@media (max-width:1300px) {
    header .header-nav>ul>li {
        margin: 0px 0.5625vw;
    }
}
@media (max-width:1200px) {
    body {
        font-size: 15px;
    }
}
@media screen and (max-width:1024px) {
    #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 {
        height: auto;
    }
    header .logo {
        padding: 10px 0;
        width: 7vw;
    }
    header .header_search {
        width: 7vw;
        right: 60px;
    }
    footer .fshare {
        display: none !important;
    }
    .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }
    footer .footer_copyright .fPrivacy {
        display: block;
        margin-top: 0.75rem;
        padding-left: 0;
    }
    /**/
    .bannerHeading .title {
        font-size: 1.88rem;
        line-height: 1.6;
    }
    .bannerHeading .box {
        padding-left: 0;
    }
    .bannerHeading .text {
        padding-top: 1rem;
    }
    #banner .btnPaly {
        bottom: 1.5rem;
    }
    #banner .swiper-pagination {
        bottom: 3rem;
    }
    #banner .btnPaly .btnIcon {
        background-size: 12px;
    }
    footer .footer_main {
        display: none;
    }
    footer .footer_copyright {
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      padding: 1.5rem 0;
    }
    footer .footer_copyright .fPrivacy {
        width: 100%;
        font-size: 1rem;
    }
    /**/
    .hIndustrySolutions .container-fluid {
        padding-left: 0;
    }
    .hTitle {
        font-size: 1.75rem;
    }
    .hText {
        font-size: 1.5rem;
    }
    .hMoreBtn {
        display: none;
    }
    .hIndustrySolutionsList {
        padding-top: 0;
        padding-bottom: 0;
    }
    .hIndustrySolutionsMain {
        padding: 4.2rem 0;
    }
    .hIndustrySolutionsList ul.row {
        margin-left: -10px;
        margin-right: -10px;
    }
    .hIndustrySolutionsList li {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 2.2rem;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .hIndustrySolutionsList li .title {
        margin-bottom: 0.5rem;
        font-size: 1.35rem;
    }
    .hIndustrySolutionsList li .con {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .hIndustrySolutionsList li .box {
        display: block;
        width: 48%;
    }
    .hProduct {
        padding: 4.2rem 0;
    }
    .hNews {
        padding: 4.2rem 0;
    }
    .hNews .hMore {
        padding-top: 2rem;
    }
    .hNewsList li .box .img {
        height: 26vw;
    }
    .hNewsList li .box .text {
        padding: 2rem 15px;
        height: 8rem;
    }
    .hContact {
        padding: 4.2rem 0;
    }
    #wBanner .img {
        height: 40vw;
    }
    #wBanner .title {
        font-size: 1.6rem;
    }
    #wBanner .breadcrumb {
        padding: 1.5rem 0 0;
    }
    .breadcrumb .breadcrumb-item {
        font-size: 14px;
    }
    .w_title {
        font-size: 1.75rem;
    }
    .hNews .hTitle {
        padding-bottom: 2rem;
    }
    .hNews .hNewsList {
        padding-bottom: 5.38rem;
    }
    .hEquipment {
        padding-bottom: 4.2rem;
    }
    .hEquipmentMain {
        padding-bottom: 5.38rem;
    }
    .hEquipmentSwiper {
        height: 60vw;
    }
    .hEquipmentBox .box .title {
        left: 0;
        right: 0;
        font-size: 1.3rem;
    }
    .hEquipmentBox .box .title span img {
        display: none;
    }
    .hEquipmentBox .box .title span {
        font-size: 12px;
    }
    .headerDropDownTab ul {
        width: 100%;
        padding-right: 0;
        display: flex;
    }
    .headerDropDownTab li {
        width: 50%;
    }
    .headerDropDownCon {
        height: auto;
        overflow: hidden;
    }
    /*1027*/
    .w_main {
        padding-left: 0;
    }
    .w_main_tb {
        margin-bottom: 0;
    }
    .wNewsList {
        padding-top: 0.6rem;
        padding-bottom: 1.1rem;
    }
    .wNewsList li {
        margin-bottom: 15px;
    }
    .hNewsList li .box .text .title {
        font-size: 1.25rem;
    }
    .newsD .title {
        font-size: 1.5rem;
    }
    .newsD .time {
        padding-bottom: 1.5rem;
        margin-bottom: 1.5rem;
    }
    .newsD .page {
        padding: 2.2rem 0;
    }
    .newsD .page .page_title {
        display: none;
    }
    .aboutUsHeadMain {
        margin-top: 0;
    }
    .aboutUsHead .container-fluid {
        padding-left: 0;
    }
    .aboutUsInformation .list .title {
        font-size: 2.25rem;
        padding-bottom: 0.5rem;
    }
    .aboutUsInformation .list li {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    .aboutUsInformation .container-fluid {
        padding-left: 0;
    }
    .videoImg {
        height: 40vw;
    }
    .historyBot li .box {
        height: auto;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }
    .historyBot li .box .text {
        width: 100%;
        padding: 2.5rem 15px;
    }
    .historyBot li .box .img {
        width: 100%;
        height: 50vw;
    }
    .historyTop li.swiper-slide.active span {
        font-size: 1.75rem;
    }
    .manufacturingStrength .videoImg {
        height: 40vw;
        margin-top: 0.5rem;
    }
    .manufacturingStrength .w_text {
        margin-top: 0;
        padding: 20px 15px;
        margin-left: -15px;
        margin-right: -15px;
    }
    .corporateCultureList li .img {
        height: 25vw;
    }
    .corporateCultureList li .con {
        font-size: 1.35rem;
        padding-top: 1.5rem;
    }
    .corporateCultureList li .con .text span {
        font-size: 18px !important;
    }
    .corporateCultureList li {
        margin-left: -15px;
        margin-right: -15px;
    }
    .corporateCultureList li .cultureLeft, 
    .corporateCultureList li .cultureRight {
        padding-left: 15px;
        padding-right: 15px;
    }
    .aboutUsHead .w_title {
        padding-bottom: 1rem;
    }
    .aboutUsHeadMain,
    .aboutUsInformation .list,
    .historyBox,
    .manufacturingStrength,
    .socialResponsibility {
        padding: 3rem 0;
    }
    .corporateCultureList {
        margin-top: 0.6rem;
    }
    .corporateCultureList li .img::after {
        height: 4px;
    }
    .socialResponsibilitySwiper {
        padding-top: 1.5rem;
        padding-bottom: 6rem;
    }
    .socialResponsibilitySwiper li.swiper-slide .box .img {
        height: 50vw;
    }
    .socialResponsibilitySwiper li.swiper-slide .box .con .title {
        font-size: 1.5rem;
    }
    .socialResponsibilitySwiper li.swiper-slide .box .con {
        transform: translateY(0);
    }
    .socialResponsibilitySwiper li.swiper-slide .box .con .text {
        opacity: 1;
    }
    .hEquipment_button .hEquipment_prev,
    .hEquipment_button .hEquipment_next,
    .hNews_button .hNews_prev,
    .hNews_button .hNews_next,
    .socialResponsibility_button .socialResponsibility_prev,
    .socialResponsibility_button .socialResponsibility_next {
      width: 34px;
      height: 34px;
      margin: 0 15px;
    }
    .hEquipment_button .hEquipment_prev:after,
    .hEquipment_button .hEquipment_next:after,
    .hNews_button .hNews_prev:after,
    .hNews_button .hNews_next:after,
    .socialResponsibility_button .socialResponsibility_prev:after,
    .socialResponsibility_button .socialResponsibility_next:after {
      background-size: 18px;
    }
    .video_place .video_close_btn {
        width: 36px;
        height: 36px;
    }
    .video_place .video_close_btn img {
        width: 24px;
        height: 24px;
    }
    /*解决方案*/
    .successStories,
    .relatedSolutions,
    .relatedProduct {
        padding: 3rem 0;
    }
    .successStories .list {
        padding-top: 0.5rem;
        padding-bottom: 1.5rem;
    }
    .pretreatment {
        padding-top: 3rem;
    }
    .listTab {
        margin-top: 0.5rem;
    }
    .pretreatmentText {
        width: 100%;
    }
    .pretreatmentMain {
        padding-top: 3rem;
    }
    .pretreatmentSwiper::after,
    .pretreatmentSwiper::before {
        display: none;
    }
    .pretreatmentNav {
        left: -10px;
        width: 65px;
    }
    .pretreatmentNav ul li span {
        font-size: 12px;
        padding-left: 1.2rem;
    }
    .pretreatmentNav ul li.active span {
        transform: scale(1.1);
    }
    .pretreatmentList .con {
        padding: 0;
        padding-right: 1.2rem;
    }
    .pretreatmentSwiper {
        padding: 7rem 0 4rem 60px;
    }
    .relatedSolutions .list .box .title {
        font-size: 1.25rem;
    }
    .pretreatmentList,
    .pretreatmentList div.swiper-slide {
        height: auto;
    }
    .pretreatmentList .con .title {
        font-size: 1.55rem;
        line-height: 1.6;
        padding-bottom: 0.5rem;
    }
    .pretreatmentList .img .imgText {
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      padding-top: 0.5rem;
    }
    .pretreatmentNav ul li::after,
    .pretreatmentNav ul li::before {
        top: -34px;
        height: 38px;
    }
    .relatedSolutions .list .box .title:after {
        transform: rotate(90deg);
    }
    .product_list .box .con {
        padding: 20px 15px;
        height: 8rem;
    }
    .solution_product_list {
        padding-bottom: 1rem;
    }
    .product_footer {
        padding: 3rem 0;
    }
    .product_footer .hText {
        padding-bottom: 1.5rem;
    }
    .product_footerBg {
        height: 60vw;
    }
    .product_message {
        padding: 3rem 0;
    }
    .product_message .con {
        display: block !important;
    }
    .product_message .con .text {
        padding-bottom: 1.5rem;
        text-align: center;
    }
    .product_message .box {
        padding-left: 0;
    }
    .product_message .img {
        position: relative;
        top: 0;
        width: 50px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 1.5rem;
        transform: translateY(0);
    }
    .relatedSolutions .list,
    .product_list {
        padding-top: 0.5rem;
    }
    .solutionList li .img {
        height: 25vw;
    }
    .solutionList li .con {
        padding: 20px 15px 0;
    }
    .solutionListMain .solutionList li {
        padding-top: 3rem;
    }
    .solutionList {
        margin-top: 0;
    }
    .solutionListMain {
        padding-bottom: 3.2rem;
    }
    .solutionList li .title {
        font-size: 1.5rem;
    }
    .caseNav {
        display: none;
    }
    .caseBoxList {
        padding-left: 0;
    }
    .caseBoxList .w_title {
        position: relative;
        font-size: 1.75rem;
    }
    .caseModalD li .img {
        height: 30vw;
    }
    .caseModalX li.swiper-slide {
        width: 13vw;
    }
    .caseModalX li.swiper-slide .img {
        height: 7vw;
    }
    .modalPageCase .modalClose {
        width: 36px;
        height: 36px;
    }
    .modalPageCase .modalClose img {
        width: 24px;
        height: 24px;
    }
    /*产品*/
    .productHeadBox {
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      flex-direction: column-reverse;
    }
    .productHeadBox .con,
    .productHeadBox .img {
        width: 100%;
    }
    .productHeadBox .con {
        padding-top: 1.5rem;
    }
    .w_main_tb {
        padding: 3rem 0;
    }
    .customerValue {
        padding: 3rem 0 1rem;
    }
    .customerValueList li {
        margin-bottom: 2rem;
    }
    .customerValueList li .con {
        padding: 1.25rem 15px 0;
    }
    .customerValueList {
        margin-top: 0.5rem;
    }
    .applications {
        padding: 3rem 0;
    }
    .applications .list {
        padding-top: 0.5rem;
    }
    .product_list_swiper {
        padding-bottom: 2.6rem;
    }
    .product_message .con {
        padding: 1.56rem 0;
    }
    .aboutUsHead .w_title {
        line-height: 1.5;
    }
    .service {
        padding: 3rem 0 1rem;
    }
    .serviceList li .con {
        padding-top: 1.25rem;
    }
    .serviceList li {
        margin-bottom: 2rem;
    }
    .serviceList li .con .title {
        font-size: 1.5rem;
        padding-bottom: 0.25rem;
    }
    .serviceList li .con .text {
        padding-right: 0;
    }
    .download .list {
        margin-top: 0.62rem;
        padding-bottom: 2.2rem;
    }
    .download .list li .box {
        padding: 1.62rem 0 1.62rem 3.38rem;
    }
    .download .list li .box .title {
        font-size: 1.35rem;
        width: 66%;
    }
    .careerHeadMain {
        font-size: 1.7rem;
    }
    .careerStaff {
        padding: 3rem 0 1rem;
    }
    .careerStaffList li {
        margin-bottom: 2rem;
    }
    .careerStaffList li .con {
        font-size: 1.25rem;
        padding-top: 1.25rem;
    }
    .careerIdea {
        padding: 3rem 0;
    }
    .careerIdea .list {
        padding-top: 1.5rem;
    }
    .careerIdea .list li {
        height: 160px;
    }
    .careerIdea .list li .box {
        padding: 20px;
    }
    .careerIdea .list li .box .text {
        opacity: 1;
        visibility: visible;
        color: #111;
    }
    .careerIdea .list li .box .box_text {
        position: relative;
        padding-top: 0.62rem;
        top: 0;
        left: 0;
        right: 0;
    }
    .careerPersonnel .bgImg {
        height: 40vw;
    }
    .careerPersonnel .con {
        margin-top: 0;
        padding: 20px 15px;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      flex-direction: column-reverse;
    }
    .careerPersonnel .con .w_text ,
    .careerPersonnel .con .img {
        width: 100%;
    }
    .growTogether,
    .joinUs {
        padding: 3rem 0;
    }
    .growTogetherSwiper {
        margin-top: 0.5rem;
    }
    .joinUs .w_title {
        margin-bottom: 0.5rem;
    }
    .joinUs .list li {
        margin-bottom: 1rem;
    }
    .joinUs .list li .box .con .title,
    .recruitment_Bg .box .con .title {
        font-size: 1.65rem;
    }
    .accordion {
        margin-top: 1rem;
        margin-bottom: 2.2rem;
    }
    .accordion .card-header .btn .name {
        font-size: 1.25rem;
    }
    .accordion .card-body {
        padding: 6.125vw 3.6458vw;
    }
    .accordion .card-body h4 {
        font-size: 1.25rem;
    }
    .recruitment_footer {
        font-size: 1.4rem;
    }
    .joinUs .list li .box,
    .recruitment_Bg .box {
        height: 20rem;
    }
    .contactHeadCon {
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
    }
    .contactHeadWechat,
    .contactHeadAdd,
    .contactHeadTel {
        width: 100%;
    }
    .contactHeadWechat {
        padding-bottom: 2rem;
    }
    .contactHeadAdd {
        padding: 2rem 0;
        border: none;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
    .contactHeadTel {
        padding-right: 0;
        padding-top: 2rem;
    }
    .contactInformation {
        padding-top: 3rem;
    }
    .contactInformationBox {
        margin-top: 1.5rem;
        padding: 3rem 0;
    }
    .headerDropDownListMain {
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
    }
    .headerDropDownTab {
        width: 100%;
    }
    .headerDropDownCon {
        width: 100%;
    }
    .hEquipmentBox .box .bg {
        z-index: 3;
    }
    .serviceList li {
        margin-right: -10px;
        margin-left: -10px;
    }
    .serviceList li .cultureLeft, .serviceList li .cultureRight {
        padding-left: 10px;
        padding-right: 10px;
    }
    .growTogetherSwiper li.swiper-slide .box .con {
      top: 65%;
    }
    .growTogetherSwiper li.swiper-slide .box .con .title {
      font-size: 1.55rem;
    }
    .growTogetherSwiper li.swiper-slide .box .con .text {
      opacity: 1;
      visibility: visible;
    }
    .growTogetherSwiper .growTogether_prev,
    .growTogetherSwiper .growTogether_next {
      opacity: 1;
    }
    .parameterBox {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .parameterBox table {
        white-space: nowrap
    }
    .parameterBox table td {
        padding: 8px;
        text-align: center;
    }
    #banner {
        position: fixed;
        width: 1px;
        height: 1px;
        overflow: hidden;
        left: 0;
        top: 0;
    }

}
@media screen and (max-width:767px) {
    header .logo {
        width: 14vw;
    }
    header .header_search {
        width: 14vw;
    }
    .aboutUsInformation .list li:nth-child(2n)::after {
        display: none;
    }
    .aboutUsInformation .list li {
        text-align: left;
    }
    .hEquipmentSwiper {
        height: 100vw;
    }
    .hNewsList li .box .img {
        height: 52vw;
    }
    #wBanner .img {
        height: 52vw;
    }
    .videoImg {
        height: 50vw;
    }
    .manufacturingStrength .videoImg {
        height: 50vw;
    }
    .corporateCultureList li .img {
        height: 56vw;
    }
    .corporateCultureList li:nth-child(2n) .cultureLeft,
    .corporateCultureList li:nth-child(2n) .cultureRight {
        -ms-flex-order: 0;
        order: 0;
    }
    .socialResponsibilitySwiper li.swiper-slide .box .img {
        height: 100vw;
    }
    .pretreatmentList .con {
        padding: 0;
        padding-bottom: 1.2rem;
    }
    .pretreatmentSwiper {
        padding: 4rem 0 4rem 60px;
    }
    .solutionList li .img {
        height: 56vw;
    }
    .solutionList li .con {
        padding: 20px 0 0;
    }
    .solutionList li:nth-child(2n) .customerValueLeft,
    .solutionList li:nth-child(2n) .customerValueRight {
        -ms-flex-order: 0;
        order: 0;
    }
    .caseModalD li .img {
        height: 60vw;
    }
    .caseModalX li.swiper-slide {
        width: 18vw;
    }
    .caseModalX li.swiper-slide .img {
        height: 10vw;
    }
    .product_footerBg .img {
        background-attachment: inherit;
    }
    .customerValueList li .con {
        padding: 1.25rem 0 0;
    }
    .customerValueList li:nth-child(2n) .customerValueLeft,
    .customerValueList li:nth-child(2n) .customerValueRight {
      -ms-flex-order: 0;
      order: 0;
    }
    .serviceList li:nth-child(2n-1) .cultureLeft,
    .serviceList li:nth-child(2n-1) .cultureRight {
      -ms-flex-order: 0;
      order: 0;
    }
    .careerStaffList li {
        margin-left: -10px;
        margin-right: -10px;
    }
    .careerStaffList li .careerStaffLeft, .careerStaffList li .careerStaffRight {
        padding-left: 10px;
        padding-right: 10px;
    }
    .careerStaffList li:nth-child(2n-1) .careerStaffLeft,
    .careerStaffList li:nth-child(2n-1) .careerStaffRight {
      -ms-flex-order: 0;
      order: 0;
    }
    .careerIdea .list li {
        margin-bottom: 1rem;
    }
    .joinUs .list li .box,
    .recruitment_Bg .box {
        height: 20rem;
    }
    .listTab_relative .listTab_button {
        display: none;
    }
}
@media screen and (max-width:641px) {}
@media screen and (max-width:575px) {}
@media screen and (max-width:481px) {}
@media screen and (max-width:414px) {}
@media screen and (max-width:340px) {}